/* SGS V7 · Dark / Modern Industrial — overrides only, all content remains intact. */
:root{
  --navy:#0a0d12;--navy-2:#141b23;--navy-3:#10161e;--blue:#f59e0b;--sky:#fbbf24;
  --paper:#10161e;--ink:#edf1f5;--muted:#aab6c4;--cloud:#151d27;--line:#2e3a46;
  --shadow:0 22px 62px rgba(0,0,0,.35);
  --font:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
  --display:'Plus Jakarta Sans','Inter',sans-serif;
}
html{scroll-padding-top:16px}
body{background:#0a0d12;color:#f2f5f8;font-family:var(--font);}
::selection{background:#f59e0b;color:#0a0d12}
:focus-visible{outline:2px solid #f59e0b;outline-offset:4px}
.container{width:min(1220px,calc(100% - 64px))}
.topbar{position:relative;z-index:auto;background:#080b10;border-bottom:1px solid rgba(255,255,255,.065);color:#9eacb9;font-size:10px;letter-spacing:.1em}
.topbar strong{color:#f2f4f6}
.top-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.10)}
.site-header,.site-header.scrolled{position:relative!important;top:auto;background:#0e131a;border-bottom:1px solid rgba(255,255,255,.085);box-shadow:none;backdrop-filter:none}
.nav-inner{height:92px;gap:27px}
.brand,.brand:hover{flex:0 0 312px;width:312px;min-height:auto;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:10px;overflow:visible}
.brand:before,.brand:after{display:none;content:none}
.brand .brand-symbol{width:98px;min-width:98px;height:53px;object-fit:contain;filter:none}
.brand-wordmark{color:#f8fafc;gap:10px}
.brand-wordmark>strong{font-size:37px;color:#f59e0b;letter-spacing:-.075em}
.brand-wordmark>span{color:#e4e9ee;font-family:var(--display);font-size:9px;letter-spacing:.03em;line-height:1.45}
.brand-wordmark small{color:#a6b1bd;font-size:8px}
.nav{gap:23px}
.nav-link{font-family:var(--font);font-weight:600;color:#b8c2cc;font-size:12px;letter-spacing:.015em}
.nav-link:hover,.nav-link.active{color:#fff}
.nav-link.active:after{background:#f59e0b;box-shadow:none}
.nav-cta{background:#f59e0b;color:#15100a;font-size:12px;font-weight:800;box-shadow:0 6px 22px rgba(245,158,11,.12);border:1px solid #f59e0b;border-radius:8px;letter-spacing:0}
.nav-cta:hover{background:#ffb02d;color:#0a0d12;box-shadow:0 10px 28px rgba(245,158,11,.22)}
.menu-toggle{background:#171e26;border:1px solid #37414c;border-radius:8px}
.menu-toggle span{background:#fafcff}
/* full-bleed photograph, softened by architectural grid and rich gradient */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#0a0d12;min-height:750px}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/joi-actualizacion-2026-08.webp');background-position:64% 48%;background-size:cover;filter:contrast(1.08) saturate(.73)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,10,15,.98) 0%,rgba(7,10,15,.94) 33%,rgba(7,10,15,.70) 57%,rgba(7,10,15,.27) 100%),linear-gradient(0deg,rgba(9,13,19,.96) 0%,transparent 38%,rgba(9,13,19,.3) 100%)}
.hero-grid-lines{z-index:0;opacity:.24;background-image:linear-gradient(90deg,rgba(225,232,241,.095) 1px,transparent 1px),linear-gradient(rgba(225,232,241,.07) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.hero-layout{grid-template-columns:minmax(0,840px) 1fr;gap:20px;min-height:585px;padding-block:85px 54px;align-items:center}
.hero-copy{z-index:1;padding:0;max-width:870px}
.hero .eyebrow{display:inline-flex;letter-spacing:.21em;font-size:11px;font-weight:800;color:#f7b44c;background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.27);padding:10px 16px;border-radius:5px}
.hero h1{font-family:var(--display);font-size:clamp(53px,5.6vw,86px);font-weight:800;line-height:1.08;letter-spacing:-.06em;text-transform:none;color:#fff;max-width:940px;margin:28px 0 25px;text-wrap:balance}
.hero h1 .highlight,.hero h1 span:not(.punct){color:#f59e0b}
.hero-copy>p{color:#d4dee7;font-size:17px;line-height:1.75;max-width:620px;margin:0 0 30px;text-wrap:pretty}
.hero-actions{gap:13px;align-items:center}
.btn{font-family:var(--font);border-radius:8px;letter-spacing:0;font-size:12px;font-weight:800;min-height:52px;gap:15px;transition:transform .24s ease, background .24s ease,box-shadow .24s ease,border-color .24s ease}
.btn-primary{background:#f59e0b;color:#15100a;border-color:#f59e0b;box-shadow:0 12px 28px rgba(245,158,11,.15)}
.btn-primary:hover{background:#ffb329;border-color:#ffb329;color:#0a0d12;box-shadow:0 16px 36px rgba(245,158,11,.25)}
.btn-outline{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.29);color:#fff;backdrop-filter:blur(8px)}
.btn-outline:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6);color:#fff}
.btn-dark{background:#f59e0b;color:#0a0d12}
.btn-dark:hover{background:#ffb329;color:#0a0d12}
.hero-download{color:#f8d593;border-bottom:1px solid rgba(245,158,11,.55);font-size:11px}
.hero-download:hover{color:#fff;border-color:#fff}
.hero-meta{margin-top:35px;gap:13px}
.meta-shape{background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.35);color:#f9b43b;border-radius:8px}
.hero-meta strong{color:#f1f5f8;font-size:12px}
.hero-meta span{color:#a9b7c5;font-size:11px}
.hero-proofline{font-size:10px;letter-spacing:.2em;color:#bdcad5;margin-top:24px;font-weight:700}
.hero-visual{display:none!important}
.hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;justify-content:stretch;min-height:0;padding-bottom:36px;border:0}
.stat-divider{display:none}
.hero-stat,.hero-stat.text-stat{display:flex;gap:16px;align-items:center;grid-column:auto;background:rgba(18,27,37,.70);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:19px 21px;box-shadow:0 10px 34px rgba(0,0,0,.12);backdrop-filter:blur(14px)}
.hero-stat>strong,.hero-stat.text-stat>strong{font-family:var(--display);font-weight:800;color:#f59e0b;line-height:1;font-size:clamp(32px,3vw,46px);letter-spacing:-.06em}
.hero-stat.text-stat>strong{font-size:clamp(20px,2vw,31px);letter-spacing:-.04em}
.hero-stat>span{color:#e2e9ef;line-height:1.5;font-size:11px;font-weight:600}
.portfolio-strip{background:#0e131a;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.09)}
.strip-content{min-height:91px}
.strip-content>span{color:#95a5b5}
.brand-names span{color:#d0d6dd;font-family:var(--display);font-weight:800;letter-spacing:.01em;font-size:17px}
.strip-footnote{color:#8999a8}
/* sections, headings, page rhythm */
.section{padding:100px 0}
.about-section,.projects-section,.process-section{background:#0a0d12}
.services-section,.technical-section{background:#111820}
.recent-section{background:#121920;padding:100px 0}
.kicker{color:#f9b84c;font-family:var(--font);font-weight:800;letter-spacing:.18em}
.kicker-line{background:#f59e0b}
.section-copy h2,.section-heading h2,.contact-copy h2,.recent-copy h2{font-family:var(--display);font-weight:800;letter-spacing:-.052em;text-transform:none;line-height:1.11;color:#fff}
.section-copy h2 em,.section-heading h2 em,.contact-copy h2 em,.recent-copy h2 em{color:#f59e0b;font-style:normal}
.section-copy p,.section-copy p.lead,.split-heading>p,.section-heading>p,.recent-copy>p{color:#b3c0cc}
.section-copy p.lead{color:#dde5ea}
.about-img,.about-mini,.about-floating{border-radius:12px;overflow:hidden}
.about-mini{border-color:#0a0d12}
.about-floating{background:rgba(13,20,29,.91);border:1px solid rgba(245,158,11,.24);backdrop-filter:blur(10px)}
.about-floating strong{font-family:var(--display);font-size:22px;line-height:1.2}
.mini-accent{background:#f59e0b}
.values-list{border-top-color:#2b3540}
.value-icon{background:#171f29;border-color:#3a4652;border-radius:8px;color:#f59e0b}
.values-list strong{color:#f5f7fa}
.values-list div span{color:#9dabba}
.text-link{color:#f8bf65;border-color:#f59e0b}
.services-grid{gap:18px}
.service-card,.technical-card{background:rgba(27,35,45,.75);border:1px solid #35414d;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.07);backdrop-filter:blur(10px)}
.service-card:hover,.technical-card:hover{border-color:#f59e0b;box-shadow:0 24px 48px -15px rgba(0,0,0,.5);transform:translateY(-6px)}
.service-card:before{background:#f59e0b}
.service-no{color:#e6b463}
.service-symbol svg{stroke:#f4b34c}
.service-card h3{font-family:var(--display);font-size:22px;color:#f3f6f9;letter-spacing:-.04em;line-height:1.2;text-transform:none}
.service-card p{color:#b0bfcc}
.service-card a{color:#f5b955}
.statement{background:#080b0f;border-block:1px solid rgba(245,158,11,.18)}
.statement blockquote{font-family:var(--display);font-weight:800;letter-spacing:-.06em;color:#f7f9fb}
.statement blockquote em{color:#f59e0b}
.statement-side,.statement-tag{color:#c5d0d9}
.recent-copy h2{font-size:clamp(38px,4.5vw,60px)}
.recent-copy p{color:#b9c5cf}
.recent-tags span{background:rgba(245,158,11,.065);border:1px solid rgba(245,158,11,.25);color:#edc786;border-radius:6px}
.recent-gallery-main,.recent-gallery-secondary img{border-radius:12px}
.recent-gallery-main>span{background:#161c24;border:1px solid rgba(255,255,255,.15)}
.recent-disclaimer{color:#8f9fac}
.portfolio-toolbar{gap:20px}
.filter-chip{background:#171f28;border:1px solid #394450;border-radius:8px;color:#c3cbd5}
.filter-chip.selected,.filter-chip:hover{background:#f59e0b;color:#0a0d12;border-color:#f59e0b}
.search-wrap{background:#171f28;border-color:#394450;border-radius:8px}
.search-wrap input{background:transparent;color:#f9fafb}
.search-wrap input::placeholder{color:#96a5b3}
.search-wrap svg{stroke:#e2b76c}
.project-card{background:#161e27;border:1px solid #33404b;border-radius:13px;box-shadow:0 10px 36px rgba(0,0,0,.13)}
.project-card:hover{transform:translateY(-8px);border-color:#f59e0b;box-shadow:0 23px 42px -12px rgba(0,0,0,.56)}
.project-image{background:#202932}
.project-image img{filter:contrast(1.08) saturate(.86);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .3s ease}
.project-card:hover .project-image img{transform:scale(1.05);filter:contrast(1.1) saturate(1.03)}
.project-category{color:#f4be69}
.project-info h3{font-family:var(--display);font-size:20px;color:#f2f5f8;letter-spacing:-.035em}
.project-info p{color:#a7b6c2}
.project-location{color:#95a5b6}
.project-more{color:#f3b44c}
.project-year{background:rgba(10,14,18,.85);border:1px solid rgba(255,255,255,.25);color:#fff}
.process-grid{gap:22px}
.process-grid article{border-color:#303d49}
.process-grid article>span{color:#f59e0b}
.process-grid h3{font-family:var(--display);color:#f6f8fa;font-size:23px;text-transform:none}
.process-grid p{color:#b6c3cf}
.technical-section:before{opacity:.5;background-image:linear-gradient(rgba(245,158,11,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.075) 1px,transparent 1px)}
.tech-number{color:#f5b75a}
.technical-card h3{font-family:var(--display);color:#f6f8fa}
.technical-card p,.technical-caution{color:#afbdca}
.tech-line{background:#f59e0b}
.contact-section{background:#0e141b;padding:100px 0}
.contact-copy>p,.contact-copy p{color:#b4c1cd}
.contact-details>a,.contact-person{border-color:#36414d}
.contact-details small{color:#f6b34a}
.contact-details strong{color:#f5f7fa}
.contact-icon{border-color:#57472e;color:#fbbf5b;background:#191e26}
.contact-form-panel{background:#171f29;color:#f1f4f8;border:1px solid #38444f;border-radius:15px;box-shadow:0 25px 75px rgba(0,0,0,.24)}
.form-header h3{font-family:var(--display);color:#fff}
.form-header>span{color:#f7b759}
.form-header p,.wizard-description{color:#a4b3bf}
.wizard-progress-track{background:#34414c}
.wizard-progress-track>span{background:#f59e0b}
#wizardStepCounter{color:#f5bd69}
.wizard-step legend{font-family:var(--display);color:#f5f8fa}
.contact-form-panel label{color:#cbd6df}
.contact-form-panel input:not([type=radio]),.contact-form-panel select,.contact-form-panel textarea{color:#f4f6f9;background:#212c37;border:1px solid #46535e;border-radius:7px}
.contact-form-panel input::placeholder,.contact-form-panel textarea::placeholder{color:#9aa8b5}
.contact-form-panel input:focus,.contact-form-panel textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16)}
.type-options label>span{background:#222c36;border:1px solid #46515e;border-radius:8px;color:#d9e3ea}
.type-options input:checked+span{background:#3a3020;border-color:#f59e0b;color:#ffcf80;box-shadow:inset 0 0 0 1px #f59e0b}
.type-options input:focus-visible+span{outline:2px solid #f59e0b}
.wizard-controls .wizard-back{background:#293540;color:#eff4f7;border:1px solid #50606d}
.form-footnote,.form-footnote strong{color:#a6b4c1}
.wizard-error{background:#3b231f;border-color:#d77b5b;color:#ffd7cd}
.form-fallback{background:#222e39;border-color:#455665;color:#ebf2f7}
.prepared-request{background:#202a35;color:#fff;border:1px solid #4a5563}
.floating-contact{background:#f59e0b;border:1px solid #ffbd4b;color:#15100a;box-shadow:0 12px 33px rgba(245,158,11,.22)}
.floating-contact:hover{background:#ffb42f;color:#0a0d12}
.footer{background:#090c11;color:#a7b6c3;border-top:1px solid #28333e}
.footer-brand img{background:rgba(255,255,255,.96);border-radius:10px}
.footer-links strong,.footer-info strong{font-family:var(--display);color:#f5f8fa}
.footer-links a:hover,.footer-info a:hover,.footer-info .footer-pdf-link{color:#f8bb60;border-color:#f8bb60}
.footer-bottom{border-top-color:#2a3642;color:#9aa9b6}
.footer-bottom a{color:#f3b95b}
/* Editorial project detail dialog (readable on dark background) */
.project-dialog{background:#111820;color:#f4f8fb;border:1px solid #39434e;border-radius:14px}
.project-dialog::backdrop{background:rgba(0,0,0,.82)}
.dialog-hero{background:#182431}
.dialog-hero>img{filter:contrast(1.05) saturate(.84)}
.dialog-hero-overlay>span{background:#f59e0b;color:#14100a}
.dialog-hero-overlay h2{font-family:var(--display);color:#fff}
.dialog-close{background:#f59e0b;color:#14100a;border-radius:7px}
.dialog-body h3{font-family:var(--display);color:#f1f6f9}
.dialog-body p{color:#b4c0cc}
.dialog-category{color:#f3b358}
.modal-facts,.modal-scope{border-top-color:#37424b}
.modal-facts h4,.modal-scope h4{color:#f4ba62}
.modal-facts dt{color:#a5b5c2}
.modal-facts dd{color:#f0f6f8}
.modal-scope li{background:#25313c;color:#d7e1e7}
.dialog-body .modal-verified{color:#a5b5c2}
.dialog-thumbs button.selected{border-color:#f59e0b}
.dialog-bottom{background:#171f28;border-top:1px solid #34404b}
.dialog-bottom>span{color:#a7b8c5}
.dialog-bottom a.btn{color:#101217}
/* Responsive: never retain or pin header */
@media(max-width:1100px){
 .nav-inner{height:82px;gap:11px}
 .brand{width:270px;flex-basis:270px}
 .brand .brand-symbol{width:77px;min-width:77px}
 .brand-wordmark>strong{font-size:32px}
 .brand-wordmark>span{font-size:8px}
 .nav{gap:12px}
 .nav-cta{padding:11px 12px;font-size:11px}
 .hero h1{font-size:clamp(48px,5.9vw,70px)}
}
@media(max-width:900px){
 .nav-inner{height:80px}
 .brand{width:300px;flex-basis:300px}
 .brand .brand-symbol{width:91px;min-width:91px}
 .nav{background:#131b24;border:1px solid #2d3945;box-shadow:0 22px 32px rgba(0,0,0,.38)}
 .nav-link{color:#c4ced7}
 .nav-link:hover,.nav-link.active{color:#f59e0b}
 .nav-link.active:after{display:none}
 .hero{min-height:0}
 .hero-layout{grid-template-columns:1fr;min-height:0;padding-block:96px 64px}
 .hero h1{font-size:clamp(48px,8vw,76px);max-width:720px}
 .hero::after{background:linear-gradient(90deg,rgba(7,10,15,.96),rgba(7,10,15,.69)),linear-gradient(0deg,#090d13,transparent 75%)}
 .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:30px}
 .hero-stat{flex-direction:column;align-items:flex-start;gap:6px;padding:17px}
 .hero-stat>strong{font-size:35px}
 .hero-stat.text-stat>strong{font-size:23px}
 .hero-stat>span{font-size:10px}
 .section{padding:76px 0}
}
@media(max-width:600px){
 .container{width:calc(100% - 36px)}
 .topbar-inner{height:30px}
 .nav-inner{height:78px;gap:10px}
 .brand{width:236px;flex-basis:236px;min-width:0;gap:8px}
 .brand .brand-symbol{width:69px;min-width:69px;height:46px}
 .brand-wordmark{gap:7px}
 .brand-wordmark>strong{font-size:28px}
 .brand-wordmark>span{font-size:7px;line-height:1.38}
 .brand-wordmark small{font-size:7px;letter-spacing:.06em}
 .hero{min-height:0}
 .hero::before{background-position:59% center}
 .hero::after{background:linear-gradient(90deg,rgba(7,10,15,.91),rgba(7,10,15,.71)),linear-gradient(0deg,rgba(7,10,15,.96),transparent 66%)}
 .hero-layout{padding-block:72px 28px;gap:0}
 .hero .eyebrow{font-size:9px;letter-spacing:.1em;padding:9px 10px}
 .hero h1{font-size:clamp(36px,10.2vw,55px);letter-spacing:-.056em;margin:22px 0 20px;max-width:100%;line-height:1.09}
 .hero-copy>p{font-size:13px;line-height:1.72;margin-bottom:22px}
 .hero-actions{gap:10px}
 .hero-actions .btn{font-size:11px;min-height:45px;padding:11px 13px;gap:7px}
 .hero-download{width:max-content;max-width:100%;font-size:10px}
 .hero-meta{margin-top:25px}
 .hero-proofline{font-size:9px;letter-spacing:.13em;margin-top:20px}
 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:29px}
 .hero-stat,.hero-stat.text-stat{grid-column:auto;padding:14px 12px;border-radius:9px;gap:6px;border-top:1px solid rgba(255,255,255,.14)}
 .hero-stat.text-stat{grid-column:1/-1;flex-direction:row;align-items:center;gap:15px}
 .hero-stat>strong{font-size:31px}
 .hero-stat.text-stat>strong{font-size:22px}
 .hero-stat>span{font-size:9px;line-height:1.5}
 .strip-content{padding-block:20px;min-height:0}
 .brand-names{gap:12px}
 .brand-names span{font-size:13px}
 .section{padding:65px 0}
 .section-copy h2,.section-heading h2,.contact-copy h2{font-size:clamp(35px,9.4vw,46px)}
 .recent-section{padding:65px 0}
 .recent-copy h2{font-size:clamp(36px,10vw,48px)}
 .portfolio-advanced{grid-template-columns:1fr 1fr}
 .portfolio-advanced select{min-width:0;width:100%}
 .service-card{padding:25px}
 .contact-section{padding:70px 0}
 .contact-form-panel{padding:24px 19px}
 .wizard-step legend{font-size:18px}
 .type-options label>span{font-size:10px}
 .footer-main{gap:30px}
 .dialog-body{grid-template-columns:1fr}
}
@media(max-width:360px){
 .brand{width:205px;flex-basis:205px}
 .brand .brand-symbol{width:56px;min-width:56px}
 .brand-wordmark>strong{font-size:25px}
 .brand-wordmark>span{font-size:6.4px}
 .hero h1{font-size:35px}
}
@media(prefers-reduced-motion:reduce){.btn,.project-card,.service-card,.project-image img{transition:none!important}}
/* Small-phone safeguard: keep the methodology tiles within the viewport. */
@media(max-width:360px){.process-grid{grid-template-columns:1fr;gap:15px}.process-grid article{min-width:0}.process-grid h3,.process-grid p{overflow-wrap:anywhere}}


/* Premium logo updates v10 */
.brand{flex:0 0 auto;width:auto;max-width:380px;display:flex;align-items:center}
.brand .brand-logo-full{display:block;height:58px;width:auto;max-width:min(42vw,330px);border-radius:8px;box-shadow:0 10px 24px rgba(4,12,22,.22)}
.footer-brand img{max-width:360px;width:100%;height:auto;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 10px 26px rgba(0,0,0,.18)}
@media(max-width:1100px){.brand .brand-logo-full{height:54px;max-width:min(44vw,300px)}}
@media(max-width:768px){.brand .brand-logo-full{height:50px;max-width:min(56vw,270px)}}
@media(max-width:600px){.nav-inner{height:86px}.brand{max-width:260px}.brand .brand-logo-full{height:44px;max-width:min(62vw,230px)}.footer-brand img{max-width:300px}}
@media(max-width:360px){.brand{max-width:220px}.brand .brand-logo-full{height:39px;max-width:min(64vw,205px)}}


/* ===== V11 Header refinement: premium, cleaner, more minimal ===== */
.topbar{display:none}
.site-header,.site-header.scrolled{background:rgba(8,12,18,.88)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:none!important}
.nav-inner{height:82px!important;gap:18px!important;justify-content:space-between;position:relative}
.brand{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;max-width:370px;min-height:auto!important}
.brand:before,.brand:after{display:none!important}
.brand .brand-logo-full{height:60px!important;max-width:min(40vw,345px)!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));transform:translateY(1px)}
.nav{gap:20px!important;align-items:center}
.nav-link{font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;text-transform:uppercase;color:rgba(255,255,255,.74)!important;padding:10px 0!important}
.nav-link:hover,.nav-link.active{color:#fff!important}
.nav-link.active:after{bottom:2px!important;height:2px!important;background:#f59e0b!important;box-shadow:0 0 0 transparent!important}
.nav-cta{padding:11px 16px!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase;background:#f59e0b!important;color:#0b0d10!important;border:1px solid rgba(245,158,11,.85)!important;border-radius:999px!important;box-shadow:none!important}
.nav-cta:hover{background:#ffb229!important;color:#0a0d12!important;transform:translateY(-1px)!important;box-shadow:none!important}
.menu-toggle{width:42px!important;height:42px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;box-shadow:none!important}
.menu-toggle span{background:#fff!important}
.footer-brand img{max-width:335px!important;padding:6px 8px!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.14)!important}
@media(max-width:1100px){
  .nav-inner{height:78px!important;gap:14px!important}
  .brand{max-width:330px!important}
  .brand .brand-logo-full{height:56px!important;max-width:min(42vw,300px)!important}
  .nav{gap:14px!important}
  .nav-link{font-size:10px!important;letter-spacing:.12em!important}
  .nav-cta{padding:10px 14px!important;font-size:10px!important}
}
@media(max-width:900px){
  .nav{background:rgba(9,14,20,.98)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px;padding:12px 22px 18px!important;box-shadow:0 16px 34px rgba(0,0,0,.28)!important}
  .nav-link{color:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:12px 0!important;font-size:11px!important;letter-spacing:.1em!important}
  .nav-link:last-child{border-bottom:0}
  .nav-link.active:after{display:none!important}
}
@media(max-width:600px){
  .nav-inner{height:74px!important}
  .brand{max-width:230px!important}
  .brand .brand-logo-full{height:42px!important;max-width:min(60vw,220px)!important}
  .menu-toggle{margin-left:auto}
}
@media(max-width:360px){
  .brand{max-width:205px!important}
  .brand .brand-logo-full{height:38px!important;max-width:min(62vw,195px)!important}
}