/* NETTV / White Owl · original editorial + interactive design.
   The Wix reference informs the high-contrast, monochromatic art direction;
   all seven product screenshots and supplied client logo paths stay unchanged. */
:root{--black:#141615;--coal:#1c1f1e;--char:#292d2a;--ink:#191c1a;--ivory:#f4f4ee;--cream:#e9eae2;--paper:#fffefa;--muted:#747970;--line:#d8d9d1;--line-dark:#3b403d;--lime:#cdf173;--lime-dark:#a3ca4c;--font:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--width:1312px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:15px;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:var(--lime);color:var(--black)}:focus-visible{outline:3px solid var(--lime-dark);outline-offset:4px}.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-90px;left:10px;padding:12px 20px;background:var(--lime);color:var(--black);z-index:200}.skip:focus{top:8px}.loading-line{position:fixed;z-index:120;left:0;top:0;width:100%;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;pointer-events:none;transition:transform .12s linear}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font);letter-spacing:-.065em}a,button{-webkit-tap-highlight-color:transparent}
/* Navigation */
.site-header{height:80px;position:sticky;top:0;z-index:90;background:var(--black);color:#f5f5ed;border-bottom:1px solid #393c39;transition:background .2s,border-color .2s}.site-header.scrolled{background:rgba(20,22,21,.96);backdrop-filter:blur(14px);border-color:#454a43}.nav-wrap{display:flex;align-items:center;gap:30px;height:100%}.wordmark{flex:0 0 175px;display:flex;align-items:center;position:relative;min-height:45px;text-decoration:none}.wordmark img{width:163px;height:44px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.wordmark-fallback{display:none;font-family:var(--font);font-size:19px;font-weight:800;letter-spacing:-.06em;color:#fff}.wordmark-dot{color:var(--lime)}.wordmark.has-missing-logo img{display:none}.wordmark.has-missing-logo .wordmark-fallback{display:inline}.nav{display:flex;align-items:center;gap:37px;margin-inline:auto}.nav a{font-size:12px;font-weight:700;text-decoration:none;color:#e2e5dc;transition:color .18s}.nav a:hover{color:var(--lime)}.nav-cta{display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:142px;min-height:41px;padding:0 18px;background:var(--lime);color:var(--black);font-size:12px;font-weight:800;text-decoration:none;border-radius:4px;transition:transform .2s,background .2s}.nav-cta:hover{background:#e1fc9a;transform:translateY(-2px)}.nav-cta span{font-size:18px}.nav-toggle{display:none;border:0;background:transparent;width:40px;height:40px;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:6px}.nav-toggle span{display:block;width:22px;height:2px;background:#fff;transition:transform .2s,opacity .2s}
/* Hero */
.hero{background:var(--black);color:#f7f7f1;position:relative;overflow:hidden}.hero-ambient{position:absolute;width:1020px;height:750px;left:47%;top:-250px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(112,123,102,.11),transparent 67%)}.hero-inner{padding-top:56px;position:relative}.eyebrow,.section-no{font-family:var(--font);font-size:10px;line-height:1.5;letter-spacing:.15em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:13px;color:#a8afa6;flex-wrap:wrap}.eyebrow.light{color:#a7afa6}.mark{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(205,241,115,.1)}.eyebrow-line{width:27px;height:1px;background:#4c5549}.hero-headline{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:48px 0 48px}.hero h1{font-size:clamp(66px,7.5vw,126px);line-height:.92;font-weight:700;margin:0;letter-spacing:-.084em}.hero h1>span{color:var(--lime)}.hero-period{color:var(--lime)}.hero-side{max-width:225px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:9px}.hero-index{color:var(--lime);font-family:var(--font);font-size:12px;letter-spacing:.18em;font-weight:800}.hero-side p{font-size:13px;line-height:1.72;color:#aeb7ad;margin:0}.round-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #656b61;display:grid;place-items:center;text-decoration:none;color:var(--lime);font-size:21px;transition:background .2s,transform .2s}.round-arrow:hover{background:var(--lime);color:var(--black);transform:translate(2px,2px)}
/* Main interactive product stage */
.hero-stage{border:1px solid #454a43;background:#202320;box-shadow:0 30px 80px rgba(0,0,0,.16)}.stage-topline{height:47px;border-bottom:1px solid #3c423c;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font-family:var(--font);font-size:9px;font-weight:800;letter-spacing:.16em;color:#a4aaa2}.stage-topline>span:first-child{display:flex;align-items:center;gap:9px}.live-beacon{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(205,241,115,.13)}.stage-main{display:grid;grid-template-columns:55px minmax(0,1fr) 285px;min-height:480px}.stage-aside{border-right:1px solid #3e443c;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:25px 0;color:#80887e}.vertical-copy{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font);font-size:9px;letter-spacing:.18em;font-weight:800}.stage-aside-index{font-family:var(--font);font-size:9px;font-weight:800;color:#c0c8b9;writing-mode:vertical-rl;transform:rotate(180deg)}.device-window{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:50px 28px 30px;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#353b34 0%,#222723 45%,#1c211d 85%)}.device-window::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 33px,rgba(255,255,255,.018) 34px);pointer-events:none}.device-bezel{position:relative;z-index:1;width:min(100%,615px);aspect-ratio:16/9.8;padding:8px;background:linear-gradient(140deg,#484b45,#070807 38%,#30352d);border:1px solid #545a50;border-radius:13px;box-shadow:0 25px 45px rgba(0,0,0,.55),0 0 0 1px #121511;transform:perspective(1500px) rotateY(-2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.device-window:hover .device-bezel{transform:perspective(1500px) rotateY(0) translateY(-4px)}.device-display{background:#0c100f;border-radius:5px;overflow:hidden;width:100%;height:100%;position:relative;display:grid;place-items:center}.device-display img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.device-neck{width:52px;height:28px;background:linear-gradient(90deg,#101210,#313631,#0a0c0b);position:relative;z-index:0}.device-foot{width:155px;height:6px;border-radius:50% 50% 2px 2px;background:linear-gradient(90deg,#141614,#586055,#101310);box-shadow:0 7px 15px rgba(0,0,0,.3);position:relative;z-index:0}.device-topleft{position:absolute;left:19px;top:19px;font-family:var(--font);font-size:10px;letter-spacing:.12em;font-weight:800;color:#e8eee1}.device-sub{color:#a8b3a3;margin-left:5px}.device-counter{position:absolute;right:22px;bottom:16px;display:flex;align-items:baseline;gap:5px;font-family:var(--font);color:#aeb6ab}.device-counter strong{font-size:29px;color:var(--lime);letter-spacing:-.06em}.device-counter span{font-size:10px;font-weight:700}.stage-info{border-left:1px solid #3f443f;display:flex;flex-direction:column;padding:30px 24px 25px}.stage-info>span:first-child{color:var(--lime);font-family:var(--font);font-size:9px;font-weight:800;letter-spacing:.14em}.stage-info-row{margin-top:auto}.stage-info h2{font-size:34px;line-height:1.06;margin:0 0 14px;font-weight:700}.stage-info-row>span{display:inline-block;border:1px solid #555e52;padding:8px 10px;color:#b9c5b3;font-family:var(--font);font-size:9px;letter-spacing:.09em;font-weight:800}.stage-info p{font-size:13px;color:#aeb8ac;line-height:1.65;margin:22px 0 20px}.stage-info a{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #454c43;padding-top:18px;text-decoration:none;font-size:11px;font-weight:800;color:#fff}.stage-info a:hover{color:var(--lime)}.stage-info a span{font-size:20px}.format-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #424840}.format-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;text-align:left;border:0;border-right:1px solid #41473f;background:#202320;color:#abb4a8;padding:20px 17px 17px;min-height:110px;transition:background .23s,color .23s}.format-tab:last-child{border-right:0}.format-tab:hover{background:#2c3329;color:#fff}.format-tab.is-active{background:var(--lime);color:var(--black)}.tab-num{font-size:10px;font-family:var(--font);font-weight:800;letter-spacing:.15em;opacity:.85}.tab-label{font-family:var(--font);font-size:12px;font-weight:800;letter-spacing:-.025em}.tab-line{width:100%;height:1px;background:currentColor;opacity:.25}.format-tab.is-active .tab-line{opacity:.9}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 0 30px;color:#828b80;font-family:var(--font);font-size:9px;font-weight:800;letter-spacing:.15em}.hero-bottom>span:first-child span{color:var(--lime);font-size:16px;margin-left:11px}.tiny-sep{color:var(--lime);margin:0 7px}
.asset-frame{position:relative}.asset-message{display:none;text-align:center;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;background:linear-gradient(140deg,#101613,#313a32);padding:24px;color:#eef1e8}.asset-message span{font-family:var(--font);font-weight:800;font-size:9px;letter-spacing:.18em;color:var(--lime);margin-bottom:22px}.asset-message strong{font-family:var(--font);font-size:clamp(16px,2vw,27px);letter-spacing:-.05em;line-height:1.15;max-width:310px}.asset-message small{font-size:10px;color:#a8b8aa;line-height:1.6;margin-top:15px;max-width:270px}.asset-frame.asset-missing>img{display:none}.asset-frame.asset-missing>.asset-message{display:flex}.hero-stage .asset-frame.asset-missing>.asset-message{display:flex}
/* Statement */
.intro-statement{background:var(--ivory);border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:190px 1fr 275px;align-items:end;gap:50px;padding:110px 0 118px}.section-no{color:#777c70;display:block}.intro-grid>.section-no{align-self:start;padding-top:12px}.intro-grid h2{font-size:clamp(43px,5vw,76px);line-height:1.08;font-weight:700;margin:0}.intro-grid h2 span{color:#91978b}.intro-grid p{font-size:15px;line-height:1.8;color:#61665e;margin:0 0 5px}
/* Scroll-linked showcase */
.formats-story{background:var(--paper);padding:120px 0 120px}.story-heading{display:grid;grid-template-columns:190px minmax(0,1fr) 180px;gap:50px;align-items:start;margin-bottom:70px}.story-heading .section-no{margin-top:9px}.story-heading h2{font-size:clamp(47px,5.25vw,80px);line-height:1.04;font-weight:700;margin:0 0 26px}.story-heading h2 span{color:#959a90}.story-heading p{max-width:470px;font-size:15px;line-height:1.75;color:#62685e;margin:0}.story-indicator{text-align:right;margin-top:12px;color:#82887c;font-family:var(--font);font-size:10px;letter-spacing:.13em;font-weight:800}.story-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:80px;align-items:start}.story-steps{min-width:0}.story-step{position:relative;min-height:570px;padding:64px 0 80px;border-top:1px solid #d5d7cf;opacity:.50;transition:opacity .36s ease}.story-step.is-current{opacity:1}.story-step:last-child{border-bottom:1px solid #d5d7cf}.step-flag{display:flex;justify-content:space-between;gap:12px;color:#696e66;font-family:var(--font);font-size:10px;letter-spacing:.14em;font-weight:800;max-width:400px;margin-bottom:55px}.step-overline{display:block;color:#60675b;font-family:var(--font);font-size:10px;letter-spacing:.12em;font-weight:800;margin-bottom:20px}.story-step h3{font-size:clamp(40px,3.6vw,59px);line-height:1.07;margin:0 0 24px;font-weight:700}.story-step p{color:#5b6259;font-size:15px;line-height:1.85;max-width:390px;margin:0 0 33px}.step-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;max-width:360px;margin-bottom:28px;padding-top:20px;border-top:1px solid #d1d5c9}.step-facts span{font-size:11px;color:#777f70}.step-facts strong{font-size:12px;font-weight:800;text-align:right}.story-step>a{display:inline-flex;align-items:center;gap:25px;font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid #1b1e1a;padding-bottom:10px}.story-step>a:hover{color:#637a2c;border-color:#637a2c}.story-step>a span{font-size:18px}.mobile-stage{display:none}.story-sticky{position:sticky;top:107px;height:min(700px,calc(100vh - 130px));min-height:550px;border-radius:5px;background:#1b1e1c;color:#e9ebe4;overflow:hidden;box-shadow:0 25px 65px rgba(16,25,16,.18)}.sticky-top{height:57px;border-bottom:1px solid #414740;padding:0 26px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font);font-size:10px;letter-spacing:.13em;font-weight:800;color:#a6b1a3}.sticky-top>span:first-child{display:flex;align-items:center;gap:9px}.sticky-screen{height:calc(100% - 202px);padding:30px;display:grid;place-items:center;background:radial-gradient(ellipse,#333a33,#1c211d 63%,#171c18)}.sticky-screen-inner{width:100%;aspect-ratio:16/10;border:9px solid #101310;outline:1px solid #5a6257;box-shadow:0 30px 45px rgba(0,0,0,.5);overflow:hidden;background:#0f1310;display:grid;place-items:center;position:relative;transition:transform .5s cubic-bezier(.18,.8,.2,1)}.sticky-screen-inner img{width:100%;height:100%;object-fit:contain;transition:opacity .18s ease,transform .45s ease}.sticky-screen-inner.changing img{opacity:0;transform:scale(.96)}.sticky-screen-inner.changing{transform:scale(.985)}.sticky-bottom{display:flex;justify-content:space-between;gap:12px;align-items:end;padding:20px 28px 21px;height:140px;border-top:1px solid #42483f}.sticky-bottom small{font-family:var(--font);font-size:9px;color:var(--lime);font-weight:800;letter-spacing:.15em}.sticky-bottom h3{font-size:23px;margin:8px 0 8px;letter-spacing:-.04em}.sticky-bottom span:not(.sticky-decor){font-family:var(--font);font-size:9px;font-weight:700;letter-spacing:.13em;color:#9fa99b}.sticky-decor{font-family:var(--font);font-size:35px;color:var(--lime);line-height:1}.sticky-progress{height:5px;background:#3c443b}.sticky-progress span{display:block;width:14.2857%;height:100%;background:var(--lime);transition:width .42s ease}
/* Journey */
.experience{background:var(--lime);padding:117px 0 124px}.experience-inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:115px}.experience-title .section-no{color:#50642d;margin-bottom:31px}.experience h2{font-size:clamp(50px,5.15vw,79px);line-height:1.04;margin:0 0 27px;font-weight:700}.experience h2 em{font-style:normal;color:#667b37}.experience-title p{color:#3c4930;font-size:15px;line-height:1.8;max-width:465px;margin-bottom:32px}.pill-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#161a14;color:#f5f7ec;font-size:12px;font-weight:800;text-decoration:none;padding:16px 20px;min-width:202px;transition:transform .2s}.pill-cta:hover{transform:translateY(-3px)}.pill-cta span{font-size:20px}.experience-rail{position:relative;padding-top:6px}.experience-rail>div:not(.rail-line){display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:18px;min-height:88px;border-bottom:1px solid rgba(23,32,15,.23)}.experience-rail>div:not(.rail-line):first-of-type{border-top:1px solid rgba(23,32,15,.23)}.experience-rail span{font-family:var(--font);font-size:11px;font-weight:800;color:#4c5a38;letter-spacing:.12em}.experience-rail strong{font-family:var(--font);font-size:23px;letter-spacing:-.04em;font-weight:700}.experience-rail small{font-size:12px;color:#506042;text-align:right}.rail-line{display:none}
/* logos */
.clients{background:var(--ivory);padding:120px 0 115px}.clients-heading{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:end;margin-bottom:50px}.clients-heading .section-no{margin-bottom:20px}.clients h2{font-size:clamp(53px,5vw,75px);font-weight:700;line-height:1.04;margin:0}.accent-dot{color:#85a83a}.clients-heading p{font-size:13px;color:#6b7066;line-height:1.8;margin:0}.client-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#cccec6;border:1px solid #cccec6}.client-logo{height:140px;padding:27px;background:var(--ivory);display:grid;place-items:center;transition:background .2s}.client-logo:hover{background:#fff}.client-logo img{width:100%;height:100%;max-height:66px;max-width:145px;object-fit:contain}.client-logo.logo-missing:before{content:attr(data-brand);font-family:var(--font);font-size:9px;letter-spacing:.12em;color:#969d90}.client-logo.logo-missing img{display:none}.client-toggle{display:flex;align-items:center;gap:24px;margin:33px auto 0;border:0;border-bottom:1px solid #3a3d37;background:transparent;padding:6px 0 11px;font-weight:800;font-size:12px}.client-toggle span{font-size:18px}.client-toggle:hover{color:#5d7925}
/* FAQ */
.faq{background:var(--paper);padding:130px 0}.faq-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:130px}.faq-header .section-no{margin-bottom:22px}.faq h2{font-size:clamp(46px,4.2vw,69px);font-weight:700;line-height:1.07;margin:0 0 26px}.faq-header p{font-size:14px;line-height:1.8;max-width:315px;color:#676d64}.faq-list{border-top:1px solid #cfd1c9}.faq-list details{border-bottom:1px solid #cfd1c9}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:27px 0;cursor:pointer;list-style:none;font-family:var(--font);font-size:16px;letter-spacing:-.025em;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:var(--body);font-size:26px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#697067;font-size:14px;line-height:1.8;margin:-2px 30px 24px 0;max-width:570px}
/* lead */
.contact{background:var(--black);color:#f3f5ec;padding:125px 0 130px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:115px}.contact-copy .section-no{color:var(--lime);margin-bottom:37px}.contact h2{font-size:clamp(55px,5.1vw,83px);font-weight:700;line-height:1.05;margin:0 0 26px}.contact h2 em{font-style:normal;color:var(--lime)}.contact-copy>p{max-width:375px;color:#aeb7a9;line-height:1.8;margin:0 0 33px}.email-link{display:inline-flex;max-width:100%;gap:20px;align-items:center;overflow-wrap:anywhere;border-bottom:1px solid #a4b49b;padding-bottom:12px;font-size:14px;font-weight:800;text-decoration:none}.email-link:hover{color:var(--lime)}.email-link span{font-size:20px}.contact-micro{font-family:var(--font);font-size:9px;font-weight:800;color:#758074;letter-spacing:.15em;margin-top:88px}.contact-form-wrap{border:1px solid #41483f;padding:33px 37px 34px;background:#202420}.contact-form-top{display:flex;justify-content:space-between;border-bottom:1px solid #444c41;padding-bottom:22px;margin-bottom:29px;font-family:var(--font);font-size:10px;font-weight:800;letter-spacing:.14em;color:#d0d8c9}.contact-form-top span:last-child{font-size:18px;color:var(--lime)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;min-width:0}.field label{font-size:12px;font-weight:700;color:#e3e9de}.field label span{color:var(--lime)}.field input,.field select,.field textarea{width:100%;border:1px solid #4b5548;border-radius:0;min-height:48px;background:#292f2a;color:#f1f6eb;font-size:13px;padding:12px 13px;outline:0}.field textarea{min-height:100px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#879184}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--lime);box-shadow:0 0 0 2px rgba(205,241,115,.12)}.send-button{width:100%;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--lime);color:var(--black);padding:0 20px;border:0;font-weight:800;font-size:12px}.send-button:hover{background:#e2faab}.send-button span{font-size:20px}.form-note{font-size:11px;line-height:1.7;color:#899585;margin:15px 0 0}.form-status{font-size:12px;line-height:1.6;color:var(--lime);margin:10px 0 0}.form-status:empty{display:none}
/* footer */
.footer{background:#101310;color:#d0d7c9;border-top:1px solid #353d34;padding:44px 0 26px}.footer-main{display:flex;align-items:center;gap:50px;padding-bottom:46px}.footer-brand{width:190px;text-decoration:none}.footer-brand img{width:155px;height:43px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand-fallback{display:none;font-family:var(--font);font-size:18px;font-weight:800;color:#fff}.footer-brand.logo-missing img{display:none}.footer-brand.logo-missing .footer-brand-fallback{display:inline}.footer-links{display:flex;gap:30px;margin-inline:auto;flex-wrap:wrap}.footer-links a,.back-top{font-size:12px;font-weight:700;text-decoration:none}.footer-links a:hover,.back-top:hover{color:var(--lime)}.footer-bottom{border-top:1px solid #353d34;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-family:var(--font);font-size:10px;color:#798675;font-weight:700;letter-spacing:.04em}.footer-bottom a{text-decoration:none}
/* subtle, once-only reveal */
.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.js .reveal.is-visible{opacity:1;transform:none}}
@media(max-width:1160px){.wrap{width:min(var(--width),calc(100% - 60px))}.hero h1{font-size:clamp(62px,7.4vw,91px)}.stage-main{grid-template-columns:37px minmax(0,1fr) 245px}.stage-info{padding:25px 18px}.stage-info h2{font-size:28px}.story-layout{gap:50px}.intro-grid,.story-heading{grid-template-columns:130px 1fr 220px;gap:25px}.story-heading{grid-template-columns:125px 1fr 145px}.experience-inner,.contact-grid{gap:55px}.faq-grid{gap:65px}.format-tab{padding:17px 10px}.tab-label{font-size:11px}}
@media(max-width:850px){.nav{gap:22px}.wordmark{flex-basis:140px}.wordmark img{width:140px}.hero-headline{align-items:start}.hero-side{max-width:170px}.hero h1{font-size:clamp(55px,8vw,78px)}.stage-main{grid-template-columns:minmax(0,1fr) 220px}.stage-aside{display:none}.device-window{padding:55px 20px 25px}.story-layout{grid-template-columns:.94fr 1.06fr;gap:30px}.story-step{min-height:510px}.story-step h3{font-size:41px}.story-sticky{min-height:470px;height:min(620px,calc(100vh - 110px))}.sticky-screen{padding:20px}.intro-grid{grid-template-columns:1fr 1fr}.intro-grid>.section-no{grid-column:1/-1}.intro-grid h2{font-size:50px}.story-heading{grid-template-columns:1fr 1fr}.story-heading>.section-no{grid-column:1/-1}.story-indicator{align-self:end}.experience-inner{grid-template-columns:1fr}.experience-title p{max-width:640px}.client-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-grid{gap:35px}}
@media(max-width:680px){html{scroll-padding-top:70px}.wrap{width:calc(100% - 38px)}.site-header{height:68px}.nav-wrap{gap:14px}.wordmark{flex:1 1 auto;min-width:0}.wordmark img{width:128px}.nav-cta{min-width:104px;min-height:37px;padding:0 12px;gap:12px;font-size:11px}.nav-cta span{font-size:16px}.nav-toggle{display:flex}.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav{display:none;position:fixed;left:0;right:0;top:68px;bottom:0;background:var(--black);padding:24px 20px;flex-direction:column;align-items:stretch;gap:0;margin:0;z-index:89}.nav.is-open{display:flex}.nav a{padding:20px 3px;font-size:18px;border-bottom:1px solid #394138}.hero-inner{padding-top:29px}.eyebrow{font-size:8px;gap:9px}.eyebrow-line{display:none}.hero-headline{display:block;padding:34px 0 31px}.hero h1{font-size:clamp(44px,12vw,76px);line-height:.98}.hero-side{max-width:none;display:grid;grid-template-columns:auto 1fr 40px;align-items:center;gap:14px;margin-top:31px}.hero-index{font-size:10px}.hero-side p{font-size:11px;line-height:1.6}.round-arrow{width:38px;height:38px}.stage-topline{height:42px;padding:0 12px;font-size:7px;letter-spacing:.07em}.stage-main{grid-template-columns:1fr}.device-window{padding:50px 18px 20px;min-height:255px}.device-topleft{left:13px;top:13px;font-size:8px}.device-counter{bottom:11px}.device-counter strong{font-size:22px}.stage-info{border-left:0;border-top:1px solid #3e443c;padding:20px 19px 19px}.stage-info-row{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.stage-info h2{font-size:24px;margin:0}.stage-info-row>span{font-size:8px;white-space:nowrap}.stage-info p{margin:14px 0 15px;font-size:12px}.stage-info a{padding-top:12px}.format-selector{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.format-tab{min-width:118px;min-height:88px;scroll-snap-align:start;padding:14px 13px;gap:8px}.tab-label{font-size:11px}.hero-bottom{font-size:8px;padding:19px 0 22px}.hero-bottom>span:last-child{display:none}.intro-grid{display:block;padding:85px 0 88px}.intro-grid>.section-no{margin-bottom:34px}.intro-grid h2{font-size:clamp(41px,9vw,55px);margin-bottom:23px}.intro-grid p{max-width:410px;font-size:14px}.formats-story{padding:85px 0 80px}.story-heading{display:block;margin-bottom:54px}.story-heading .section-no{margin-bottom:32px}.story-heading h2{font-size:clamp(41px,10vw,57px)}.story-heading p{font-size:14px}.story-indicator{display:block;text-align:left;margin-top:23px}.story-layout{display:block}.story-sticky{display:none}.story-step{opacity:1;min-height:0;padding:40px 0 61px}.story-step.is-current{opacity:1}.step-flag{margin-bottom:37px}.story-step h3{font-size:clamp(41px,10vw,55px)}.story-step p{font-size:14px}.mobile-stage{display:grid;place-items:center;aspect-ratio:16/10;margin-top:38px;padding:12px;background:linear-gradient(135deg,#252c25,#161b16);border:8px solid #151915;outline:1px solid #5f685d;box-shadow:0 24px 42px rgba(19,27,18,.22);overflow:hidden;position:relative}.mobile-stage img{width:100%;height:100%;object-fit:contain}.experience{padding:88px 0 91px}.experience h2{font-size:clamp(44px,10.4vw,65px)}.experience-rail>div:not(.rail-line){grid-template-columns:32px 1fr auto;gap:8px;min-height:75px}.experience-rail strong{font-size:18px}.experience-rail small{font-size:10px;max-width:95px}.clients{padding:85px 0}.clients-heading{display:block;margin-bottom:35px}.clients-heading .section-no{margin-bottom:29px}.clients h2{font-size:clamp(47px,11vw,65px);margin-bottom:20px}.clients-heading p{max-width:420px}.client-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.client-logo{height:104px;padding:12px}.faq{padding:87px 0}.faq-grid{display:block}.faq-header{margin-bottom:42px}.faq h2{font-size:clamp(41px,10vw,60px)}.faq-list summary{padding:21px 0;font-size:14px}.contact{padding:88px 0}.contact-grid{display:block}.contact-copy{margin-bottom:42px}.contact h2{font-size:clamp(50px,11vw,68px)}.contact-micro{margin-top:29px}.contact-form-wrap{padding:22px 19px}.field-row{grid-template-columns:1fr;gap:0}.footer{padding:34px 0 27px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:30px;padding-bottom:31px}.footer-links{grid-column:1/-1;grid-row:2;gap:21px;margin:0}.footer-brand{width:auto}.footer-bottom{display:flex;flex-direction:column;gap:11px}}
@media(max-width:380px){.nav-cta{min-width:86px;font-size:10px}.hero h1{font-size:42px}.hero-side{grid-template-columns:1fr 39px}.hero-index{display:none}.stage-info-row{display:block}.stage-info h2{margin-bottom:13px}.hero-bottom>span:first-child{font-size:8px}.client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

/* ===== Blue + white premium theme override ===== */
:root{
  --theme-blue:#1f7cff;
  --theme-blue-deep:#0d56c9;
  --theme-blue-dark:#173d72;
  --theme-blue-soft:#edf5ff;
  --theme-blue-soft-2:#f6fbff;
  --theme-line:#d6e3f2;
  --theme-text:#15304f;
  --theme-text-soft:#60758d;
  --theme-white:#ffffff;
}
body{background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 26%,#f7fbff 100%);color:var(--theme-text)}
::selection{background:#cfe2ff;color:#0d2e57}
.skip{background:var(--theme-blue);color:#fff}
.loading-line{background:linear-gradient(90deg,var(--theme-blue),#5eb5ff)}

.site-header{background:rgba(255,255,255,.9);color:var(--theme-text);border-bottom:1px solid var(--theme-line);box-shadow:0 8px 30px rgba(23,61,114,.05)}
.site-header.scrolled{background:rgba(255,255,255,.94);border-color:#cdddf0}
.wordmark img{filter:none}
.wordmark-fallback{color:var(--theme-text)}
.wordmark-dot{color:var(--theme-blue)}
.nav a{color:#3c5675}
.nav a:hover{color:var(--theme-blue)}
.nav-cta{background:linear-gradient(135deg,var(--theme-blue),#49a3ff);color:#fff;box-shadow:0 16px 34px rgba(31,124,255,.22)}
.nav-cta:hover{background:linear-gradient(135deg,var(--theme-blue-deep),var(--theme-blue));transform:translateY(-2px)}
.nav-toggle span{background:var(--theme-text)}

.hero{background:radial-gradient(circle at 15% 18%,rgba(94,181,255,.18),transparent 24%),radial-gradient(circle at 82% 10%,rgba(31,124,255,.12),transparent 20%),linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);color:var(--theme-text); padding: 22px;}
.hero-ambient{background:radial-gradient(ellipse,rgba(31,124,255,.12),transparent 67%)}
.eyebrow.light,.eyebrow{color:#036ef0}
.mark,.live-beacon{background:var(--theme-blue);box-shadow:0 0 0 4px rgba(31,124,255,.12)}
.eyebrow-line{background:#b9cce2}
.hero h1{color:#102b49}
.hero h1>span,.hero-period,.hero-index{color:var(--theme-blue)}
.hero-side p{color:#627992}
.round-arrow{border:1px solid #c3d5e8;color:var(--theme-blue);background:#fff}
.round-arrow:hover{background:var(--theme-blue);color:#fff}

.hero-stage{border:1px solid #d5e2f0;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(18,51,92,.12)}
.stage-topline{border-bottom:1px solid #dbe7f3;color:#7790aa;background:linear-gradient(180deg,#fbfdff,#f3f8ff)}
.stage-main{background:#fff}
.stage-aside{border-right:1px solid #dce7f2;color:#8ca0b7;background:#f8fbff}
.stage-aside-index{color:#5779a1}
.device-window{background:radial-gradient(ellipse at 50% 45%,#eef6ff 0%,#dfeeff 43%,#eff6ff 100%)}
.device-window::before{background:repeating-linear-gradient(0deg,transparent 0,transparent 33px,rgba(31,124,255,.035) 34px)}
.device-bezel{background:linear-gradient(140deg,#f8fbff,#dceaf7 36%,#bfd4ec);border:1px solid #c5d8eb;box-shadow:0 28px 44px rgba(20,59,107,.22),0 0 0 1px rgba(255,255,255,.75)}
.device-display{background:#fff}
.device-neck{background:linear-gradient(90deg,#c4d7eb,#e9f2fb,#bdd3e7)}
.device-foot{background:linear-gradient(90deg,#bfd4e6,#eff6ff,#bdd3e5);box-shadow:0 10px 18px rgba(17,73,151,.14)}
.device-topleft{color:#174376}
.device-sub{color:#6484a7}
.device-counter{color:#7390ad}
.device-counter strong{color:var(--theme-blue)}
.stage-info{border-left:1px solid #dce7f2;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)}
.stage-info>span:first-child{color:var(--theme-blue)}
.stage-info h2{color:#113153}
.stage-info-row>span{border:1px solid #d7e3ef;color:#55779b;background:#f1f7ff}
.stage-info p{color:#647b92}
.stage-info a{border-top:1px solid #dce7f2;color:#16355b}
.stage-info a:hover{color:var(--theme-blue)}
.format-selector{border-top:1px solid #dce7f2}
.format-tab{border-right:1px solid #dce7f2;background:#fff;color:#6a819a}
.format-tab:hover{background:#f2f8ff;color:#16365e}
.format-tab.is-active{background:linear-gradient(180deg,#eff6ff,#dcebff);color:#0f3561}
.hero-bottom{color:#7b90a6}
.hero-bottom>span:first-child span,.tiny-sep{color:var(--theme-blue)}

.asset-message{background:linear-gradient(140deg,#eaf4ff,#cfe3fb);color:#17365a}
.asset-message span{color:var(--theme-blue)}
.asset-message small{color:#53708f}

.intro-statement{background:#fff;border-bottom:1px solid var(--theme-line)}
.section-no{color:#7d93a8}
.intro-grid h2 span,.story-heading h2 span{color:#5c7ea8}
.intro-grid p,.story-heading p,.faq-header p{color:#667c93}

.formats-story{background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)}
.story-indicator,.step-flag,.step-overline,.step-facts span{color:#6d859d}
.story-step{border-top:1px solid var(--theme-line)}
.story-step:last-child{border-bottom:1px solid var(--theme-line)}
.story-step p{color:#5f7690}
.step-facts{border-top:1px solid #d9e6f2}
.story-step>a{border-bottom:1px solid #15304f}
.story-step>a:hover{color:var(--theme-blue);border-color:var(--theme-blue)}
.story-sticky{background:#fff;color:#133354;border:1px solid #d8e5f2;box-shadow:0 25px 65px rgba(16,55,103,.12)}
.sticky-top{border-bottom:1px solid #dce7f2;color:#6d8499;background:linear-gradient(180deg,#fbfdff,#f4f9ff)}
.sticky-screen{background:radial-gradient(ellipse,#eef5ff,#dceaf8 63%,#edf5ff)}
.sticky-screen-inner{border:9px solid #e3eef9;outline:1px solid #c0d4e8;box-shadow:0 30px 45px rgba(16,58,106,.18);background:#fff}
.sticky-bottom{border-top:1px solid #dce7f2;background:#fff}
.sticky-bottom small,.sticky-decor{color:var(--theme-blue)}
.sticky-bottom span:not(.sticky-decor){color:#7390aa}
.sticky-progress{background:#d7e5f5}.sticky-progress span{background:linear-gradient(90deg,var(--theme-blue),#61b7ff)}

.experience{background:linear-gradient(180deg,#eaf4ff 0%,#f8fbff 100%)}
.experience-title .section-no{color:#5d81a9}
.experience h2 em{color:var(--theme-blue)}
.experience-title p{color:#55708d}
.pill-cta{background:linear-gradient(135deg,var(--theme-blue),#49a3ff);color:#fff;box-shadow:0 16px 35px rgba(31,124,255,.18)}
.experience-rail>div:not(.rail-line){border-bottom:1px solid rgba(21,48,79,.12)}
.experience-rail>div:not(.rail-line):first-of-type{border-top:1px solid rgba(21,48,79,.12)}
.experience-rail span{color:#597aa2}
.experience-rail small{color:#5e7892}

.clients{background:#fff}
.accent-dot{color:var(--theme-blue)}
.clients-heading p{color:#688097}
.client-wall{background:#d9e6f3;border:1px solid #d9e6f3}
.client-logo{background:#fff}
.client-logo:hover{background:#f4f9ff}
.client-toggle{border-bottom:1px solid #15304f}
.client-toggle:hover{color:var(--theme-blue)}

.faq{background:#f7fbff}
.faq-list,.faq-list details{border-color:#d7e4f2}
.contact{background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%);color:var(--theme-text)}
.contact-copy .section-no{color:#5d7ea8}
.contact h2 em{color:var(--theme-blue)}
.contact-copy>p{color:#5c7690}
.email-link{border-bottom:1px solid #9cb6d1}
.email-link:hover{color:var(--theme-blue)}
.contact-micro{color:#7f97ae}
.contact-form-wrap{border:1px solid #d8e5f2;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 20px 50px rgba(17,55,100,.08)}
.contact-form-top{border-bottom:1px solid #dce7f2;color:#4e6f96}
.contact-form-top span:last-child{color:var(--theme-blue)}
.field label{color:#15304f}.field label span{color:var(--theme-blue)}
.field input,.field select,.field textarea{border:1px solid #cbdced;background:#fff;color:#16324f}
.field input::placeholder,.field textarea::placeholder{color:#87a0b8}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--theme-blue);box-shadow:0 0 0 2px rgba(31,124,255,.12)}
.send-button{background:linear-gradient(135deg,var(--theme-blue),#49a3ff);color:#fff;border-radius:0}
.send-button:hover{background:linear-gradient(135deg,var(--theme-blue-deep),var(--theme-blue))}
.form-note{color:#7990a5}.form-status{color:var(--theme-blue)}

.footer{background:linear-gradient(135deg,#eaf4ff 0%,#dcecff 100%);color:#355272;border-top:1px solid #cfe0f0}
.footer-brand img{filter:none}
.footer-brand-fallback{color:var(--theme-text)}
.footer-links a:hover,.back-top:hover{color:var(--theme-blue)}
.footer-bottom{border-top:1px solid #cfe0f0;color:#67819b}

@media(max-width:680px){
  .nav{background:#f8fbff}
  .nav a{border-bottom:1px solid #dce7f2}
  .mobile-stage{background:linear-gradient(135deg,#edf5ff,#dceafd);border:8px solid #d7e5f2;outline:1px solid #b8cde1;box-shadow:0 24px 42px rgba(19,63,115,.16)}
}