:root{--ink:#020713;--navy:#06152d;--white:#f7f6f2;--amber:#f6a800;--red:#ef1b2d;--muted:#b7c1d1;--line:rgba(255,255,255,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button,a{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.035em;line-height:.92}em{font-style:normal;color:var(--amber)}
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--amber));box-shadow:0 0 16px var(--red)}
.topbar{position:fixed;z-index:80;top:0;left:0;right:0;height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(2,7,19,.95),transparent)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-family:"Barlow Condensed";font-size:.78rem;letter-spacing:.09em}.brand i{color:var(--red);font-style:normal}.tg-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.42);color:white;font-size:1.35rem;font-weight:900;transition:.4s}.brand.navarro .tg-mark{border:2px solid var(--amber);border-radius:48%;color:var(--amber);font-size:0}.brand.navarro .tg-mark::after{content:"N";font-size:.95rem}.chapter{display:flex;gap:12px;align-items:center;font-size:.72rem;letter-spacing:.12em}.chapter span{color:var(--amber)}.menu-button{background:none;border:0;color:white;font-size:.7rem;letter-spacing:.16em;cursor:pointer}
.menu{position:fixed;z-index:70;inset:0;background:rgba(2,7,19,.97);display:grid;align-content:center;padding:100px max(8vw,48px);gap:4px;opacity:0;visibility:hidden;transition:.35s}.menu.open{opacity:1;visibility:visible}.menu a{color:#8793a7;text-decoration:none;font-family:"Barlow Condensed";font-size:clamp(2rem,5vw,4.5rem);font-weight:800;text-transform:uppercase;line-height:1}.menu a:hover{color:white}.menu a span{font-family:Inter;font-size:.7rem;color:var(--amber);margin-right:24px;vertical-align:middle}
.rail{position:fixed;z-index:60;right:24px;top:50%;transform:translateY(-50%);display:grid;gap:11px}.rail a{width:7px;height:7px;border:1px solid #8793a7;border-radius:50%;transition:.25s}.rail a.active{height:28px;border-radius:6px;border-color:var(--amber);background:var(--amber)}
.panel{position:relative;min-height:100svh;scroll-snap-align:start;overflow:hidden;display:flex;align-items:center}.content{position:relative;z-index:3;width:min(1180px,88vw);margin:auto}.kicker{color:var(--amber);font-size:.7rem;font-weight:700;letter-spacing:.22em;margin-bottom:24px}.lead{color:var(--muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65;max-width:620px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}
.lab-intro{background:radial-gradient(circle at 80% 35%,rgba(239,27,45,.2),transparent 30%),#030308}.lab-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent)}.lab-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.lab-intro h1{font-size:clamp(4.8rem,8vw,8rem)}.lab-intro .button{margin-top:28px}.credentials{border-left:1px solid rgba(255,255,255,.22);padding-left:54px}.years{font-family:"Barlow Condensed";font-size:9rem;font-weight:900;color:var(--red);line-height:.75}.credentials>small{display:block;color:white;letter-spacing:.24em;margin:14px 0 24px}.cred-line{height:3px;background:linear-gradient(90deg,var(--red),transparent);margin-bottom:24px}.credentials article{padding:13px 0;border-bottom:1px solid var(--line)}.credentials article b{font-family:"Barlow Condensed";font-size:1.4rem}.credentials article p{color:#8f9aae;font-size:.86rem;margin:5px 0 0}.lab-signature{position:absolute;left:6vw;bottom:34px;color:#647084;font-size:.62rem;letter-spacing:.2em}.lab-signature i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);margin:0 15px}
.hero-art,.idea-art{position:absolute;inset:0;display:grid;place-items:center;background:var(--ink)}.hero-art img,.idea-art img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,19,.98),rgba(2,7,19,.75) 45%,rgba(2,7,19,.15)),linear-gradient(0deg,rgba(2,7,19,.7),transparent)}.hero-copy{margin-left:7vw;margin-right:auto;max-width:760px}.hero h1{font-size:clamp(4.2rem,8vw,8.2rem);margin-bottom:30px}.hero-copy>p:not(.kicker){font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65;max-width:660px;color:#d5dbe5}.actions{display:flex;gap:12px;margin-top:34px}.button{min-height:54px;padding:0 26px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;cursor:pointer}.primary{color:#071226;background:linear-gradient(135deg,var(--amber),#ffd777);box-shadow:0 12px 40px rgba(246,168,0,.22)}.ghost{color:white;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05)}.scroll-hint{position:absolute;z-index:4;right:4vw;bottom:34px;writing-mode:vertical-rl;font-size:.6rem;letter-spacing:.18em;color:#9aa5b7}.scroll-hint span{display:inline-block;width:1px;height:48px;background:linear-gradient(var(--red),transparent);margin-top:10px}
.method,.opportunity,.scenarios,.pilot{background:url('assets/dark-bg.png') center/cover}.method-layout,.split,.scenario-layout,.nav-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.method h2,.opportunity h2,.scenarios h2,.nav-agent h2,.pilot h2{font-size:clamp(3.8rem,7vw,6.8rem)}.method-steps{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.method-steps button,.choice-switch button,.scenario-tabs button,.nav-actions button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#b8c1d0;padding:11px 15px;cursor:pointer}.method-steps button.active,.choice-switch button.active{color:#081124;background:var(--amber);border-color:var(--amber)}.method-stage{border-left:1px solid rgba(246,168,0,.5);padding:48px 0 48px 54px;min-height:360px}.stage-number{font-family:"Barlow Condensed";font-size:7rem;color:rgba(246,168,0,.18);line-height:.8}.method-stage h3{font-size:2.7rem;margin:30px 0 15px}.method-stage>p{color:var(--muted);line-height:1.7;max-width:470px}.outcome{margin-top:36px;font-size:.66rem;color:#8d98aa;letter-spacing:.16em}.outcome b{display:block;color:var(--amber);font-size:1rem;margin-top:8px}
.choice-switch{display:flex;margin:34px 0 20px}.choice-copy{display:grid;gap:8px;border-left:3px solid var(--red);padding-left:18px}.choice-copy strong{font-family:"Barlow Condensed";font-size:1.7rem;text-transform:uppercase}.choice-copy span{color:var(--muted)}.visual-frame,.scenario-visual{margin:0;display:grid;place-items:center;min-width:0}.visual-frame img,.scenario-visual img{width:100%;height:auto;max-height:70vh;object-fit:contain;filter:drop-shadow(0 25px 70px rgba(0,0,0,.5));transition:.4s}
.idea-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,19,.94),rgba(2,7,19,.5) 60%,rgba(2,7,19,.2))}.big-idea .content{margin-left:7vw;margin-right:auto;max-width:700px}.big-idea h2{font-size:clamp(5rem,10vw,10rem)}.text-link{color:white;text-decoration:none;font-weight:700;display:inline-flex;gap:12px;margin-top:25px}.text-link span{color:var(--amber)}
.scenario-tabs{display:grid;margin:32px 0 24px}.scenario-tabs button{text-align:left;display:flex;gap:18px;align-items:center;border-width:0 0 1px;padding:15px 0;font-family:"Barlow Condensed";font-size:1.4rem;text-transform:uppercase}.scenario-tabs button span{color:#707c90;font-family:Inter;font-size:.65rem}.scenario-tabs button.active{color:var(--amber);padding-left:14px;border-color:var(--amber)}.scene-detail b{color:var(--amber);font-size:.75rem;letter-spacing:.16em}.scene-detail p{color:var(--muted);margin-top:9px}
.nav-agent{background:radial-gradient(circle at 75% 40%,rgba(239,27,45,.18),transparent 35%),var(--ink)}.nav-actions{display:grid;gap:8px;margin-top:32px;max-width:470px}.nav-actions button{text-align:left;border-radius:10px}.nav-actions button:hover{border-color:var(--amber);color:var(--amber)}.agent-card{border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(6,21,45,.78);backdrop-filter:blur(16px);overflow:hidden;min-height:470px;box-shadow:0 35px 100px rgba(0,0,0,.45)}.agent-head{height:100px;padding:16px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.agent-head img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center;border:2px solid var(--amber)}.agent-head div{display:grid;gap:5px}.agent-head b{font-family:"Barlow Condensed";font-size:1.8rem}.agent-head span{font-size:.57rem;letter-spacing:.13em;color:#91a0b6}.agent-head i{margin-left:auto;width:9px;height:9px;border-radius:50%;background:#35d07f;box-shadow:0 0 14px #35d07f}.chat{padding:28px;display:grid;gap:14px;max-height:310px;overflow:auto}.message{max-width:84%;padding:14px 16px;border-radius:17px;line-height:1.5;font-size:.9rem}.nav-message{background:#112543;border-bottom-left-radius:4px}.user-message{background:var(--amber);color:#071226;margin-left:auto;border-bottom-right-radius:4px}.typing{display:none;gap:4px;margin:0 28px}.typing.show{display:flex}.typing span{width:7px;height:7px;border-radius:50%;background:#8290a5;animation:pulse 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes pulse{50%{opacity:.25;transform:translateY(-3px)}}
.pilot-content{padding:100px 0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}.timeline article{background:rgba(2,7,19,.86);padding:38px}.timeline span{color:var(--amber);font-size:.68rem;letter-spacing:.17em}.timeline h3{font-size:2.5rem;margin:18px 0 12px}.timeline p{color:var(--muted);line-height:1.55}.closing{display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding-top:36px;border-top:1px solid var(--line)}.closing p{font-family:"Barlow Condensed";font-size:clamp(1.8rem,3vw,3rem);text-transform:uppercase;margin:0}.closing strong{color:var(--amber)}
dialog{width:min(620px,calc(100% - 28px));border:1px solid var(--line);border-radius:26px;background:#06152d;color:white;padding:42px;box-shadow:0 35px 120px #000}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(8px)}dialog h2{font-size:3.8rem}dialog>p:not(.kicker){color:var(--muted);line-height:1.6}.close{position:absolute;right:18px;top:12px;background:none;border:0;color:white;font-size:2rem;cursor:pointer}textarea{width:100%;min-height:120px;background:#020713;color:white;border:1px solid var(--line);border-radius:14px;padding:15px;margin:15px 0;resize:none;line-height:1.5}
@media(max-width:850px){.chapter{display:none}.topbar{padding:0 20px}.rail{display:none}.panel{min-height:auto;padding:110px 0 80px}.hero,.lab-intro{min-height:100svh}.content{width:calc(100% - 44px)}.hero-copy,.big-idea .content{margin-left:22px}.hero h1{font-size:4rem}.lab-layout,.method-layout,.split,.scenario-layout,.nav-layout{grid-template-columns:1fr;gap:55px}.lab-intro h1{font-size:4.1rem}.credentials{border-left:0;border-top:1px solid var(--line);padding:34px 0 0}.years{font-size:6rem}.lab-signature{display:none}.method-stage{padding-left:30px}.visual-frame img,.scenario-visual img{max-height:none}.timeline{grid-template-columns:1fr}.closing{align-items:flex-start;flex-direction:column;gap:28px}.big-idea{min-height:100svh}.idea-art img,.hero-art img{object-position:65% center}.actions{flex-direction:column;align-items:stretch}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Brand signatures */
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{display:block;object-fit:contain}.brand-logo-tg,.brand.navarro .brand-logo-tg{width:138px;height:38px}.brand-logo-navarro,.brand.navarro .brand-logo-navarro{width:48px;height:43px;opacity:1}.brand-x,.brand.navarro .brand-x{color:var(--red);font-family:"Barlow Condensed";font-size:1.1rem;opacity:1;width:10px}.section-logo{display:block;object-fit:contain}.navarro-hero-logo{width:112px;max-height:112px;margin-bottom:32px;filter:drop-shadow(0 16px 35px rgba(0,0,0,.4))}.closing{align-items:flex-end;gap:40px}.closing-brands{display:flex;align-items:center;gap:16px;margin-bottom:25px}.closing-brands img:first-child{width:66px;height:66px;object-fit:contain}.closing-brands img:last-child{width:205px;height:48px;object-fit:contain}.closing-brands span{color:var(--red);font-family:"Barlow Condensed";font-size:1.5rem}
@media(max-width:850px){.brand-logo-tg,.brand.navarro .brand-logo-tg{width:104px}.brand-logo-navarro,.brand.navarro .brand-logo-navarro{width:40px}.navarro-hero-logo{width:86px}.closing-brands img:last-child{width:170px}.closing-brands img:first-child{width:56px;height:56px}}

/* NAV reveal: methodology made tangible */
.nav-agent{isolation:isolate;min-height:100svh}.nav-agent::after{content:"NAV";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"Barlow Condensed";font-size:36vw;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(246,168,0,.07);z-index:-1}.nav-agent .nav-layout{grid-template-columns:1fr 1fr;gap:22vw}.nav-cutout{position:absolute;z-index:2;left:50%;bottom:-2vh;transform:translateX(-50%);height:min(82vh,830px);width:auto;filter:drop-shadow(0 35px 55px rgba(0,0,0,.55));pointer-events:none}.nav-cutout.reveal{transform:translate(-50%,30px)}.nav-cutout.reveal.visible{transform:translate(-50%,0)}.nav-definition{max-width:450px;margin:24px 0 0;padding-left:18px;border-left:3px solid var(--red);font-family:"Barlow Condensed";font-size:1.45rem;line-height:1.15;text-transform:uppercase;color:white}.nav-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.nav-capabilities span{padding:8px 11px;border:1px solid rgba(246,168,0,.38);border-radius:999px;color:var(--amber);font-size:.58rem;font-weight:800;letter-spacing:.13em}.nav-agent .agent-card{position:relative;z-index:4;background:rgba(6,21,45,.88)}
@media(max-width:1000px){.nav-agent .nav-layout{gap:15vw}.nav-cutout{height:64vh;opacity:.78}}
@media(max-width:850px){.nav-agent{padding-top:120px}.nav-agent .nav-layout{grid-template-columns:1fr;gap:38px}.nav-cutout{left:auto;right:-14%;bottom:auto;top:9%;height:45vh;opacity:.22;transform:none}.nav-cutout.reveal,.nav-cutout.reveal.visible{transform:none}.nav-copy,.agent-card{position:relative;z-index:3}.nav-definition{font-size:1.25rem}}

/* Web-native editorial system: no embedded slide compositions. */
.hero{background:url('assets/dark-bg.png') center/cover}
.hero-brandword{position:absolute;right:-1vw;top:50%;transform:translateY(-50%);font-family:"Barlow Condensed";font-size:clamp(12rem,26vw,28rem);font-weight:900;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);white-space:nowrap}
.simple{background:url('assets/dark-bg.png') center/cover}
.simple-content{padding:100px 0}
.simple-head{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}
.simple h2{font-size:clamp(3.8rem,7vw,6.8rem)}
.simple-head .lead{padding-bottom:12px}
.terms{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.terms article{position:relative;min-height:330px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#071326;isolation:isolate}
.terms figure{position:absolute;inset:0;margin:0}.terms img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.terms article:hover img{transform:scale(1.035)}
.terms figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,7,19,.02) 20%,rgba(2,7,19,.35) 52%,rgba(2,7,19,.97) 100%)}
.term-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.term-copy span{color:var(--amber);font-size:.62rem;font-weight:800;letter-spacing:.16em}.terms h3{font-size:2.25rem;margin:9px 0 7px}.terms p{margin:0;color:#d2d9e3;line-height:1.45;font-size:.86rem;max-width:490px}
.what-buy{display:flex;align-items:center;gap:17px;margin-top:40px;font-family:"Barlow Condensed";font-size:1.25rem}.what-buy>span{font-family:Inter;font-size:.62rem;letter-spacing:.14em;color:#7e899b;margin-right:10px}.what-buy strong{font-weight:700}.what-buy i{width:6px;height:6px;border-radius:50%;background:var(--red)}
.opportunity-map{min-height:520px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center;position:relative}.asset{border-top:1px solid var(--line);padding:20px 0}.asset small,.destination small{color:#778397;font-size:.6rem;letter-spacing:.17em}.asset b{display:block;font-family:"Barlow Condensed";font-size:2rem;margin-top:10px}.map-line{grid-column:1/-1;height:1px;background:linear-gradient(90deg,var(--red),var(--amber));position:relative}.map-line::after{content:"";position:absolute;right:0;top:-5px;width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px var(--amber)}.destination{grid-column:1/-1;text-align:right;padding-top:16px}.destination strong{display:block;font-family:"Barlow Condensed";font-size:4.8rem;line-height:.82;color:var(--amber);margin-top:10px}
.big-idea{background:radial-gradient(circle at 78% 50%,rgba(246,168,0,.16),transparent 27%),var(--ink)}.idea-word{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-family:"Barlow Condensed";font-size:clamp(12rem,28vw,30rem);font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(246,168,0,.13);letter-spacing:-.08em}.idea-overlay{background:linear-gradient(90deg,rgba(2,7,19,.98),rgba(2,7,19,.4) 75%,transparent)}
.campaign-stage{min-height:530px;border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden;background:#06152d;box-shadow:0 30px 90px rgba(0,0,0,.45)}.campaign-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .7s}.campaign-stage:hover>img{transform:scale(1.02)}.campaign-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,19,.75),transparent 58%),linear-gradient(0deg,rgba(2,7,19,.5),transparent 45%)}.scene-number{position:absolute;right:26px;top:18px;font-family:"Barlow Condensed";font-size:7rem;color:rgba(255,255,255,.16)}.campaign-claim{position:absolute;z-index:2;left:34px;bottom:34px;display:grid}.campaign-claim small{color:var(--amber);font-size:.62rem;font-weight:800;letter-spacing:.18em;margin-bottom:10px}.campaign-claim strong{font-family:"Barlow Condensed";font-size:clamp(3rem,5vw,5.2rem);line-height:.79;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 5px 28px rgba(0,0,0,.65)}.campaign-claim em{color:var(--amber)}.campaign-claim i{width:90px;height:4px;background:var(--red);margin-top:20px}.campaign-stage.billboard .campaign-claim{left:auto;right:7%;bottom:26%;}.campaign-stage.billboard .campaign-shade{background:linear-gradient(90deg,transparent 35%,rgba(2,7,19,.64) 100%)}.campaign-stage.cremeria .campaign-claim{left:auto;right:5%;bottom:auto;top:14%;text-align:right}.campaign-stage.cremeria .campaign-claim i{margin-left:auto}.campaign-stage.cremeria .campaign-shade{background:linear-gradient(90deg,transparent 40%,rgba(2,7,19,.56))}.campaign-stage.recommendation .campaign-claim{left:5%;bottom:8%}.campaign-stage.gaming .campaign-claim{left:auto;right:5%;bottom:11%;text-align:right}.campaign-stage.gaming .campaign-claim i{margin-left:auto}.campaign-stage.gaming .campaign-shade{background:linear-gradient(90deg,transparent 42%,rgba(2,7,19,.72) 100%)}
.nav-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--amber);font-family:"Barlow Condensed";font-size:1.25rem;font-weight:900;color:var(--amber);background:radial-gradient(circle at 35% 30%,#18325a,#06152d);flex:none}
@media(max-width:850px){.simple-head{grid-template-columns:1fr;gap:28px}.terms{grid-template-columns:1fr}.terms article{min-height:360px}.what-buy{align-items:flex-start;flex-direction:column}.what-buy i{display:none}.opportunity-map{min-height:400px}.destination strong{font-size:3.6rem}.campaign-stage{min-height:470px}.campaign-stage .campaign-claim{left:24px;right:24px;bottom:28px;top:auto;text-align:left}.campaign-stage .campaign-claim i{margin-left:0}.campaign-stage .campaign-shade{background:linear-gradient(0deg,rgba(2,7,19,.92),transparent 70%)}.campaign-claim strong{font-size:3.5rem}}