:root{--bg:#080a0e;--line:#242930;--text:#f1f4f8;--muted:#a0a9b8;--blue:#499bff;--mint:#7ce7df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #ffffff0e;background:#080a0eea;backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.ava{display:flex;align-items:center;gap:9px}.ava img{width:46px;height:46px;object-fit:contain}.ava span{font-weight:800;font-size:23px;letter-spacing:-1px}.ava b{font-weight:400;font-size:11px;letter-spacing:2px;margin-left:4px}nav{display:flex;gap:32px;font-size:12px;color:#bbc2cf}.nav-cta{border:1px solid #343a43;border-radius:30px;padding:9px 18px;font-size:12px}.nav-cta span{margin-left:18px}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--mint),var(--blue));z-index:99}section{padding:100px 7%;position:relative;overflow:hidden}.hero{min-height:830px;text-align:center;padding:83px 5% 35px;isolation:isolate}.aura{pointer-events:none;position:absolute;z-index:-1;width:1000px;height:650px;left:50%;top:-160px;transform:translateX(-50%);background:radial-gradient(ellipse at 40% 35%,#1a78bc49,transparent 60%),radial-gradient(ellipse at 75% 55%,#4966cf33,transparent 55%);filter:blur(50px);animation:breathe 12s ease-in-out infinite alternate}.grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#8da9cc08 1px,transparent 1px),linear-gradient(90deg,#8da9cc08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(black,transparent 75%)}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #2a3545;border-radius:30px;padding:8px 15px;font-size:9px;letter-spacing:2px;color:#b4c9de;background:#111b2580}.pill i{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 15px var(--mint)}h1{font-size:clamp(58px,7.3vw,110px);line-height:.98;letter-spacing:-6px;font-weight:750;margin:28px auto}h1 span,h2 span{background:linear-gradient(110deg,#b7efe9,#48b6f3 48%,#667dff);background-clip:text;-webkit-background-clip:text;color:transparent}h2{font-size:clamp(38px,4.7vw,70px);line-height:1.06;letter-spacing:-3px;margin:0 0 25px}h3{font-size:23px;line-height:1.2;letter-spacing:-.6px;margin:15px 0}p{color:var(--muted)}.intro{font-size:17px;line-height:1.7;margin:28px auto 30px}.hero-buttons{display:flex;justify-content:center;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border-radius:40px;padding:15px 25px;font-size:12px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.primary{background:#f1f5fa;color:#0b0d12;box-shadow:0 0 40px #429ee915}.primary:hover{box-shadow:0 0 40px #429ee955}.outline{border:1px solid #2a303c}.brand-line{display:flex;justify-content:center;align-items:center;gap:25px;margin:46px 0 35px;font-size:10px;letter-spacing:2px;color:#aab3c0}.brand-line i{color:#526075;font-style:normal}.scroll-hint{font-size:8px;letter-spacing:2px;color:#778597}.scroll-hint span{display:block;font-size:20px;margin-top:7px}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:#79c9dc;margin:0 0 25px}.section-head{text-align:center;max-width:900px;margin:0 auto 50px}.section-head>p:last-child{font-size:16px}.pain{border-top:1px solid var(--line)}.journey{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:18px}.journey article{padding:35px 26px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(140deg,#141923,#0b0d11)}.step-icon{display:block;font-size:12px;color:#6385a5;margin-bottom:40px}.journey small{font-size:9px;letter-spacing:2px;color:#9da9ba}.journey p{font-size:14px}.journey .leak{border-color:#6e5250;background:linear-gradient(140deg,#2a2024,#100e13)}.leak b{color:#e6ada3;font-size:11px;font-weight:400}.diagnosis{max-width:900px;margin:65px auto 0}.switch{display:flex;justify-content:center;gap:8px;margin-bottom:30px}.switch button{border:1px solid #303643;color:#a0a9b8;border-radius:30px;background:transparent;padding:10px 22px;font-size:12px}.switch .active{background:#e8eef6;color:#10151c;border-color:#e8eef6}.brand-diagnosis{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0;border-top:1px solid var(--line)}.brand-diagnosis small{font-size:9px;letter-spacing:2px;color:#89bbd4}.brand-diagnosis h3{font-size:24px}.brand-diagnosis p{font-size:14px}.brand-diagnosis .answer{padding-left:30px;border-left:1px solid var(--line)}.manifesto{text-align:center;padding:125px 5%;background:radial-gradient(ellipse at bottom,#16304166,transparent 70%)}.manifesto h2{font-size:clamp(42px,5.7vw,85px)}.showcase{background:#0b0e14}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project{display:block;border:1px solid #2a303b;border-radius:18px;overflow:hidden;transition:transform .35s,box-shadow .35s;background:#121720}.project:hover{transform:translateY(-7px);box-shadow:0 20px 65px #1d74aa22;border-color:#547d9b}.project-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:9px;letter-spacing:1.5px;color:#c1cad8}.project-top b{font-size:22px;font-weight:400}.project-visual{height:360px;position:relative;overflow:hidden}.project-million .project-visual{background:#ded3bf}.project-visual img{height:100%;width:49%;position:absolute;right:0;object-fit:cover;object-position:center 25%}.mini-copy{position:absolute;left:7%;top:17%;color:#354133;z-index:2}.mini-copy small{font-size:7px;letter-spacing:1.3px}.mini-copy strong{display:block;font:40px/1.06 Georgia;margin:22px 0}.mini-copy em{font-weight:400}.mini-copy>span{display:block;font-size:6px;padding:9px 12px;background:#344737;color:white;width:max-content;letter-spacing:1px}.project-serena .project-visual{background:#cdd4be}.project-serena .mini-copy{top:20%;color:#24402d}.project-serena .mini-copy strong{font-size:49px}.serena-shape{position:absolute;right:-30px;bottom:-80px;width:64%;height:115%;border-radius:50% 50% 0 0;background:linear-gradient(130deg,#eff0d8,#829674 60%,#4e6c51);transform:rotate(-12deg);box-shadow:-25px -25px 0 #b8c1a4,30px -45px 0 #e7e7d2}.serena-word{position:absolute;bottom:20px;right:25px;font:58px Georgia;letter-spacing:-4px;color:#edf1de}.project-caption{padding:23px;display:flex;flex-direction:column;gap:15px}.project-caption h3{font-size:19px;margin:0 0 8px}.project-caption p{font-size:12px;margin:0}.project-caption>span{font-size:11px;color:#88d4e3}.fine{text-align:center;font-size:11px;color:#7e8b9d;max-width:800px;margin:28px auto 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.benefits article{border-top:1px solid #343b48;padding-top:30px}.symbol{font-size:45px;color:#6fc4e7}.benefits p{font-size:14px}.benefits small{font-size:8px;letter-spacing:1px;color:#86a3bf}.sales-line{border:1px solid #284452;background:linear-gradient(100deg,#12232c,#101621);border-radius:18px;padding:32px;margin-top:65px;text-align:center;display:grid;gap:10px}.sales-line>span{font-size:12px;color:#9eafc2}.sales-line strong{font-size:26px;letter-spacing:-1px}.sales-line b{color:#71c8db;margin:0 12px;font-weight:400}.sales-line small{font-size:10px;color:#8195ab}.plan{background:#0c1016}.plan-rows article{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;align-items:center;padding:30px 0;border-top:1px solid #28313d}.plan-rows article>span{font-size:38px;color:#34495d}.plan-rows small{font-size:9px;color:#7cafcb;letter-spacing:1px}.plan-rows h3{margin:10px 0}.plan-rows p{font-size:14px}.deliverables{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:35px}.deliverables span{border:1px solid #313b47;border-radius:30px;padding:8px 15px;font-size:10px;color:#c2ccd8}.assurance{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.assurance h2{font-size:45px}.assurance p{font-size:14px}.text-link{color:#8bcede;font-size:12px;border-bottom:1px solid #54798c;padding-bottom:7px}.checks{border:1px solid #283442;border-radius:20px;padding:28px;background:#0e151e}.checks span{color:#7cddc9;margin-right:10px}.checks small{font-size:10px;display:block;color:#7f90a5;margin-top:25px}.close-section{isolation:isolate;text-align:center;padding:120px 5% 70px}.close-section .aura{top:10px}.close-section h2{font-size:clamp(50px,7vw,100px)}.next-step{margin-top:65px}.next-step small{font-size:8px;letter-spacing:2px;color:#75c4d9}.next-step p{font-size:12px}.notes{max-width:1000px;margin:20px auto 50px;padding:20px;border-top:1px solid #29303a;font-size:12px;color:#8492a6}.notes summary{cursor:pointer;color:#bec9d8}.notes a{color:#85c5da}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:9px;letter-spacing:1px}.reveal{transition:opacity .8s,transform .8s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}@keyframes breathe{from{opacity:.6;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-47%) scale(1.15)}}@media(max-width:750px){header{height:74px;padding:0 5%}nav{display:none}.ava img{width:36px;height:36px}.ava span{font-size:20px}.ava b{font-size:9px}.nav-cta{font-size:10px;padding:8px 12px}.hero{min-height:760px;padding-top:70px}h1{font-size:clamp(48px,11.8vw,75px);letter-spacing:-3px;margin-top:35px}.intro{font-size:14px;padding:0 10px}.intro br{display:none}.hero-buttons{flex-direction:column;align-items:center}.button{padding:14px 22px}.brand-line{font-size:7px;gap:12px;letter-spacing:1px;margin-top:35px}.pill{font-size:7px;letter-spacing:1.5px}.aura{width:650px}section{padding:70px 6%}h2{letter-spacing:-2px}.journey,.showcase-grid,.benefits,.assurance{grid-template-columns:1fr}.journey{gap:12px}.journey article{padding:25px}.step-icon{margin-bottom:20px}.brand-diagnosis{grid-template-columns:1fr;gap:10px}.brand-diagnosis .answer{border-left:0;padding-left:0}.switch button{font-size:10px;padding:10px 14px}.project-visual{height:330px}.mini-copy strong{font-size:35px}.benefits{gap:30px}.sales-line strong{font-size:20px}.sales-line b{margin:0 3px}.plan-rows article{grid-template-columns:36px 1fr;gap:15px}.plan-rows article>p{grid-column:2;margin:0}.plan-rows article>span{font-size:25px}.plan-rows h3{font-size:21px}.assurance{gap:30px}.assurance h2{font-size:38px}.notes{margin-left:5%;margin-right:5%}footer{flex-wrap:wrap}footer p{display:none}.manifesto{padding:85px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
/* Immersive motion and inline reference films */
.hero{isolation:isolate}.hero>*:not(.aura):not(.grid-bg):not(canvas){position:relative;z-index:2}#hero-flow{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}.hero .aura{z-index:-1}.hero .grid-bg{opacity:.35}.hero h1{text-shadow:0 4px 45px #080a0e70}.motion-toggle{position:absolute!important;right:5%;bottom:18px;background:#0d172390;border:1px solid #46607866;color:#a8bfd2;border-radius:20px;padding:7px 13px;font-size:9px;cursor:pointer}.hero .scroll-hint{margin-bottom:22px}.cinema-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.cinema-card{min-width:0;perspective:1000px}.cinema-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.cinema-heading>div{position:relative;padding-left:42px}.film-index{position:absolute;left:0;top:0;font:22px monospace;color:#57728b}.cinema-heading small{font:8px monospace;letter-spacing:1.6px;color:#8aa0b7}.cinema-heading h3{margin:5px 0 0;font-size:21px}.film-tag{font:7px monospace;letter-spacing:1px;border:1px solid #354252;border-radius:20px;padding:8px 10px;color:#9fb9cc;white-space:nowrap}.film-window{overflow:hidden;border:1px solid #50617365;border-radius:15px;background:#0c141c;position:relative;box-shadow:0 20px 65px #0006;transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .3s,border-color .3s,box-shadow .3s;will-change:transform}.cinema-card:hover .film-window{border-color:#7bc8df88;box-shadow:0 20px 60px #2697c421}.browser-bar{height:28px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#131b24;border-bottom:1px solid #34445455}.browser-bar i{width:4px;height:4px;background:#56667a;border-radius:50%}.browser-bar span{font:6px monospace;letter-spacing:1.5px;color:#96a5b7;margin:auto}.reference-film{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111a23}.film-controls{display:flex;gap:8px;align-items:center;background:#101923;padding:10px 13px}.film-state{font:7px monospace;letter-spacing:1.3px;color:#95afc2}.playing-dot{width:5px;height:5px;border-radius:50%;background:#72e9cc;box-shadow:0 0 8px #72e9cc77}.film-toggle{margin-left:auto;background:transparent;border:1px solid #52637366;border-radius:18px;padding:4px 10px;color:#d6e4ee;font-size:9px}.film-progress{height:2px;background:#263443}.film-progress span{height:100%;width:0;display:block;background:linear-gradient(90deg,#7de2cc,#419ef4)}.cinema-copy{padding:25px 3px 0}.cinema-copy h3{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:0 0 18px}.cinema-copy h3 em{font-weight:400;font-family:Georgia,serif;color:#b9d7de}.cinema-copy>p{font-size:13px;line-height:1.7}.film-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.film-chips span{border:1px solid #273746;border-radius:20px;padding:5px 9px;font-size:8px;color:#9cb6ca}.cinema-copy .credit{font-size:9px;color:#7f90a1;border-top:1px solid #29323d;padding-top:15px}.journey article{transition:transform .45s,border-color .45s,background .45s,opacity .45s}.journey article:not(.journey-active){opacity:.57;transform:scale(.97)}.journey .journey-active{border-color:#7ebed6;transform:translateY(-8px);box-shadow:0 18px 50px #0e466c30;opacity:1}.journey-interaction{margin-top:30px;text-align:center}.journey-buttons{display:flex;justify-content:center;gap:7px}.journey-buttons button{color:#9aafc1;border:1px solid #354655;background:#111c26;border-radius:25px;font-size:11px;padding:9px 19px}.journey-buttons .active{color:#07131d;background:#a0deed;border-color:#a0deed}#journey-insight{font-size:13px;max-width:660px;min-height:44px;margin:20px auto}.manifesto h2{background:none}.manifesto h2 span{background-image:linear-gradient(110deg,#b7efe9,#48b6f3 48%,#667dff);background-size:160% 100%;background-position:var(--sweep,0%) 50%}.benefits article{position:relative;border-radius:14px;padding:28px 18px;transition:background .3s,transform .3s;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#217ba51b,transparent 65%)}.benefits article:hover{background-color:#111d29;transform:translateY(-5px)}.plan-rows article{transition:background .4s,opacity .4s}.plan-rows article:hover{background:#142332}.plan-rows article>span{transition:color .4s}.plan-rows article:hover>span{color:#71c9e5}@media(max-width:850px){.cinema-grid{grid-template-columns:1fr;gap:50px}.film-tag{font-size:7px}.cinema-copy h3{font-size:27px}.reference-film{aspect-ratio:16/9}.cinema-heading h3{font-size:20px}.film-state{font-size:7px}.film-toggle{min-height:32px;padding:6px 14px}.motion-toggle{bottom:8px}.hero .scroll-hint{margin-bottom:35px}.journey-buttons button{font-size:10px;padding:9px 15px}.journey article:not(.journey-active){opacity:.7}.journey .journey-active{transform:none}.cinema-card{perspective:none}.film-window{transform:none!important}}
@media(prefers-reduced-motion:reduce){#hero-flow{opacity:.55}.cinema-card .film-window,.journey article{transform:none!important}.journey article{opacity:1}}
/* Discovery and commercial scope */
.example-label{position:absolute;top:40px;left:10px;z-index:5;color:#fff;background:#0d1724d9;padding:5px 10px;border:1px solid #ffffff35;border-radius:15px;font-size:9px;backdrop-filter:blur(8px);pointer-events:none}.ai-discovery{background:radial-gradient(ellipse at 50% 70%,#19334d80,transparent 65%),#080c13}.ai-orbit{max-width:850px;margin:auto;border:1px solid #314259;border-radius:25px;padding:35px 0;background:#0c152299;box-shadow:0 20px 90px #1c5a8420}.ai-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 15%,black 85%,transparent)}.ai-track{display:flex;width:max-content;gap:22px;animation:logo-drift 19s linear infinite;padding:10px 0}.ai-duplicate{display:flex;gap:22px}.ai-logo-chip{width:215px;height:85px;display:flex;justify-content:center;align-items:center;gap:15px;border:1px solid #364454;border-radius:19px;background:linear-gradient(130deg,#1b2738,#101a28);font-size:22px;letter-spacing:-.6px;color:#e5edf5;flex-shrink:0}.ai-logo-chip img{width:36px;height:36px;object-fit:contain}.ai-logo-chip .chatgpt{filter:brightness(0) invert(1)}.ai-orbit:hover .ai-track,.ai-orbit:focus-within .ai-track{animation-play-state:paused}.ai-switch{display:flex;justify-content:center;gap:9px;margin:27px 10px 24px}.ai-switch button{background:transparent;border:1px solid #33475c;color:#9fb6c9;border-radius:20px;padding:8px 19px;font-size:11px}.ai-switch .active{color:#06131e;background:#a2dfea;border-color:#a2dfea}.ai-question{margin:0 35px;padding:25px 30px;background:#080e18a6;border:1px solid #2e4159;border-radius:15px;text-align:center}.ai-question>span{font:8px monospace;letter-spacing:1.3px;color:#82b9d2}.ai-question p{font-size:22px;line-height:1.45;color:#e2ebf5;margin:15px auto 18px;max-width:630px;transition:opacity .25s}.ai-question small{font-size:10px;color:#8cabc0}.pricing{background:#0b1019}.pricing-grid{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:auto}.price-card{position:relative;border:1px solid #35475b;background:linear-gradient(135deg,#182536,#0f1722);border-radius:24px;padding:36px}.price-type{font:9px monospace;letter-spacing:1.6px;color:#91b5d1}.price-card h3{font-size:27px;margin:25px 0}.price{font-size:73px;font-weight:600;line-height:1;letter-spacing:-4px;color:#f1f5fa}.price>span{font-size:11px;display:block;letter-spacing:.2px;margin-top:14px;color:#aac0d3;font-weight:400}.price-sub{font-size:12px;margin:18px 0 25px}.price-card ul{list-style:none;padding:0;margin:0 0 30px}.price-card li{font-size:13px;color:#c4d0dc;margin:12px 0;padding-left:20px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#8be0d0}.price-total{border-top:1px solid #35495d;padding-top:22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.price-total span{font-size:11px;color:#a6bacc}.price-total strong{font-size:18px;white-space:nowrap}.maintenance{border-color:#4d686a;background:linear-gradient(135deg,#19302f,#0e1b23)}.optional{position:absolute;top:-12px;right:22px;background:#b1e2d3;color:#123329;font:9px monospace;letter-spacing:1px;padding:6px 14px;border-radius:20px}.pricing .fine{max-width:900px}@keyframes logo-drift{to{transform:translateX(-50%)}}@media(max-width:750px){.pricing-grid{grid-template-columns:1fr;gap:30px}.price-card{padding:28px}.price{font-size:65px}.price-total strong{font-size:16px}.ai-orbit{padding:24px 0}.ai-logo-chip{width:180px;height:75px;font-size:20px}.ai-question{margin:0 15px;padding:23px 17px}.ai-question p{font-size:18px}.ai-question>span{font-size:7px}.ai-switch button{padding:8px 17px}.example-label{font-size:8px;top:35px}.price-card h3{font-size:25px}}@media(prefers-reduced-motion:reduce){.ai-track{animation:none}.ai-marquee{overflow:auto;mask-image:none}.ai-duplicate{display:none}}