:root{--bg:#05060a;--panel:#0a0c12;--paper:#f1f0eb;--muted:#a5aab4;--line:rgba(241,240,235,.15);--cyan:#48d4ff;--gold:#e5b868;--violet:#9d7cff;--max:1460px;--img:url('/assets/images/hero/protocol4pro-hero.webp')}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.shell{width:min(calc(100% - 64px),var(--max));margin:auto}.serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--gold)}.label{font:500 10px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.noise,.scan{position:fixed;inset:0;z-index:80;pointer-events:none}.noise{opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scan{opacity:.055;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.1) 4px);mix-blend-mode:overlay}.progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 16px var(--cyan)}
.nav{position:fixed;z-index:70;inset:0 0 auto;height:88px;display:flex;align-items:center;background:linear-gradient(180deg,rgba(5,6,10,.97),rgba(5,6,10,.72),transparent);transition:.3s}.nav.scrolled{height:74px;background:rgba(5,6,10,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navin{width:min(calc(100% - 64px),var(--max));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{font:400 22px 'Anton';letter-spacing:.035em}.brand em{font-style:normal;color:var(--cyan)}.brand small{display:block;font:500 7px ui-monospace,monospace;color:var(--muted);letter-spacing:.17em}.navlinks{display:flex;gap:30px;font-size:12px;color:#c1c5ce}.navlinks a:hover{color:var(--cyan)}.navcta{justify-self:end;display:inline-flex;min-height:44px;padding:0 20px;align-items:center;border:1px solid rgba(229,184,104,.55);border-radius:30px;background:rgba(229,184,104,.08);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.navcta:hover{background:var(--gold);color:#120e07}.menu{display:none;justify-self:end;border:0;background:transparent;color:white;font-size:24px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.heroFilm{position:absolute;z-index:-4;inset:-8%;pointer-events:none}.heroFilm iframe{position:absolute;left:50%;top:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%) scale(1.12);border:0;filter:saturate(.62) contrast(1.2);opacity:0;transition:opacity .7s}.heroFilm.loaded iframe{opacity:1}.heroStill{position:absolute;z-index:-5;inset:0;background:var(--img) center/cover}.hero:after{content:'';position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.98),rgba(5,6,10,.7) 54%,rgba(5,6,10,.26)),linear-gradient(180deg,rgba(5,6,10,.08),rgba(5,6,10,.96))}.heroIn{padding:160px 0 72px}.crumbs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:34px;font:500 9px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#aeb3bd}.crumbs a{color:var(--cyan)}.heroGrid{display:grid;grid-template-columns:1.42fr .58fr;gap:70px;align-items:end}.hero h1{max-width:1120px;font:400 clamp(72px,10.5vw,172px)/.78 'Anton';letter-spacing:-.04em;text-transform:uppercase;margin:17px 0 34px}.hero h1 span{display:block}.heroLead{max-width:760px;font-size:clamp(18px,1.55vw,25px);line-height:1.45;color:#e0e2e7}.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.primary,.secondary{min-height:52px;padding:0 25px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:.25s}.primary{background:var(--gold);color:#130f08;border:1px solid var(--gold)}.secondary{border:1px solid rgba(255,255,255,.45);background:rgba(5,6,10,.3);backdrop-filter:blur(9px)}.primary:hover,.secondary:hover{transform:translateY(-3px)}.signalCard{position:relative;min-height:430px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid var(--line);background:rgba(8,10,16,.55);backdrop-filter:blur(10px);isolation:isolate}.signalCard:before{content:'';position:absolute;z-index:-2;inset:0;background:var(--img) center/cover;filter:saturate(.6) contrast(1.1)}.signalCard:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.12),rgba(5,6,10,.97))}.signalCard strong{font:400 clamp(40px,4vw,68px)/.86 'Anton';text-transform:uppercase}.signalCard p{margin:18px 0 0;color:#d2d5dc;line-height:1.5}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:#08090d}.tickerTrack{display:flex;width:max-content;animation:ticker 42s linear infinite}.tickerGroup{display:flex;align-items:center;gap:26px;padding:16px 13px;font:500 9px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#c4c8d0}.ticker i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:145px 0}.section.dark{background:#08090e}.sectionHead{display:grid;grid-template-columns:.8fr 3.2fr;gap:65px;align-items:end;margin-bottom:62px}.sectionHead h2{font:400 clamp(60px,8vw,126px)/.81 'Anton';letter-spacing:-.035em;text-transform:uppercase;margin:0}.sectionHead p:last-child{max-width:690px;color:#bcc1ca;font-size:19px;line-height:1.55;margin:28px 0 0}.statement{display:grid;grid-template-columns:1fr 2fr;gap:70px}.statementMain{font:400 clamp(48px,6vw,94px)/.86 'Anton';text-transform:uppercase;margin:0}.statementMain em{display:block}.statementCopy{display:grid;grid-template-columns:1fr 1fr;gap:20px}.insight{min-height:280px;padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(72,212,255,.06),transparent)}.insight b{display:block;font:400 34px/1 'Anton';text-transform:uppercase;margin:75px 0 15px}.insight p{color:#b9bec8;line-height:1.58;margin:0}
.sceneGrid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:500px 500px;gap:16px}.scene{position:relative;overflow:hidden;min-height:420px;border:1px solid var(--line);isolation:isolate}.scene:first-child{grid-row:1/3}.scene:before{content:'';position:absolute;z-index:-2;inset:0;background:var(--scene-img,var(--img)) center/cover;filter:saturate(.68) contrast(1.12);transition:1s}.scene:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(4,5,9,.96))}.scene:hover:before{transform:scale(1.055);filter:saturate(1)}.sceneCopy{position:absolute;left:30px;right:30px;bottom:30px}.sceneCopy span{font:500 9px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--cyan)}.sceneCopy h3{font:400 clamp(40px,4.5vw,72px)/.86 'Anton';text-transform:uppercase;margin:10px 0 14px}.sceneCopy p{max-width:540px;color:#d0d4db;line-height:1.55;margin:0}
.deliverGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.deliver{min-height:330px;padding:30px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,rgba(157,124,255,.07),transparent 58%);transition:.3s}.deliver:hover{transform:translateY(-7px);border-color:rgba(72,212,255,.5)}.deliver .n{font:500 9px ui-monospace,monospace;color:var(--cyan);letter-spacing:.15em}.deliver h3{font:400 clamp(34px,3.2vw,54px)/.92 'Anton';text-transform:uppercase;margin:0}.deliver p{color:#b6bbc5;line-height:1.55;margin:15px 0 0}.channelRail{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.channel{min-height:260px;padding:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.channel:first-child{border-left:0}.channel b{font:400 32px/1 'Anton';text-transform:uppercase}.channel span{margin-top:14px;color:#abb0ba;font-size:13px;line-height:1.45}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase{position:relative;min-height:460px;padding:34px;border:1px solid var(--line);overflow:hidden;background:#0a0c12}.phase:before{content:attr(data-phase);position:absolute;right:-5px;top:-28px;font:400 160px/1 'Anton';color:rgba(255,255,255,.035)}.phase small{font:500 9px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.phase h3{font:400 clamp(44px,4vw,68px)/.88 'Anton';text-transform:uppercase;margin:230px 0 17px}.phase p{color:#b9bec7;line-height:1.58;margin:0}
.faqGrid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faqTitle{position:sticky;top:120px;align-self:start;font:400 clamp(62px,8vw,124px)/.8 'Anton';text-transform:uppercase;margin:0}.faqItem{border-top:1px solid var(--line);padding:28px 0}.faqItem:last-child{border-bottom:1px solid var(--line)}.faqItem h3{font:400 clamp(29px,3vw,45px)/1 'Anton';text-transform:uppercase;margin:0 0 13px}.faqItem p{max-width:760px;color:#b9bec7;line-height:1.62;margin:0}
.relatedGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related{position:relative;min-height:360px;padding:27px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid var(--line);isolation:isolate}.related:before{content:'';position:absolute;z-index:-2;inset:0;background:var(--related-img,var(--img)) center/cover;filter:saturate(.55);transition:.8s}.related:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.18),rgba(5,6,10,.97))}.related:hover:before{transform:scale(1.07);filter:saturate(1)}.related small{font:500 8px ui-monospace,monospace;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase}.related b{font:400 34px/.92 'Anton';text-transform:uppercase;margin-top:12px}
.libraryHero{padding:170px 0 90px;background:radial-gradient(circle at 70% 20%,rgba(72,212,255,.13),transparent 30%),radial-gradient(circle at 90% 65%,rgba(229,184,104,.1),transparent 34%)}.libraryHero h1{font:400 clamp(78px,12vw,190px)/.77 'Anton';letter-spacing:-.045em;text-transform:uppercase;margin:22px 0 40px}.libraryHero p:not(.label){max-width:790px;color:#c6cad2;font-size:clamp(18px,1.7vw,26px);line-height:1.45}.filterBar{position:sticky;z-index:30;top:73px;padding:18px 0;background:rgba(5,6,10,.9);backdrop-filter:blur(16px);border-block:1px solid var(--line)}.filterIn{display:flex;gap:10px;align-items:center}.filterIn input{width:100%;min-height:48px;padding:0 18px;color:white;border:1px solid var(--line);background:#090b11;outline:0}.filterIn input:focus{border-color:var(--cyan)}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalogCard{min-height:310px;padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(72,212,255,.045),rgba(229,184,104,.025));transition:.3s}.catalogCard:hover{transform:translateY(-6px);border-color:rgba(72,212,255,.5)}.catalogCard small{font:500 8px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.catalogCard b{display:block;font:400 clamp(34px,3vw,52px)/.9 'Anton';text-transform:uppercase;margin:28px 0 15px}.catalogCard p{color:#afb4be;line-height:1.5;margin:0}.catalogCard span{display:block;margin-top:25px;font-size:11px;color:var(--gold)}
.final{position:relative;min-height:92svh;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);isolation:isolate}.final:before{content:'';position:absolute;z-index:-2;inset:0;background:var(--img) center/cover;filter:saturate(.55)}.final:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.98),rgba(5,6,10,.5)),linear-gradient(180deg,rgba(5,6,10,.15),rgba(5,6,10,.95))}.finalGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.final h2{font:400 clamp(76px,10vw,164px)/.78 'Anton';letter-spacing:-.04em;text-transform:uppercase;margin:20px 0 0}.leadForm{padding:38px;border:1px solid var(--line);background:rgba(7,9,14,.76);backdrop-filter:blur(16px)}.leadForm h3{font:400 42px/.95 'Anton';text-transform:uppercase;margin:0 0 25px}.field{display:grid;gap:7px;margin-bottom:17px}.field label{font:500 8px ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#aeb3bc}.field input,.field textarea{width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;outline:0}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--cyan)}.leadForm button{width:100%;cursor:pointer}.footer{padding:34px 0;border-top:1px solid var(--line);background:#030407;color:#969ca7;font:500 8px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.footerIn{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer b{color:white}.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:1100px){.heroGrid,.finalGrid{grid-template-columns:1fr}.signalCard{min-height:520px}.statement{grid-template-columns:1fr}.sectionHead{grid-template-columns:1fr}.deliverGrid,.catalog{grid-template-columns:1fr 1fr}.relatedGrid{grid-template-columns:1fr 1fr}.channelRail{grid-template-columns:1fr 1fr}.channel:nth-child(3){border-left:0}.channel{border-top:1px solid var(--line)}.faqGrid{grid-template-columns:1fr}.faqTitle{position:static}.sceneGrid{grid-template-columns:1fr;grid-template-rows:auto}.scene:first-child{grid-row:auto}.scene{min-height:620px}}
@media(max-width:780px){.shell,.navin{width:min(calc(100% - 32px),var(--max))}.nav{height:72px}.navin{grid-template-columns:1fr auto}.navlinks,.navcta{display:none}.menu{display:block}.navlinks.open{position:absolute;display:flex;flex-direction:column;left:16px;right:16px;top:72px;padding:24px;background:#080a10;border:1px solid var(--line)}.heroIn{padding-top:125px}.hero h1,.libraryHero h1{font-size:20vw}.section{padding:100px 0}.sectionHead h2{font-size:16vw}.statementCopy,.deliverGrid,.timeline,.catalog,.relatedGrid{grid-template-columns:1fr}.scene{min-height:520px}.channelRail{grid-template-columns:1fr}.channel{border-left:0}.phase{min-height:400px}.phase h3{margin-top:190px}.final h2{font-size:19vw}.footerIn{align-items:flex-start;flex-direction:column}.filterBar{top:71px}.heroFilm{inset:-18%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tickerTrack{animation:none}.reveal{opacity:1;transform:none}.scene:before,.related:before{transition:none}}