/* NEXORA AGENCY | Graphite & Silver Design System — 2026 */
:root{--black:#0b0e11!important;--ink:#f3f3f0!important;--muted:#abb0b3!important;--gold:#c5c9cb!important;--gold-light:#edeef0!important;--line:#3b4147!important;--bg:#0b0e11!important;--surface:#171a1e!important;--surface2:#20252a!important;--aqua:#d5d9dc!important;--blue:#cbd1d5!important;--violet:#aeb3b7!important;--paper:#e9e9e7!important;--forest:#111418!important;--sage:#d3d4d5!important;--sage-dark:#8e959e!important}
html{scroll-padding-top:84px}
body{background:#0b0e11!important;color:#f1f1ef}
::selection{background:#dde1e5;color:#0b0e11}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #cdd4d9;outline-offset:4px}
.reading-progress{background:linear-gradient(90deg,#727c85,#fff)}
/* Navigation + identity. The mark is deliberately monochrome, no nightlife gradients. */
.topbar,.site-header{background:rgba(11,14,17,.9)!important;border-bottom:1px solid rgba(221,227,231,.12)!important;backdrop-filter:blur(24px)!important}
.nav-inner,.nav-wrap{min-height:75px}
.logo,.brand{font-size:15px;letter-spacing:.22em!important;font-weight:700;gap:12px!important}
.logo-mark-img{width:40px;height:40px;display:block;filter:drop-shadow(0 2px 6px #0008)}
.logo-type{display:flex;flex-direction:column;gap:4px;line-height:1.05}
.logo-type small,.brand .subbrand{display:block;font-family:var(--sans,'DM Sans',Arial,sans-serif);font-size:8px;letter-spacing:.32em;font-weight:500;color:#b0b7bc}
.brand .subbrand{padding-top:4px}
.brand-mark{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#31373d,#111519)!important;border:1px solid #5e666b!important;border-radius:8px!important;width:42px!important;height:42px!important;flex:none}
.brand-mark img{width:29px;height:29px}
.nav-desktop a,.nav-links>a:not(.btn){color:#b4bbc0!important}
.nav-desktop a:hover,.nav-links>a:not(.btn):hover{color:#fff!important}
.nav-contact,.btn-primary,.button-gold{background:linear-gradient(110deg,#f1f2f2 0%,#c4c9ce 55%,#eef0f0 100%)!important;color:#111417!important;border:1px solid #d9dcdd!important;box-shadow:0 7px 25px #0005!important;font-weight:700}
.nav-contact:hover,.btn-primary:hover,.button-gold:hover{background:#fff!important}
.button-ghost,.btn-secondary,.button-outline{border:1px solid #727a81!important;background:rgba(237,240,243,.03)!important;color:#eceeef!important}
.button-ghost:hover,.btn-secondary:hover,.button-outline:hover{background:rgba(233,236,239,.1)!important;border-color:#bdc4c8!important}
.mobile-menu-button,.menu-toggle{border-color:#70787d!important}
.mobile-menu-button span,.menu-toggle span{background:#e5e8e8!important}
.mobile-nav:not([hidden]),.nav-links.open{background:#101418!important;border-color:#4b5359!important}
.language-switch{background:rgba(223,229,230,.04)!important;border:1px solid #5a61665c!important;border-radius:7px!important;padding:3px!important}
.language-switch a{color:#b0b6ba!important;border-radius:5px!important}
.language-switch a.is-selected{background:#cfd5d8!important;color:#15191d!important}
/* Hero — editorial typography, quiet silver atmosphere, controlled motion. */
.hero{padding-top:94px!important;background:radial-gradient(ellipse 550px 320px at 50% 36%,#37404a2b,transparent 95%),#0b0e11!important;border-bottom:1px solid #333a405c!important}
.hero-glow{background:radial-gradient(ellipse,#6c737a25,transparent 62%)!important}
.hero-overline,.section-label,.eyebrow{color:#adb6bb!important;font-size:10px!important;letter-spacing:.22em!important;font-weight:600!important}
.tiny-dash,.section-label i,.eyebrow:before{background:#899198!important}
.hero h1{font-size:clamp(64px,8vw,125px)!important;line-height:1.03!important;letter-spacing:-.082em!important;font-weight:500!important;margin:35px auto 27px!important}
.hero h1 em,.display-head em,.service-content h3 em,.aud-content h3 em,.serif-glow{color:#d6d9da!important;-webkit-text-fill-color:#d6d9da!important;font-weight:400!important;text-shadow:none!important}
.hero h1 em{font-size:1.02em}
.hero-heading>p{color:#acb4b9!important;max-width:650px!important}
.hero-buttons{margin-top:34px!important}
.button,.btn{letter-spacing:.02em}
.hero-caption{color:#79858d!important;letter-spacing:.18em!important}
.live-dot{background:#b9c3c7!important;box-shadow:0 0 0 4px #c2cdd01a!important}
/* Bespoke silver seal in place of the previous gold orbits */
.art-wrap{height:clamp(445px,48vw,640px)!important;width:min(1110px,calc(100% - 10px))!important;margin:65px auto 42px!important;position:relative!important;overflow:hidden!important;border:1px solid #424a50!important;background:radial-gradient(ellipse 500px 340px at 50% 43%,#293037,#101418 73%,#090b0e 100%)!important;box-shadow:inset 0 0 110px #000b,0 28px 90px #0005!important;isolation:isolate}
.art-wrap:before{content:"";position:absolute;inset:18px;border:1px solid #7c858b22;pointer-events:none;z-index:3}
.art-wrap:after{content:"";position:absolute;inset:auto -9% -45% -9%;height:54%;border-top:1px solid #7279803d;border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.plaque-fine-line{position:absolute;width:45%;height:1px;background:linear-gradient(90deg,transparent,#69747d66,transparent);z-index:2}
.plaque-fine-line.top{top:17%;left:-9%;transform:rotate(-19deg)}
.plaque-fine-line.bottom{bottom:17%;right:-10%;transform:rotate(-17deg)}
.silver-emblem{height:100%;display:grid;place-items:center;pointer-events:none}
.silver-emblem img{width:min(600px,82%);height:auto;max-height:91%;object-fit:contain;mix-blend-mode:screen;filter:brightness(.89) contrast(1.11) drop-shadow(0 17px 23px #0008);transition:transform 1.2s cubic-bezier(.17,.67,.22,1)}
.art-wrap:hover .silver-emblem img{transform:scale(1.025)}
.plaque-side-label,.plaque-bottom-left,.plaque-bottom-right{position:absolute;z-index:4;font-size:9px;letter-spacing:.19em;font-weight:600;color:#8c979e}
.plaque-left{top:32px;left:34px}.plaque-right{top:32px;right:34px}.plaque-bottom-left{bottom:35px;left:34px}.plaque-bottom-right{bottom:35px;right:34px}
.hero-bottom{color:#899399!important}.hero-bottom a{color:#c5ccd0!important}
/* Section transitions, understated depth, not gold or violet */
.marquee{height:70px!important;background:#d1d5d7!important;color:#13181a!important}
.marquee-track{gap:29px!important}.marquee-track span{font-size:18px!important;font-weight:700!important;letter-spacing:.04em!important}.marquee-track b{font-weight:400;color:#687078}
.intro,.services,.studio,.process,.audiences,.faq,.section,.section-sm{background:#101418!important}
.intro{background:radial-gradient(ellipse 700px 270px at 50% 0%,#2c323838,transparent),#0c0f12!important}
.intro-copy,.section-sub,.section-head p{color:#a9b1b5!important}
.text-link{border-color:#8a939a!important;color:#e9ecee!important}
.intro-lines{color:#9ea8b0!important}.intro-lines span{background:#444c52!important}
.service-grid{gap:16px}.service-card{border:1px solid #424a50!important;border-radius:2px!important}
.service-card:hover{border-color:#a6b0b5!important;box-shadow:0 20px 70px #0008!important}
.service-card-wide{background:radial-gradient(ellipse 480px 350px at 85% 32%,#63748020,transparent 72%),linear-gradient(135deg,#1d2328,#111519)!important}
.service-vertical{background:linear-gradient(145deg,#20262b,#121619)!important}
.service-dark{background:linear-gradient(125deg,#151b21,#242c31)!important}
.service-light{background:linear-gradient(143deg,#dce0e0,#bfc5c7)!important;color:#161b1f!important;border-color:#bbc4c8!important}
.service-light .service-top,.service-light .small-tag,.service-light h3 em{color:#495159!important;-webkit-text-fill-color:#495159!important}
.service-light .service-content p{color:#515b60!important}
.service-top,.aud-top{color:#a7b0b4!important}.small-tag{color:#b6c0c5!important}
.service-content p{color:#aeb6ba!important}
.service-orb i{border-color:#9da8b25a!important}
.grid-art,.bar-art,.chart-art{filter:grayscale(1)!important;opacity:.68}
.manifesto{background:linear-gradient(145deg,#1a2026,#0c0f12)!important;border-top:1px solid #424b5240;border-bottom:1px solid #424b5240}
.manifesto-symbol{color:#606c73!important;opacity:.14!important}
.studio-shell{border:1px solid #4b545b!important;background:#151a1f!important;box-shadow:0 32px 80px #0009!important}
.studio-top,.studio-left{background:#181e23!important;border-color:#3e474e!important}
.studio-tab.active{background:#d4d9db!important;color:#121719!important}
.studio-tab:not(.active){color:#b5bec2!important}
.studio-display{background:radial-gradient(ellipse 450px 280px at 90% 0%,#3942492e,transparent),#11171b!important}
.studio-logo,.studio-logo span,.studio-side-bottom{color:#e0e5e6!important}
.concept-flag,.status-indicator,.step-action{color:#a8b5bc!important}
.step-badge{background:#303a42!important;border-color:#606a70!important;color:#eef0f0!important}
.process-card{border-color:#39434a!important;background:#151a1f!important}
.process-icon{color:#aab4b8!important}
.audiences{background:#101519!important}.audience-box{border:1px solid #424b51!important}
.creator-box{background:linear-gradient(140deg,#252e35,#15191d)!important}
.brand-box{background:linear-gradient(140deg,#dce1e2,#bfc8cb)!important;color:#151a1d!important}
.brand-box h3 em{color:#626b72!important;-webkit-text-fill-color:#626b72!important}.brand-box p{color:#4d555b!important}
.aud-deco{color:#59697550!important}.brand-box .aud-deco{color:#47535a36!important}
.faq-list,.faq-list details,.faq-list summary{border-color:#3b444a!important}.faq-list summary span{color:#cdd5d8!important}.faq-list p{color:#b3babc!important}
.last-cta{background:linear-gradient(135deg,#e1e4e4,#bdc3c6)!important;color:#141a1f!important}
.last-cta .section-label{color:#515c64!important}.last-cta .section-label i{background:#6e797f!important}
.last-cta h2 em{color:#59646a!important;-webkit-text-fill-color:#59646a!important}.last-cta p{color:#48545b!important}
.button-black{background:#11171b!important;color:#edf1f2!important;border-color:#11171b!important}
.cta-orbit{border-color:#75858d44!important}
.footer,.site-footer{background:#090b0e!important;border-top:1px solid #39434a70!important}
.footer-about p,.footer-description{color:#89949b!important}
.footer-logo{display:flex!important;align-items:center;gap:14px!important;font-size:27px!important;letter-spacing:.18em!important;font-weight:700!important}
.footer-logo>span{display:flex;flex-direction:column;gap:6px!important;line-height:1}
.footer-logo small{font-size:9px;color:#aab3b8;letter-spacing:.3em}
.footer-links strong,.footer-col h4{color:#b7c1c5!important}
.footer-links a,.footer-col a{color:#939da3!important}.footer-links a:hover,.footer-col a:hover{color:#fff!important}
.footer-line,.footer-bottom{border-color:#3b444b!important;color:#7f8b92!important}
.footer-line a{color:#e6e9eb!important}
/* Secondary pages incl. forms: brand coherence across PT and EN. */
.page-hero{background:radial-gradient(ellipse 800px 400px at 50% 84%,#48545e35,transparent 70%),#0c1014!important;border-bottom:1px solid #424a5080!important}
.page-hero h1,.section-head h2,.end-cta h2{font-weight:500!important;letter-spacing:-.055em!important}
.page-hero p{color:#a9b4b9!important}
.info-card,.feature,.step{background:linear-gradient(142deg,#1c2329,#14191e)!important;border-color:#414b52!important;color:#f1f3f2!important}
.feature:hover{background:#252d32!important;border-color:#8b969d!important}
.feature-icon{background:#8f9da515!important;color:#d0d6d9!important;border-color:#7f8b945c!important}
.step-number{color:#b4c0c7!important}
.end-cta{background:radial-gradient(ellipse 520px 250px at 50% 80%,#87939f19,transparent),#171e24!important;border-color:#58636c!important;box-shadow:none!important}
.mini-visual{background:radial-gradient(ellipse,#65758322,transparent 75%),#14191e!important;border-color:#505a64!important}
.field input,.field select,.field textarea{background:#12191d!important;color:#f2f4f3!important;border:1px solid #626d75!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#d9e1e3!important;box-shadow:0 0 0 3px #afbbc322!important}
/* Reduce noise and provide clarity for mobile. */
@media(max-width:800px){.nav-inner{padding-inline:24px!important}.logo-mark-img{width:36px;height:36px}.hero{padding-top:74px!important}.plaque-right{display:none}}
@media(max-width:600px){
 .hero{padding-top:63px!important}.hero h1{font-size:clamp(51px,12.6vw,75px)!important;line-height:1.035!important;letter-spacing:-.075em!important}
 .hero-overline{font-size:8px!important;letter-spacing:.13em!important}
 .art-wrap{height:410px!important;width:100%!important;margin:40px auto 24px!important}
 .art-wrap:before{inset:10px}.silver-emblem img{width:95%;max-height:83%}
 .plaque-side-label,.plaque-bottom-left,.plaque-bottom-right{font-size:7px;letter-spacing:.1em}
 .plaque-left{left:18px;top:18px}.plaque-bottom-left{left:18px;bottom:18px}.plaque-bottom-right{right:18px;bottom:18px}
 .marquee{height:55px!important}.marquee-track span{font-size:13px!important;letter-spacing:.07em!important}
 .footer-logo{font-size:23px!important}
 .site-header .brand{font-size:13px!important}
 .service-card{height:370px!important}.section-label{font-size:8px!important;letter-spacing:.1em!important}
 .language-switch{padding:2px!important}
}
@media(prefers-reduced-motion:reduce){.art-wrap:hover .silver-emblem img{transform:none!important}}
/* Force secondary page micro-labels to inherit the restrained silver palette. */
.eyebrow,.section-head .eyebrow,.page-hero .eyebrow,.end-cta .eyebrow,.section-sm .eyebrow,
.eyebrow:before{color:#b7c1c8!important;-webkit-text-fill-color:#b7c1c8!important}
.page-hero .eyebrow,.section-sm .eyebrow{letter-spacing:.22em!important}
.page-hero .eyebrow:before,.section-sm .eyebrow:before{background:#9ba7af!important}
