@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080a0f;--paper:#f4f1e9;--ink:#0a0c10;--white:#f7f5ef;--muted:#9ba2ae;--blue:#155eef;--cobalt:#004da8;--royal:#2563eb;--royal-dark:#1d4ed8;--royal-glow:rgba(37,99,235,.45);--red:#ed1c2f;--red-hover:#c81323;--yellow:#d7ff38;--money-green:#d7ff38;--wa-green:#d7ff38;--wa-green-hover:#c2eb25;--accent:#d7ff38;--line:rgba(247,245,239,.18);--display:'Archivo Black',Impact,sans-serif;--body:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace;--pad:clamp(18px,4.2vw,68px);--nav:68px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav);background:var(--bg);overflow-x:clip;overflow-y:visible}body{margin:0;background:var(--bg);color:var(--white);font:500 15px/1.5 var(--body);overflow-x:clip;overflow-y:visible}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;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='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--royal);outline-offset:4px}::selection{background:var(--royal);color:#fff}.wrap{max-width:1900px;margin:auto;border-inline:1px solid var(--line)}.mono{font:10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.tiny-rule{display:inline-block;width:26px;height:2px;background:var(--royal);vertical-align:middle;margin-right:10px}.nav{height:var(--nav);display:flex;align-items:stretch;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:#080a0feF}.logo{display:flex;align-items:center;padding:0 var(--pad);font:clamp(21px,2vw,30px)/1 var(--display);letter-spacing:-.09em}.logo b{color:var(--royal)}.nav-clock{display:flex;align-items:center;gap:8px;padding:0 clamp(12px,1.5vw,24px);border-right:1px solid var(--line);font-size:10px;font-weight:700;color:var(--white)}.clock-dot{width:7px;height:7px;border-radius:50%;background:var(--royal);box-shadow:0 0 10px var(--royal);animation:blink 1.8s infinite}.navlinks{display:flex;align-items:center;margin-left:auto;gap:clamp(15px,2.5vw,40px);padding:0 30px;font-size:10px;font-weight:800;text-transform:uppercase}.navlinks a{opacity:.7;transition:opacity .2s,color .2s}.navlinks a:hover{opacity:1;color:var(--royal)}.navcta{display:flex;align-items:center;gap:22px;background:var(--royal);color:#fff;padding:0 25px;font-size:10px;font-weight:900;text-transform:uppercase;transition:background .2s}.navcta:hover{background:var(--royal-dark);color:#fff}.navcta span{font-size:18px}.menu{display:none;background:none;border:0;font-size:24px;color:var(--white);padding:0 18px;margin-left:auto;cursor:pointer}
/* Opening frame */
.hero{min-height:min(840px,calc(100svh - var(--nav)));display:grid;grid-template-columns:1.2fr .8fr;position:relative;border-bottom:1px solid var(--line);isolation:isolate}.hero-left{padding:clamp(32px,6vw,86px) 18px var(--pad) var(--pad);display:flex;flex-direction:column;justify-content:space-between;min-width:0}.hero-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.availability{display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 18px var(--red);animation:blink 2.2s infinite}@keyframes blink{50%{opacity:.25;transform:scale(.65)}}.hero h1{font:clamp(54px,10.5vw,180px)/.86 var(--display);letter-spacing:-.085em;text-transform:uppercase;margin:clamp(36px,5vh,72px) 0 32px;position:relative;z-index:2;overflow-wrap:break-word}.hero h1 .line{display:block;padding:0 0 .06em 0}.hero h1 .line span{display:block;transform:translateY(120%);animation:lift 1.1s cubic-bezier(.16,1,.3,1) forwards}.hero h1 .line:nth-child(2) span{animation-delay:.13s}.hero h1 .line:nth-child(3) span{animation-delay:.26s;color:var(--royal)}@keyframes lift{to{transform:translateY(0)}}.hero h1 .line:nth-child(3){white-space:nowrap}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:820px}.hero-bottom p{max-width:360px;color:#b9c0ca;font-size:clamp(14px,1.3vw,18px);margin:0}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 17px;border:1px solid var(--line);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;transition:transform .25s,background .25s,color .25s,border .25s}.btn:hover{transform:translateY(-3px);background:var(--white);color:var(--ink)}.btn.primary{background:var(--royal);border-color:var(--royal);color:white}.btn.primary:hover{background:var(--royal-dark);border-color:var(--royal-dark);color:white}.btn.accent{background:var(--red);border-color:var(--red);color:white}.btn.accent:hover{background:var(--red-hover);border-color:var(--red-hover);color:white}.hero-right{background:var(--cobalt);position:relative;overflow:hidden;min-height:540px;display:flex;align-items:center;justify-content:center}.hero-right:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 95%)}.hero-right:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#155eef00 15%,#06132c65 100%)}.art-top{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:3}.planet{width:min(64%,410px);aspect-ratio:1;position:relative;display:grid;place-items:center;z-index:2;animation:planetfloat 7s ease-in-out infinite}.planet:before,.planet:after{content:"";position:absolute;inset:7%;border:1px solid #ffffff85;border-radius:50%;transform:rotateX(67deg) rotate(-28deg)}.planet:after{inset:-5%;transform:rotateY(68deg) rotate(33deg);border-color:#ffffff4a}.planet-core{width:53%;aspect-ratio:1;background:var(--royal);color:#fff;display:grid;place-items:center;font:clamp(55px,9vw,128px)/.8 var(--display);letter-spacing:-.12em;transform:rotate(-9deg);box-shadow:0 0 90px rgba(37,99,235,.5);position:relative;overflow:hidden}.planet-core:after{content:"";position:absolute;top:-40%;left:-60%;height:180%;width:35%;background:#ffffff6b;transform:rotate(28deg);animation:shine 5s ease-in-out infinite}@keyframes shine{50%{left:140%}}@keyframes planetfloat{50%{transform:translateY(-12px) rotate(3deg)}}.orbit-label{position:absolute;z-index:4;padding:10px 12px;background:var(--bg);border:1px solid #ffffff55;font:9px var(--mono);text-transform:uppercase;transition:transform .25s}.orbit-label:hover{transform:translateY(-5px) rotate(-2deg)}.ol1{top:25%;left:6%}.ol2{right:5%;top:40%}.ol3{bottom:17%;left:12%}.hero-index{position:absolute;right:20px;bottom:8px;font:clamp(54px,10vw,150px)/.8 var(--display);letter-spacing:-.1em;color:#ffffff20;z-index:2}.scroll-cue{position:absolute;bottom:24px;right:26px;z-index:3;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.scroll-cue:after{content:"";display:inline-block;height:48px;width:1px;background:var(--royal);margin-top:12px;animation:cue 1.5s ease-in-out infinite}@keyframes cue{50%{transform:scaleY(.55);transform-origin:top}}
/* Motion strip */.ticker{overflow:hidden;background:#0d1422;color:var(--white);white-space:nowrap;border-bottom:1px solid var(--line)}.ticker-track{display:flex;width:max-content;animation:marquee 27s linear infinite}.ticker span{font:clamp(24px,3.5vw,48px)/1 var(--display);letter-spacing:-.06em;text-transform:uppercase;padding:16px 20px}.ticker i{font-style:normal;color:var(--red);padding:0 9px}@keyframes marquee{to{transform:translateX(-50%)}}.ticker:hover .ticker-track{animation-play-state:paused}
/* Storytelling & 3D Shuffling Deck */
.story-section{height:520vh;position:relative;border-bottom:1px solid var(--line);background:var(--bg)}
.story-sticky{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));min-height:560px;max-height:1020px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.2vw,32px) var(--pad);overflow:hidden;isolation:isolate}
.story-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px;z-index:15}
.story-meta{display:flex;align-items:center}
.story-grid{flex:1;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(20px,3.8vw,64px);align-items:center;min-height:0}
.story-narrative{position:relative;height:min(440px,56vh);display:flex;align-items:center}
.story-beat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:14px;opacity:0;transform:translateY(28px);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.story-beat.active{opacity:1;transform:translateY(0);pointer-events:auto}
.story-beat h2{font:clamp(36px,5.6vw,90px)/.86 var(--display);letter-spacing:-.085em;text-transform:uppercase;margin:0}
.story-beat h2 .stroke{color:transparent;-webkit-text-stroke:1px var(--white)}
.story-beat h2 .accent-red{color:var(--red)}
.story-beat h2 .accent-royal{color:var(--royal)}
.story-beat h2 .accent-yellow{color:var(--yellow)}
.story-beat p{font-size:clamp(14px,1.25vw,17px);color:#c3cad4;max-width:520px;margin:0;line-height:1.55}
.story-beat .beat-tag{color:var(--muted);font-size:10px;letter-spacing:.12em}
.story-beat .beat-foot{color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:4px}
.beat-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.story-stage{position:relative;display:flex;justify-content:center;align-items:center;height:100%;min-height:360px}
.story-deck{position:relative;width:min(440px,100%);aspect-ratio:1/1.08;max-height:480px;perspective:1000px}
.deck-card{position:absolute;inset:0;background:#0c121c;border:1px solid rgba(247,245,239,.22);border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.65);padding:clamp(16px,2.4vw,26px);display:flex;flex-direction:column;justify-content:space-between;transform-origin:center center;will-change:transform,opacity;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease,filter .45s ease,box-shadow .4s ease}
.deck-card[data-state="active"]{transform:translate3d(0,0,0) rotate(0deg);opacity:1;z-index:10;pointer-events:auto;filter:none}
.deck-card[data-state="exited"]{transform:translate3d(-105%,-12px,0) rotate(-6deg);opacity:0;z-index:12;pointer-events:none}
.deck-card[data-state="next-1"]{transform:translate3d(12px,14px,-30px) rotate(2deg);opacity:.88;z-index:9;filter:brightness(.85);pointer-events:none}
.deck-card[data-state="next-2"]{transform:translate3d(24px,28px,-60px) rotate(-1.5deg);opacity:.6;z-index:8;filter:brightness(.7);pointer-events:none}
.deck-card[data-state="queued"]{transform:translate3d(36px,42px,-90px) rotate(1.5deg);opacity:.25;z-index:7;filter:brightness(.5);pointer-events:none}
.story-deck.is-stopped .deck-card[data-state="active"]{box-shadow:0 0 0 2px var(--royal),0 28px 75px rgba(0,0,0,.85)}
.card-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px;font-size:9px;letter-spacing:.12em}
.card-badge{padding:4px 8px;border-radius:2px;font-weight:800;font-size:8px;letter-spacing:.1em}
.bg-red{background:var(--red);color:#fff}
.bg-royal{background:var(--royal);color:#fff}
.bg-yellow{background:var(--yellow);color:var(--ink)}
.bg-cobalt{background:var(--cobalt);color:#fff}
.chat-bubble{padding:12px 14px;font-size:13px;max-width:88%;line-height:1.4;border-radius:4px}
.chat-bubble.user{background:#192333;color:#fff;margin-left:auto;border:1px solid rgba(255,255,255,.1)}
.chat-bubble.user small{display:block;opacity:.65;margin-top:4px;font-size:9px}
.chat-bubble.bot{background:var(--cobalt);color:#fff;border:1px solid rgba(255,255,255,.2);margin-top:8px}
.bot-head{display:flex;justify-content:space-between;font-size:8px;opacity:.85;margin-bottom:6px}
.bot-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:10px;font-weight:800;font-family:var(--body)}
.bot-chips span{padding:5px 9px;background:rgba(255,255,255,.15);border-radius:2px}
.bot-chips .chip-pay{background:var(--yellow);color:var(--ink)}
.card-metric{padding:10px 0}
.big-metric{font:clamp(36px,5.2vw,66px)/.88 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:4px 0}
.accent-red{color:var(--red)}
.accent-royal{color:var(--royal)}
.accent-yellow{color:var(--yellow)}
.card-browser{display:grid;gap:10px}
.browser-bar{display:flex;align-items:center;gap:8px;background:#080a0f;padding:6px 10px;border:1px solid var(--line)}
.browser-bar .dots{display:flex;gap:4px}
.browser-bar .dots i{width:6px;height:6px;border-radius:50%;background:#ffffff44;display:block}
.load-track{height:6px;background:rgba(255,255,255,.15);overflow:hidden}
.load-fill{display:block;height:100%;background:var(--red)}
.card-alert{color:var(--red);font-size:10px;letter-spacing:.08em;margin-top:8px}
.chat-gap{text-align:center;color:var(--muted);font-size:9px;margin:8px 0}
.chat-ghost{text-align:center;font-size:24px;color:var(--muted)}
.card-receipt{display:grid;gap:8px}
.receipt-note{color:#c3cad4;font-size:10px}
.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:8.5px;color:var(--muted)}
.deck-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:14px;z-index:15}
.deck-dots{display:flex;gap:6px}
.deck-dot{background:transparent;border:1px solid var(--line);color:var(--muted);font:9px var(--mono);padding:5px 8px;transition:all .2s;cursor:pointer}
.deck-dot:hover,.deck-dot.active{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-weight:800}
.deck-progress-track{flex:1;height:2px;background:rgba(255,255,255,.2);overflow:hidden}
.deck-progress-bar{display:block;height:100%;width:20%;background:var(--yellow);transition:width .2s}
.deck-nav-btns{display:flex;gap:6px}
.deck-btn{width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--white);font-size:13px;transition:all .2s;cursor:pointer}
.deck-btn:hover{background:var(--white);color:var(--ink)}
/* Work carousel */.work{padding:clamp(70px,10vw,140px) 0 var(--pad);border-bottom:1px solid var(--line)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 var(--pad) 35px}.section-intro h2{font:clamp(48px,7vw,100px)/.86 var(--display);letter-spacing:-.08em;text-transform:uppercase;margin:0}.section-intro p{max-width:320px;color:var(--muted);margin:0}.carousel-top{display:flex;justify-content:space-between;align-items:center;padding:14px var(--pad);border-block:1px solid var(--line)}.carousel-actions{display:flex;gap:7px}.carousel-actions button{width:42px;height:38px;border:1px solid var(--line);background:transparent;font-size:20px;transition:background .2s,color .2s}.carousel-actions button:hover{background:var(--yellow);color:var(--ink)}.work-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,39%);gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--royal) transparent;overscroll-behavior-x:contain}.work-card{scroll-snap-align:start;border-right:1px solid var(--line);min-width:0}.work-art{height:clamp(280px,38vw,490px);padding:20px;position:relative;overflow:hidden;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.work-art:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#ffffff33,transparent 40%)}.work-art strong{font:clamp(34px,4.4vw,65px)/.87 var(--display);letter-spacing:-.08em;max-width:8ch;text-transform:uppercase;position:relative;z-index:2}.art-store{background:var(--paper)}.mock-window{position:absolute;left:18%;right:-8%;bottom:10%;height:48%;background:#fff;border:1px solid #111;padding:18px;transform:rotate(-6deg);box-shadow:10px 14px 0 #1112;transition:transform .5s}.work-card:hover .mock-window{transform:rotate(-2deg) translateY(-9px)}.mock-window .mock-top{height:7px;background:#111;width:42%;margin-bottom:20px}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;height:60%}.mock-products i{background:linear-gradient(135deg,#2563eb 0 40%,#bfdbfe 40%);display:block}.mock-products i:nth-child(2){background:linear-gradient(145deg,#004da8 0 45%,#d7ff38 45%)}.mock-products i:nth-child(3){background:linear-gradient(145deg,#d7ff38 0 40%,#2563eb 40%)}.art-bot{background:var(--yellow)}.chat-ui{position:absolute;right:7%;bottom:7%;width:62%;padding:14px;background:#10141b;color:#fff;border-radius:12px 12px 2px 12px;box-shadow:0 18px 45px #1113;transform:rotate(5deg);transition:transform .5s}.work-card:hover .chat-ui{transform:rotate(1deg) translateY(-8px)}.chat-ui span{display:block;font-size:10px;padding:8px 10px;background:#202735;border-radius:8px;margin:5px 0;max-width:90%}.chat-ui span:nth-child(2){margin-left:auto;background:var(--cobalt)}.chat-ui span:nth-child(3){background:var(--royal);width:max-content}.art-brand{background:var(--royal);color:#fff}.brand-sigil{position:absolute;right:10%;bottom:5%;width:56%;aspect-ratio:1;border:clamp(12px,2vw,25px) solid #fff;transform:rotate(45deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.brand-sigil:before,.brand-sigil:after{content:"";position:absolute;inset:20%;border:clamp(8px,1.5vw,18px) solid var(--yellow)}.brand-sigil:after{inset:40%;background:#fff;border:0}.work-card:hover .brand-sigil{transform:rotate(135deg)}.art-redesign{background:var(--cobalt);color:#fff}.old-new{position:absolute;left:12%;right:8%;bottom:10%;display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-4deg);transition:transform .5s}.old-new div{min-height:145px;padding:12px;font:10px var(--mono);background:#e2e0d9;color:#111}.old-new div:last-child{background:var(--yellow);font:clamp(18px,2vw,28px)/.9 var(--display)}.old-new i{display:block;height:7px;background:#aaa;margin-top:12px}.old-new div:last-child i{background:#111;width:75%}.work-card:hover .old-new{transform:rotate(0) translateY(-7px)}.work-meta{padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px 18px}.work-meta h3{font:800 18px var(--body);margin:0}.work-meta p{grid-column:1/-1;color:var(--muted);margin:0;max-width:360px;font-size:13px}.work-meta .mono{grid-column:2;grid-row:1;text-align:right;font-size:9px}
/* Services as interactive index */.services{padding:clamp(70px,10vw,140px) var(--pad);border-bottom:1px solid var(--line)}.services .section-intro{padding:0 0 38px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:.25fr 1fr .9fr 40px;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);position:relative;isolation:isolate;transition:padding .3s}.service:before{content:"";position:absolute;inset:0 calc(var(--pad)*-1);background:var(--yellow);transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.7,.2,1);z-index:-1}.service:hover{padding-inline:15px;color:var(--ink)}.service:hover:before{transform:scaleY(1)}.service:hover .service-num,.service:hover p{color:#343b28}.service-num{font:10px var(--mono);color:var(--muted)}.service h3{font:clamp(22px,3.3vw,44px)/1 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0}.service p{font-size:12px;color:var(--muted);max-width:350px;margin:0}.service-arrow{font-size:24px;text-align:right;transition:transform .25s}.service:hover .service-arrow{transform:translate(4px,-4px)}
/* Promise */.promise{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.promise-main{background:var(--royal);padding:clamp(38px,6vw,88px) var(--pad);color:#fff;position:relative;overflow:hidden}.promise-main:after{content:"✳";position:absolute;right:-.04em;bottom:-.28em;font:clamp(180px,28vw,400px)/1 var(--display);color:#ffffff13;transform:rotate(-12deg)}.promise-main h2{font:clamp(58px,8vw,120px)/.82 var(--display);letter-spacing:-.09em;text-transform:uppercase;margin:38px 0 25px;position:relative;z-index:1}.promise-main p{max-width:360px;margin:0;color:#fffD;position:relative;z-index:1}.promise-points{padding:30px var(--pad);display:flex;flex-direction:column;justify-content:center}.promise-point{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.promise-point:last-child{border-bottom:0}.promise-point .num{font:14px var(--mono);color:var(--yellow)}.promise-point h3{font-size:18px;margin:0 0 7px}.promise-point p{color:var(--muted);font-size:13px;margin:0;max-width:390px}
/* Price clarity */.pricing{padding:clamp(70px,10vw,140px) var(--pad);border-bottom:1px solid var(--line)}.pricing .section-intro{padding:0 0 38px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.price-card{padding:clamp(20px,3vw,38px);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:320px;transition:background .25s,color .25s}.price-card:last-child{border-right:0}.price-card:hover{background:var(--yellow);color:var(--ink)}.price-card:hover .mono,.price-card:hover p{color:#424a2c}.price-card h3{font:clamp(25px,3vw,39px)/.95 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:34px 0 12px}.price{font:clamp(38px,5vw,68px)/1 var(--display);letter-spacing:-.08em;color:var(--yellow)}.price-card:hover .price{color:var(--royal)}.price-card p{color:var(--muted);font-size:13px;max-width:300px}.price-card a{margin-top:auto;padding-top:25px;font-size:11px;font-weight:900;text-transform:uppercase;display:flex;justify-content:space-between;border-top:1px solid currentColor}.pay-note{display:flex;justify-content:space-between;gap:20px;padding:16px 0;color:var(--muted);font-size:11px}.pay-note strong{color:var(--white);font-weight:700}
/* Final frame */.final{min-height:72vh;padding:clamp(55px,8vw,115px) var(--pad) 38px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.final:before{content:"";position:absolute;width:42vw;aspect-ratio:1;border:1px solid #0b122022;border-radius:50%;right:-10%;top:8%;box-shadow:0 0 0 40px #0b122006,0 0 0 80px #0b122006,0 0 0 120px #0b122006}.final-top{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}.final h2{font:clamp(64px,12.4vw,190px)/.78 var(--display);letter-spacing:-.1em;text-transform:uppercase;margin:clamp(60px,10vh,120px) 0;position:relative;z-index:2}.final h2 span{color:var(--royal);display:inline-block;transition:transform .3s}.final h2:hover span{transform:translateX(12px) rotate(-2deg)}.final-bottom{display:flex;justify-content:space-between;align-items:end;gap:28px;position:relative;z-index:2}.final-bottom p{max-width:380px;color:#555b65;margin:0}.final .btn{border-color:#0b122055}.final .btn:hover{background:var(--ink);color:#fff}.final .btn.primary{background:var(--royal);color:#fff;border-color:var(--royal)}.final .btn.primary:hover{background:var(--ink)}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:20px var(--pad);font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.footer strong{font:20px var(--display);letter-spacing:-.08em;color:var(--white)}.footer strong b{color:var(--royal)}.footer .backtop{border-bottom:1px solid var(--line);padding-bottom:3px}
/* Entrance choreography */.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.cursor-glow{position:fixed;left:50%;top:50%;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,#155eef15,transparent 68%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s}.progress-top{position:fixed;top:var(--nav);left:0;height:2px;width:0;background:var(--yellow);z-index:39}.magnetic{will-change:transform}
@media(min-width:1500px){.hero h1{font-size:clamp(160px,11vw,220px)}}
@media(max-width:900px){.navlinks{gap:10px;padding:0 12px;font-size:9px}.nav-clock{padding:0 10px;font-size:9px}.navcta{padding:0 15px;font-size:9px;gap:8px}.hero{grid-template-columns:1fr .72fr}.hero h1{font-size:clamp(44px,9vw,88px);line-height:.92}.hero-right{min-height:490px}.hero-bottom{align-items:start;flex-direction:column}.story-grid{grid-template-columns:1fr;gap:20px}.story-narrative{height:min(320px,36vh);min-height:220px}.story-stage{min-height:300px}.story-deck{width:min(380px,100%);max-height:360px}.work-slider{grid-auto-columns:minmax(280px,58%)}.service{grid-template-columns:.2fr 1fr .8fr 25px;gap:14px}.service p{font-size:11px}}
@media(max-width:640px){:root{--nav:58px}.nav{grid-template-columns:1fr auto auto}.logo{font-size:24px}.menu{display:block;z-index:101}.navlinks{display:none}.navlinks.open{display:flex;position:fixed;inset:0;top:0;z-index:100;background:#080a0fF8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:calc(var(--nav) + 6px) var(--pad) 18px;flex-direction:column;justify-content:space-between;height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box}.navlinks.open a{font:800 clamp(15px,4.2vw,20px)/1.15 var(--body);padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.navlinks.open a:after{content:"↗";font-size:13px;opacity:.45}.navlinks .mobile-actions{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px}.navlinks .mobile-actions .btn{width:100%;justify-content:center;padding:12px 6px;font-size:10px;font-weight:800;border-radius:3px;text-align:center}.navlinks .mobile-start{position:static;background:var(--royal)!important;color:#fff!important;border:1px solid var(--royal)!important}.navlinks .mobile-wa{position:static;background:var(--wa-green)!important;color:#080a0f!important;border:1px solid var(--wa-green)!important;font-weight:800!important}.navcta{display:none}.hero{grid-template-columns:1fr}.hero-left{min-height:auto;padding:24px var(--pad) 24px}.hero h1{font-size:clamp(36px,10.2vw,54px);line-height:.95;margin:32px 0 20px;word-break:normal;overflow-wrap:break-word}.hero h1 .line{overflow:visible;line-height:0.95;padding-bottom:2px}.hero h1 .line span{transform:none!important;animation:none!important}.hero h1 .line:nth-child(3){white-space:normal}.hero-bottom{gap:12px}.hero-right{min-height:360px}.planet{width:min(60%,260px)}.orbit-label{font-size:8px;padding:8px}.ol1{top:20%}.hero-index{font-size:70px}.scroll-cue{bottom:16px}.story-section{height:540vh}.story-sticky{padding:12px var(--pad);min-height:0;height:calc(100svh - var(--nav))}.story-head{margin-bottom:8px;padding-bottom:8px}.story-narrative{height:auto;min-height:190px}.story-beat{gap:10px}.story-beat h2{font-size:clamp(26px,8vw,42px);line-height:.95}.story-beat p{font-size:12.5px;line-height:1.45}.story-beat .beat-foot{display:none}.story-deck{width:100%;max-width:320px;aspect-ratio:1/1.06;max-height:300px}.deck-card{padding:12px 14px}.card-top{padding-bottom:8px;margin-bottom:8px;font-size:8px}.card-bottom{padding-top:8px;margin-top:8px;font-size:8px}.big-metric{font-size:clamp(26px,7.5vw,40px);color:var(--money-green)}.chat-bubble{padding:8px 10px;font-size:11px}.deck-controls{padding-top:8px;gap:8px}.deck-dot{padding:4px 6px;font-size:8px}.deck-btn{width:28px;height:28px;font-size:11px}.section-intro{padding-bottom:25px;align-items:start;flex-direction:column}.section-intro h2{font-size:clamp(36px,8.5vw,56px);line-height:.95}.section-intro p{font-size:13px}.work-slider{grid-auto-columns:86%}.work-art{height:340px}.work-meta{padding:16px}.services{padding-block:75px}.service{grid-template-columns:42px 1fr 26px;gap:12px;padding:19px 0}.service h3{font-size:23px}.service p{grid-column:2;grid-row:2;max-width:100%;font-size:12px}.service-arrow{grid-column:3;grid-row:1/3}.service:hover{padding-inline:8px}.promise{grid-template-columns:1fr}.promise-main{padding:42px var(--pad)}.promise-main h2{font-size:clamp(54px,11vw,88px);line-height:.9;margin:28px 0 20px}.promise-points{padding:15px var(--pad) 25px}.promise-point{padding:20px 0}.pricing{padding-block:75px}.price-grid{grid-template-columns:1fr}.price-card{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.price-card:last-child{border-bottom:0}.price-card h3{margin-top:24px}.price{font-size:52px;color:var(--money-green)}.pay-note{flex-direction:column;gap:7px}.final{min-height:75vh;padding:35px var(--pad) 25px}.final-top{font-size:9px}.final h2{font-size:clamp(52px,12vw,92px);line-height:.9;margin:70px 0}.final-bottom{flex-direction:column;align-items:start}.final-bottom p{font-size:13px}.footer{flex-wrap:wrap}.footer span:nth-child(2){order:3;width:100%}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero h1 .line span{transform:none}.ticker-track{animation:none}.planet{animation:none}.cursor-glow{display:none}.story-deck{perspective:none!important}.deck-card{transition:opacity .25s ease!important;transform:none!important}.deck-card[data-state="active"]{opacity:1!important}.deck-card:not([data-state="active"]){opacity:0!important;pointer-events:none!important}}

/* Multi-page additions */
.page-hero{padding:clamp(60px,10vw,140px) var(--pad);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero h1{font:clamp(44px,8vw,130px)/.88 var(--display);letter-spacing:-.085em;text-transform:uppercase;max-width:1200px;margin:24px 0;overflow-wrap:break-word}
.page-hero h1 em{font-style:normal;color:var(--royal)}
.page-hero p{max-width:650px;color:#c3cad4;font-size:clamp(15px,1.5vw,19px)}
.content-section{padding:clamp(55px,8vw,110px) var(--pad);border-bottom:1px solid var(--line)}
.content-section h2{font:clamp(32px,5.5vw,72px)/.92 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0 0 24px;overflow-wrap:break-word}
.content-section h3{font-size:21px;margin:0 0 10px}
.lead{color:var(--muted);max-width:720px;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin-top:28px}
.info-card{padding:clamp(20px,3vw,34px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.info-card:nth-child(3n){border-right:0}.info-card .price{margin:18px 0;color:var(--yellow);font:clamp(30px,4vw,54px)/1 var(--display);letter-spacing:-.07em}
.info-card p,.info-card li{color:var(--muted);font-size:13px}.info-card ul{padding-left:18px}
.pill{display:inline-block;padding:7px 10px;border:1px solid var(--line);font:10px var(--mono);text-transform:uppercase;color:var(--muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px)}
.accordion{border-top:1px solid var(--line)}.accordion details{border-bottom:1px solid var(--line);padding:20px 0}.accordion summary{cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:20px}.accordion details p{color:var(--muted);max-width:800px}
.calc-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.calc-panel{border:1px solid var(--line);padding:clamp(18px,3vw,30px)}.choice-list{display:grid;gap:10px;margin:18px 0}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:14px;cursor:pointer;border-radius:4px;transition:all .2s}.choice:has(input:checked){border-color:var(--royal);background:rgba(37,99,235,.08)}.choice input{accent-color:var(--royal);margin-top:4px}.choice small{display:block;color:var(--muted);margin-top:4px}.total-panel{position:sticky;top:calc(var(--nav) + 18px);background:#0d1422;color:var(--white);border:1px solid var(--line);border-radius:6px;padding:25px}.total-panel .price{font:clamp(36px,5vw,62px)/1 var(--display);letter-spacing:-.07em;color:var(--money-green);margin:18px 0}.total-panel p{font-size:12px;color:var(--muted)}.total-panel .btn{border-color:var(--line);color:var(--white)}.total-panel .btn.primary{background:var(--royal);border-color:var(--royal);color:#fff}.total-panel .btn.primary:hover{background:var(--royal-dark)}.btn.btn-wa{background:var(--wa-green);border-color:var(--wa-green);color:#080a0f;font-weight:800}.btn.btn-wa:hover{background:var(--wa-green-hover);border-color:var(--wa-green-hover);color:#080a0f}
.plan-scope-btn{display:inline-block;margin-top:6px;font:9px var(--mono);color:var(--royal);text-transform:uppercase;cursor:pointer;letter-spacing:.08em;border:0;background:none;padding:0;text-decoration:underline}
.plan-scope-btn:hover{color:#fff}
.scope-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);z-index:120;display:none;place-items:center;padding:16px}
.scope-modal-backdrop.open{display:grid}
.scope-modal{background:#0c121c;border:1px solid var(--line);border-radius:8px;max-width:640px;width:100%;max-height:85vh;overflow-y:auto;padding:clamp(22px,4vw,36px);position:relative;box-shadow:0 30px 80px rgba(0,0,0,.9)}
.scope-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:1px solid var(--line);color:var(--white);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;display:grid;place-items:center}
.scope-modal-close:hover{background:var(--white);color:var(--ink)}
.scope-grid{display:grid;gap:16px;margin:20px 0}
.scope-box{border:1px solid var(--line);padding:16px;border-radius:4px;background:#080a0f}
.scope-box h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;font-family:var(--mono);color:var(--royal)}
.scope-box ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted);line-height:1.5}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tag-row a,.filter-btn{border:1px solid var(--line);background:transparent;color:inherit;padding:9px 12px;font:10px var(--mono);text-transform:uppercase;cursor:pointer}.filter-btn.active,.tag-row a:hover{background:var(--royal);color:#fff;border-color:var(--royal)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{border:1px solid var(--line);padding:22px;min-height:250px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#155eef22,transparent 65%)}.project-card h3{font:clamp(22px,2.8vw,36px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.06em}.project-card p{color:var(--muted);font-size:13px}.notice{padding:16px;border:1px solid var(--line);color:var(--muted);font-size:12px}

/* Interactive Wizard Engine for start.html */
.wizard-shell{max-width:780px;margin:auto}
.wizard-card{background:#0c121c;border:1px solid var(--line);border-radius:8px;padding:clamp(22px,4.5vw,44px);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.wizard-header{margin-bottom:28px}
.wizard-progress{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.wizard-bar{flex:1;height:4px;background:rgba(255,255,255,.12);border-radius:2px;overflow:hidden}
.wizard-fill{height:100%;width:20%;background:var(--royal);transition:width .35s cubic-bezier(.2,.8,.2,1)}
.wizard-step-title{font:clamp(26px,5vw,46px)/1 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:10px 0 6px}
.wizard-step-sub{color:var(--muted);font-size:14px;margin:0}
.wizard-pane{display:none}
.wizard-pane.active{display:block;animation:paneIn .3s ease forwards}
@keyframes paneIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.wizard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:22px 0}
.wizard-option{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:18px;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:#080a0f;transition:all .2s ease}
.wizard-option:hover{border-color:var(--royal);background:#0e1726}
.wizard-option.selected{border-color:var(--royal);background:#111e33;box-shadow:0 0 0 1px var(--royal)}
.wizard-option strong{font-size:14px;color:var(--white);display:flex;justify-content:space-between;align-items:center}
.wizard-option small{font-size:12px;color:var(--muted);line-height:1.4}
.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
.wizard-summary-card{background:#080a0f;border:1px solid var(--line);border-radius:6px;padding:20px;margin:20px 0}
.wizard-summary-card pre{margin:0;white-space:pre-wrap;font:12px/1.5 var(--mono);color:#cbd5e1}

@media(max-width:760px){.cards,.project-grid{grid-template-columns:1fr}.info-card{border-right:0}.two-col,.calc-layout{grid-template-columns:1fr}.total-panel{position:static}.mobile-pricebar{display:flex;position:fixed;z-index:38;bottom:0;left:0;right:0;padding:12px 14px;background:#080a0ff6;backdrop-filter:blur(18px);gap:10px;border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.7)}.mobile-pricebar .price-badge{display:flex;flex-direction:column;justify-content:center}.mobile-pricebar .price-val{font:700 18px/1 var(--display);color:var(--white)}.mobile-pricebar .price-lbl{font:9px var(--mono);color:var(--muted)}.mobile-pricebar .btn{flex:1;justify-content:center;padding:12px 10px;font-size:10px}.footer{flex-wrap:wrap;padding-bottom:76px}}