@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0a0a0a;--panel:#131313;--ink:#f1f0eb;--muted:#9e9e97;--line:#2b2b29;--acid:#d9ff42;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--body)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.skip{position:fixed;top:-60px;left:15px;z-index:100;background:var(--acid);color:#111;padding:10px}.skip:focus{top:10px}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#0a0a0af5;border-bottom:1px solid #ffffff19;position:relative;z-index:5}.wordmark{font:italic 800 30px/.9 var(--display);letter-spacing:-.6px;display:flex;align-items:center}.wordmark span{color:var(--acid)}.wordmark i{display:block;width:6px;height:25px;background:var(--acid);transform:skew(-16deg);margin-left:8px}.header nav{display:flex;gap:30px;font-size:12px;font-weight:600}.header nav a{color:#bdbdb6}.header nav a:hover{color:var(--acid)}.button{display:inline-flex;min-height:54px;padding:15px 25px;border:1px solid var(--acid);border-radius:2px;background:var(--acid);color:#111;font-weight:700;align-items:center;justify-content:center;font-size:13px;transition:background .2s,transform .2s;line-height:1.3}.button:hover{background:#e8ff8d;transform:translateY(-2px)}.button.small{min-height:42px;padding:11px 19px;font-size:12px}.button.outline{background:transparent;border-color:#454541;color:var(--ink)}.button.outline:hover{border-color:var(--acid);color:var(--acid)}.hero{position:relative;min-height:690px;height:calc(100svh - 86px);max-height:1000px;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 56%;z-index:-3;animation:heroZoom 1.4s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070707eb 0%,#070707b0 37%,#07070712 80%),linear-gradient(0deg,#080808ed 0%,transparent 40%,#0002 100%);z-index:-2}.hero-content{padding:105px 6vw 130px;max-width:1000px;animation:enter .85s .1s both}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;margin:0 0 23px;display:block}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:9px;box-shadow:0 0 12px #d9ff4260}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:800;line-height:.92;letter-spacing:-1.8px}h1{font-size:clamp(80px,8.6vw,143px);margin:0 0 28px}em{font-style:normal;color:var(--acid)}.hero-content>p{font-size:16px;color:#c1c1b9;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:34px}.text-link{font-size:12px;font-weight:600;background:none;border:0;padding:8px 0;color:var(--ink);text-decoration:underline;text-underline-offset:6px}.hero-bottom{position:absolute;left:6vw;right:6vw;bottom:28px;border-top:1px solid #ffffff35;padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.hero-bottom b{font-weight:400;color:#aaa;display:block;font-size:9px;margin-top:4px}.hero-bottom a{border-bottom:1px solid #888;padding-bottom:3px;letter-spacing:0;font-size:11px}.hero-number{position:absolute;right:5vw;top:34px;writing-mode:vertical-rl;color:#fff9;font-size:10px;letter-spacing:2px}.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:25px 6vw;overflow:hidden}.platform-strip>span{font-size:9px;letter-spacing:1px;color:var(--muted);white-space:nowrap}.platform-strip>div{font:600 18px var(--display);letter-spacing:1px;white-space:nowrap}.platform-strip i{color:var(--acid);font-style:normal;margin:0 15px;font-size:12px}.section{padding:100px 6vw;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:30px}.section-heading h2,h2{font-size:clamp(52px,5.4vw,82px);margin-bottom:0}h2 span{color:#81817c}.section-heading>p{font-size:12px;color:var(--muted);margin:0 0 4px;max-width:350px}.build-grid{display:grid;grid-template-columns:1.17fr 1fr;gap:27px;align-items:start}.build-card{display:block}.build-card:nth-child(2){margin-top:60px}.image-wrap{aspect-ratio:1.28;position:relative;overflow:hidden;background:#1d1d1b}.image-wrap img{height:100%;width:100%;object-fit:cover;transition:transform .65s;object-position:center}.build-card:nth-child(2) img{object-position:center 44%}.build-card:hover img{transform:scale(1.04)}.image-badge{position:absolute;left:18px;top:18px;font-size:9px;letter-spacing:1px;background:#111c;padding:6px 10px;backdrop-filter:blur(5px)}.card-body{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.card-body .eyebrow{margin-bottom:7px;color:#999;font-size:9px}.card-body h3{font:700 35px/1 var(--display);margin:0}.round-label{font:700 25px var(--display);border:1px solid #555;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;color:var(--acid)}.build-detail{font-size:11px;color:#aaa;margin:15px 0}.card-link{font-size:10px;border-bottom:1px solid #666;padding-bottom:4px}.power{font:700 47px/.9 var(--display);color:var(--acid)}.power small{display:block;font:500 8px var(--body);letter-spacing:1px;text-align:right;margin-top:7px}.source-note{color:#777;font-size:9px;margin:34px 0 0}.statement{display:grid;grid-template-columns:1fr 1fr;gap:11%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-copy{padding-top:20px;max-width:450px}.statement-copy>p:first-of-type{font-size:25px;line-height:1.45;letter-spacing:-.5px}.statement-copy>p{font-size:13px;color:var(--muted)}.crosshair{display:block;width:32px;height:32px;border:1px solid #666;border-radius:50%;position:relative;margin-bottom:25px}.crosshair:before,.crosshair:after{content:'';position:absolute;background:var(--acid)}.crosshair:before{width:44px;height:1px;left:-7px;top:15px}.crosshair:after{width:1px;height:44px;top:-7px;left:15px}.tech-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.tech-tags span{font-size:9px;letter-spacing:1px;border:1px solid #3a3a37;padding:6px 10px}.preview-note{display:flex;gap:16px;align-items:center;border:1px solid #4a4d32;padding:12px 16px;font-size:9px;letter-spacing:1px;color:var(--acid);margin-bottom:27px}.preview-note span{color:#aaa;letter-spacing:0;font-size:10px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package{padding:30px;background:#121212;border:1px solid #30302d;position:relative;display:flex;flex-direction:column}.package-num{font:600 20px var(--display);color:#70706a;margin-bottom:24px}.package h3{font:700 35px/1 var(--display);margin-bottom:15px}.package>p{color:#aaa;font-size:12px;max-width:240px;min-height:59px}.price{font:700 57px var(--display);margin:10px 0 23px}.price small{display:block;font:400 10px var(--body);color:#888;margin-bottom:9px}.price.custom{font-size:47px}.package ul{list-style:none;padding:22px 0 28px;margin:0;border-top:1px solid #30302d;font-size:11px;color:#c2c2bc}.package li{padding:6px 0;display:flex;align-items:center;gap:9px}.package li:before{content:'';display:inline-block;width:4px;height:4px;background:var(--acid)}.package .button{width:100%;margin-top:auto}.featured{border-color:#a8c832}.package-ribbon{position:absolute;right:17px;top:17px;color:var(--acid);font-size:8px;letter-spacing:1px}.process{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.process h2{margin-bottom:30px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid var(--line)}.process li:first-child{padding-top:0}.process li>span{color:var(--acid);font:600 20px var(--display)}.process h3{font:600 26px var(--display);margin-bottom:8px}.process li p{font-size:12px;color:var(--muted);margin:0}.faq{padding-top:35px}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:24px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px;color:var(--acid)}details[open] summary:after{content:'−'}details p{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.8}details a{text-decoration:underline}.closing{padding:85px 6vw 95px;background:#141610;position:relative;overflow:hidden;border-top:1px solid #3a3e2a}.closing>div:first-child{position:relative;z-index:1}.closing h2{font-size:clamp(65px,8.2vw,125px);margin-bottom:35px}.closing-lines{position:absolute;right:-120px;top:-100px;width:550px;height:650px;border:1px solid #d9ff4225;transform:rotate(30deg);box-shadow:60px 0 0 -1px #141610,60px 0 0 0 #d9ff4225,120px 0 0 -1px #141610,120px 0 0 0 #d9ff4225}footer{display:flex;align-items:center;justify-content:space-between;padding:40px 6vw;border-top:1px solid var(--line);gap:25px}footer .wordmark{font-size:24px}footer>a:not(.wordmark){font-size:12px}footer>span{font-size:9px;color:#777}.mobile-cta{display:none}dialog{width:min(540px,calc(100% - 28px));max-height:92svh;overflow:auto;border:1px solid #45463c;border-radius:4px;padding:30px;background:#121312;color:var(--ink)}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-head .eyebrow{margin:0;font-size:9px}.close{background:none;color:#aaa;border:0;font-size:30px;min-width:44px;min-height:44px}.dialog-head+h2{font-size:64px;margin:20px 0}.dialog-intro{color:#aaa;font-size:12px}label{font-size:11px;color:#bbb;display:block;margin:16px 0}input,select,textarea{display:block;width:100%;background:#1c1d1a;border:1px solid #40413b;border-radius:2px;padding:12px;color:#fff;margin-top:7px;font-size:16px;min-height:46px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row label{margin:0}form>.button{width:100%;margin-top:9px}#message-result .button{width:100%;margin-bottom:10px}#message-result p,#copy-status{font-size:11px;color:#aaa}#copy-status{margin-bottom:0}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1)}}
@media(min-width:1600px){.hero-content{padding-top:145px}}@media(max-width:1000px){.header nav{gap:20px}.hero{min-height:650px}.hero-content{padding-top:100px}.platform-strip>span{display:none}.platform-strip{justify-content:center}.package{padding:25px 20px}.package h3{font-size:29px}.section{padding:75px 6vw}.statement{gap:8%}.statement h2{font-size:60px}.package .button{padding:13px 9px;font-size:11px}.price.custom{font-size:43px}}@media(max-width:640px){html{scroll-padding-top:25px}.header{height:72px;padding:0 22px}.header .wordmark{font-size:25px}.header nav{display:none}.header .small{padding:10px 13px;min-height:40px;font-size:10px}.hero{height:calc(100svh - 72px);min-height:660px;max-height:890px}.hero-photo{object-position:57% 50%;height:66%;top:auto;bottom:50px}.hero-shade{background:linear-gradient(180deg,#0a0a0a 1%,#0a0a0afa 16%,#0a0a0a10 60%,#0a0a0a 98%)}.hero-content{padding:41px 24px 0}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:19px}h1{font-size:clamp(63px,16.5vw,102px);letter-spacing:-1px;line-height:.94;margin-bottom:20px}.hero-content>p{font-size:12px;color:#c4c4bd}.hero-actions{margin-top:23px;gap:24px}.hero-actions .button{min-height:48px;padding:13px 20px;font-size:12px}.hero-number{display:none}.hero-bottom{left:24px;right:24px;bottom:25px;padding-top:15px;font-size:8px;gap:15px}.hero-bottom b{font-size:7px;letter-spacing:.4px}.hero-bottom a{font-size:9px;white-space:nowrap}.platform-strip{padding:19px 24px;justify-content:flex-start}.platform-strip>div{font-size:15px}.platform-strip i{margin:0 11px;font-size:10px}.section{padding:64px 24px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:18px}.section-heading{display:block;margin-bottom:29px}.section-heading h2,h2{font-size:53px;letter-spacing:-.6px}.section-heading>p{font-size:11px;margin-top:20px}.build-grid{grid-template-columns:1fr;gap:36px}.build-card:nth-child(2){margin-top:0}.image-wrap{aspect-ratio:1.15}.card-body{margin-top:19px}.card-body h3{font-size:31px}.build-detail{font-size:10px}.source-note{font-size:8px;margin-top:23px}.statement{grid-template-columns:1fr;gap:30px}.statement h2{font-size:59px}.statement-copy{padding-top:0}.statement-copy>p:first-of-type{font-size:22px}.crosshair{display:none}.statement-copy>p{font-size:12px}.tech-tags{margin-top:23px}.preview-note{display:block;font-size:8px;padding:13px}.preview-note span{display:block;margin-top:5px;font-size:9px;line-height:1.6}.package-grid{grid-template-columns:1fr;gap:16px}.package{padding:25px}.package-num{margin-bottom:16px}.package h3{font-size:35px}.package>p{min-height:0;max-width:none}.price{font-size:53px;margin:5px 0 18px}.package ul{padding:18px 0}.package .button{font-size:12px}.process{grid-template-columns:1fr;gap:38px}.process h2{margin-bottom:25px}.process li{gap:23px;padding:23px 0}.faq{padding-top:0}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-grid h2{font-size:48px}summary{font-size:12px;min-height:30px}.closing{padding:62px 24px}.closing h2{font-size:66px;letter-spacing:-1px}.closing .eyebrow{font-size:8px}.closing-lines{opacity:.4;right:-370px}footer{padding:32px 24px 114px;display:grid;grid-template-columns:1fr auto;gap:24px}footer>span{grid-column:1/-1;font-size:8px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#111f;border-top:1px solid #ffffff22;box-shadow:0 -10px 35px #0007}.mobile-cta>span{font-size:8px;letter-spacing:1px;color:#aaa}.mobile-cta .button{min-height:43px;padding:12px 23px}dialog{padding:22px;max-height:88svh}dialog h2{font-size:56px}.form-row{gap:10px}.dialog-head .eyebrow{font-size:8px}body:has(dialog[open]){overflow:hidden}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
@media(max-width:640px){.hero-shade{background:linear-gradient(180deg,#0a0a0a 1%,#0a0a0afa 16%,#0a0a0ac7 40%,#0a0a0a15 64%,#0a0a0a 98%)}}
@media(max-width:640px){.hero-actions{flex-wrap:wrap;gap:14px 22px}.instagram-hero{font-size:11px}}
/* Replaying motion: compositor-only transforms, with no scroll interception. */
.wordmark i{display:none}
.header:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--acid);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}
.js-motion .reveal{opacity:0;transform:translateY(38px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
.js-motion .hero-content{animation:none;transition-duration:.8s,1s}
.js-motion .build-card .image-wrap img{transform:scale(1.1);transition:transform 1.4s cubic-bezier(.2,.65,.2,1)}
.js-motion .build-card.visible .image-wrap img{transform:scale(1)}
.js-motion .build-card.visible:hover .image-wrap img{transform:scale(1.04)}
.js-motion .section-heading h2,.js-motion .closing h2{transition:letter-spacing 1s ease}
.js-motion .section-heading:not(.visible) h2,.js-motion .closing .reveal:not(.visible) h2{letter-spacing:1px}
.button{position:relative;overflow:hidden;transition:background .2s,transform .25s,box-shadow .25s}
.button:after{content:'';position:absolute;inset:-100% auto -100% -55%;width:25%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff6,transparent);pointer-events:none}
.button:hover:after,.button:focus-visible:after{animation:buttonSweep .7s ease}
.button:hover{box-shadow:0 5px 25px #d9ff421c}
.package{transition:border-color .3s,box-shadow .3s}
.package:hover{border-color:#a8c832;box-shadow:0 12px 40px #0005}
.crosshair{animation:targetTurn 12s linear infinite}
.live-dot{animation:signalPulse 2.8s ease-in-out infinite}
.closing-lines{animation:lineDrift 12s ease-in-out infinite alternate}
.platform-strip i{display:inline-block;animation:starTurn 12s linear infinite}
.package.featured.visible .package-ribbon{animation:ribbonIn .8s ease both}
@keyframes buttonSweep{from{left:-55%}to{left:135%}}
@keyframes targetTurn{to{transform:rotate(360deg)}}
@keyframes signalPulse{50%{opacity:.45;box-shadow:0 0 16px #d9ff4290}}
@keyframes lineDrift{to{transform:translateX(-28px) rotate(34deg)}}
@keyframes starTurn{to{transform:rotate(180deg)}}
@keyframes ribbonIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none}.js-motion .build-card .image-wrap img{transform:none}.button:hover{transform:none}}
/* Distinct, repeatable motion language. */
.headline-line{display:inline-block;color:inherit}
.js-motion .reveal .headline-line,.js-motion .reveal h1 em,.js-motion .reveal h2>span:not(.headline-line){display:inline-block;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .7s;transform:translateY(32px);opacity:0}
.js-motion .reveal.visible .headline-line,.js-motion .reveal.visible h1 em,.js-motion .reveal.visible h2>span{transform:none;opacity:1}
.js-motion .reveal h1 em,.js-motion .reveal h2>span:not(.headline-line){transition-delay:.12s}
.js-motion .motion-side{transform:translateX(-35px)}
.js-motion .statement-copy.motion-side{transform:translateX(35px)}
.js-motion .motion-lift{transform:translateY(45px) scale(.96);transition:opacity .7s var(--reveal-delay,0ms),transform .95s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.js-motion .motion-step{transform:translateX(36px)}
.js-motion .motion-step>span{transform:scale(.5) rotate(-20deg);transition:transform .8s cubic-bezier(.2,1.6,.4,1) .12s}
.js-motion .motion-step.visible>span{transform:none}
.js-motion .reveal.visible{transform:none}
.js-motion .build-card .image-wrap{clip-path:inset(0 0 12% 0);transition:clip-path 1.05s cubic-bezier(.2,.7,.2,1)}
.js-motion .build-card.visible .image-wrap{clip-path:inset(0)}
.js-motion .package li{opacity:0;transform:translateX(12px);transition:opacity .5s,transform .6s}
.js-motion .package.visible li{opacity:1;transform:none;transition-delay:.25s}
.js-motion .package.visible li:nth-child(2){transition-delay:.34s}.js-motion .package.visible li:nth-child(3){transition-delay:.43s}
.js-motion .tech-tags span{animation:tagDrift 4s ease-in-out infinite}.tech-tags span:nth-child(2){animation-delay:-1.3s}.tech-tags span:nth-child(3){animation-delay:-2.6s}
.button:active{transform:scale(.97)}
.tap-wave{position:absolute;pointer-events:none;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff8;animation:tapWave .65s ease-out forwards}
.faq details[open] p{animation:faqOpen .4s ease both}
.hero-bottom:before{content:'';position:absolute;left:0;top:-1px;width:70px;height:2px;background:var(--acid);animation:scanner 7s ease-in-out infinite alternate}
@keyframes tagDrift{50%{transform:translateY(-4px)}}
@keyframes tapWave{to{transform:scale(24);opacity:0}}
@keyframes faqOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes scanner{to{left:calc(100% - 70px)}}
@media(max-width:640px){
 .hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:hidden}
 .hero-content{order:0;padding:30px 24px 22px;max-width:none}
 .hero h1{font-size:clamp(58px,15.5vw,91px);line-height:.94;margin-bottom:17px}
 .hero .eyebrow{margin-bottom:17px}
 .hero-content>p{margin-bottom:0;font-size:12px}
 .hero-actions{margin-top:20px;gap:12px 20px}
 .hero-actions .button{min-height:46px}
 .instagram-hero{font-size:10px}
 .hero-photo{position:relative;inset:auto;order:1;z-index:0;display:block;width:100%;height:clamp(210px,61vw,355px);object-fit:cover;object-position:50% 43%;animation:carArrive 1.15s cubic-bezier(.16,1,.3,1) both}
 .hero-shade{display:none}
 .hero-bottom{position:relative;inset:auto;order:2;margin:0 24px;padding:15px 0 17px;gap:12px;background:var(--bg)}
 .hero-number{display:none}
 .build-card .image-wrap{aspect-ratio:1.4}
 .js-motion .reveal{transform:translateY(25px)}
 .js-motion .motion-side{transform:translateX(-22px)}
 .js-motion .statement-copy.motion-side,.js-motion .motion-step{transform:translateX(22px)}
 .js-motion .reveal.visible{transform:none}
}
@keyframes carArrive{from{opacity:0;transform:translateX(35px) scale(1.03)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal,.js-motion .reveal .headline-line,.js-motion .reveal h1 em,.js-motion .reveal h2>span,.js-motion .package li{opacity:1;transform:none}.js-motion .build-card .image-wrap{clip-path:none}.tap-wave{display:none}}
@media(max-width:640px){.hero-photo{height:clamp(190px,52vw,300px);object-position:50% 20%}}
/* Mobile hero: copy overlays the station backdrop, never the car. */
@media(max-width:640px){
 .hero{display:block;height:650px;min-height:0;max-height:none;background:#0a0a0a}
 .hero-content{position:relative;z-index:2;padding:27px 24px 0}
 .hero h1{font-size:clamp(54px,14.8vw,84px);line-height:.94;margin-bottom:14px}
 .hero .eyebrow{font-size:7px;margin-bottom:15px}
 .hero-content>p{font-size:11px;line-height:1.65}
 .hero-actions{margin-top:16px;gap:10px 18px}
 .hero-actions .button{min-height:43px;padding:12px 17px;font-size:11px}
 .hero-actions .text-link{font-size:10px}
 .hero-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;animation:none}
 .hero-shade{display:block;z-index:-2;background:linear-gradient(180deg,#080808e8 0%,#080808c9 22%,#080808b0 43%,#08080812 60%,#08080805 85%,#080808e8 100%)}
 .hero-bottom{position:absolute;left:24px;right:24px;bottom:0;margin:0;background:transparent;padding:13px 0 16px;z-index:2}
}
@media(max-width:360px){.hero{height:630px}.hero h1{font-size:51px}.hero-content{padding-left:20px;padding-right:20px}.hero-actions{gap:8px 14px}}
@media(max-width:640px){.hero{height:640px;background-image:linear-gradient(#08080875,#08080875),url(assets/calvo-c5-clean.jpg);background-size:cover;background-position:center top}.hero-photo{top:auto;bottom:39px;height:295px;object-fit:cover;object-position:50% 20%;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 100%)}.hero-shade{background:linear-gradient(180deg,#080808b0 0%,#080808bf 40%,#08080875 50%,transparent 66%,transparent 89%,#080808ed 100%)}}
/* Extra motion: headline choreography, rolling platforms and light passes. */
.platform-strip>div{min-width:0;overflow:hidden;flex:1;max-width:900px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.platform-track{display:flex;width:max-content;animation:platformRoll 25s linear infinite}
.platform-track>span{display:block;padding-right:35px;white-space:nowrap}
.platform-strip:hover .platform-track{animation-play-state:paused}
.motion-word{display:inline-block;color:inherit;opacity:0;transform:translateY(24px) rotate(3deg);transition:opacity .6s ease calc(.08s + var(--word-delay,0ms)),transform .85s cubic-bezier(.16,1,.3,1) calc(.08s + var(--word-delay,0ms))}
.visible .motion-word{opacity:1;transform:none}
.image-wrap:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#fff2 50%,transparent 60%);transform:translateX(-75%);pointer-events:none}
.build-card.visible .image-wrap:after{animation:photoLight 6s 1.1s ease-in-out infinite}
.image-badge{transition:transform .4s}.build-card:hover .image-badge{transform:translateY(3px)}
.package:before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--acid),transparent);transform:scaleX(0);transform-origin:left;pointer-events:none}
.package.visible:before{animation:edgeCharge 4s ease-in-out infinite}
.package:nth-child(2):before{animation-delay:.7s}.package:nth-child(3):before{animation-delay:1.4s}
.package.visible .package-num{animation:numberNudge 5s ease-in-out infinite}
.package.visible .price{animation:priceArrive .8s .1s both}
.hero-actions .button:after,.closing .visible .button:after{animation:buttonSweep 5s 2s ease-in-out infinite}
.process li.visible>span{animation:stepPulse 4s 1s ease-in-out infinite}
.card-link{background-image:linear-gradient(var(--acid),var(--acid));background-size:0 1px;background-position:left bottom;background-repeat:no-repeat;transition:background-size .4s,color .4s}.build-card:hover .card-link{background-size:100% 1px;color:var(--acid)}
.text-link{transition:color .25s,text-underline-offset .25s}.text-link:hover{text-underline-offset:9px;color:var(--acid)}
.faq details[open] summary:after{animation:togglePop .35s ease}
.js-motion .closing .visible h2 em{display:inline-block;animation:colorBreathe 5s ease-in-out infinite}
@keyframes platformRoll{to{transform:translateX(-50%)}}
@keyframes photoLight{0%,40%{transform:translateX(-75%)}75%,100%{transform:translateX(75%)}}
@keyframes edgeCharge{0%,100%{transform:scaleX(0);opacity:.3}45%,65%{transform:scaleX(1);opacity:1}}
@keyframes numberNudge{0%,85%,100%{transform:translateY(0)}90%{transform:translateY(-5px)}}
@keyframes priceArrive{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@keyframes stepPulse{0%,100%{color:var(--acid)}50%{color:#f5ffd1}}
@keyframes togglePop{50%{transform:rotate(90deg) scale(1.3)}}
@keyframes colorBreathe{50%{color:#f1ffbb}}
@media(prefers-reduced-motion:reduce){.motion-word{opacity:1;transform:none}.platform-track{animation:none}.image-wrap:after,.package:before{display:none}}
/* Coachbuilt concept: rooflines, vented panels, wheels and exhaust. */
.platform-strip{padding-top:22px;padding-bottom:22px;background:linear-gradient(#161817,#090a09);border-bottom:3px solid #363c33}
.platform-strip>div{max-width:none}.brand-set{display:flex!important;align-items:center;gap:45px;padding-right:45px!important}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:110px;height:66px;flex:none}.brand-badge img{max-width:108px;max-height:58px;object-fit:contain;filter:drop-shadow(0 3px 3px #0009)}
.coachwork{position:relative;border-top:1px solid #475044;border-bottom:1px solid #1c211b;background-image:linear-gradient(125deg,#ffffff03,transparent 45%);border-radius:55px 10px 45px 10px;margin-top:24px}
.coachwork:after{content:'';position:absolute;right:20px;top:27px;width:58px;height:20px;transform:skewX(-25deg);background:repeating-linear-gradient(0deg,transparent 0 3px,#555c4d 3px 5px);opacity:.45;pointer-events:none}
.builds .image-wrap{border-radius:70px 20px 8px 8px;border:1px solid #4c5545;box-shadow:inset 0 -8px #000}.builds .image-wrap:before{content:'';position:absolute;left:14px;right:14px;bottom:10px;height:5px;border-radius:10px;background:linear-gradient(90deg,#d81e1e 0 9%,#252b24 10% 89%,#f8ffd1 91%);z-index:2}
.services{padding-bottom:120px}.package-grid{gap:30px;padding-top:55px}
.tune-car{margin-top:25px;margin-bottom:55px;border-radius:35px 24px 16px 16px;border-color:#56604b;background:linear-gradient(135deg,#242921,#0f120f 70%);padding-top:37px;padding-bottom:35px;box-shadow:inset 0 5px 0 #ffffff07,0 20px 35px #0008;isolation:isolate}
.car-roof{position:absolute;left:0;right:0;top:-69px;height:78px;z-index:-1}.car-roof svg{width:100%;height:100%;overflow:visible}
.tune-car.featured{background:linear-gradient(135deg,#2d3520,#10150d 70%);border-color:#a3c143}.tune-car:before{top:0;left:30px;right:25px}
.tune-car .package-num{font-size:26px;border:1px solid #5a6650;border-radius:4px;padding:3px 9px;width:fit-content;color:#b8c5a6;background:#090d08}
.tune-car .package-ribbon{top:25px;font-size:7px}
.car-undercarriage{height:10px;position:absolute;bottom:-4px;left:0;right:0;background:linear-gradient(#69705e,#111910 60%);border-radius:0 0 10px 10px;z-index:2}
.tire{position:absolute;width:60px;height:60px;border:9px solid #080908;border-radius:50%;background:repeating-conic-gradient(#a8ada1 0 8deg,#292f28 8deg 40deg,#71796a 40deg 46deg,#171d16 46deg 72deg);bottom:-28px;box-shadow:0 0 0 2px #464e3e,0 9px 10px #000a}.tire:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#b4baa9;box-shadow:0 0 0 3px #171c14}.tire.rear{left:24px}.tire.front{right:24px}
.exhaust{position:absolute;left:-12px;bottom:1px;width:20px;height:12px;border:3px solid #89927e;background:#080a06;border-radius:4px;z-index:3}
.tail-light{position:absolute;left:0;bottom:28px;width:6px;height:17px;background:#e12725;box-shadow:-2px 0 12px #f9212460}.head-light{position:absolute;right:0;bottom:28px;width:6px;height:19px;background:#efffb7;box-shadow:3px 0 15px #d9ff4280}
.exhaust-fire{position:absolute;left:-53px;bottom:-1px;width:46px;height:17px;transform-origin:right center;border-radius:80% 20% 20% 80%;background:radial-gradient(ellipse at right,#fffdd8 0 12%,#72c8ff 16%,#ffc53b 35%,#ff5c12 60%,transparent 72%);opacity:0;pointer-events:none}
.tune-car.visible .exhaust-fire{animation:exhaustPop 4.6s var(--car-delay) infinite}
.exhaust-smoke{position:absolute;left:-15px;bottom:0;pointer-events:none}.exhaust-smoke i{position:absolute;width:30px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#c6ccbf44,#8b968a16 60%,transparent 75%);opacity:0;transform-origin:right;filter:blur(2px)}
.tune-car.visible .exhaust-smoke i{animation:exhaustDrift 3.4s infinite}.exhaust-smoke i:nth-child(2){animation-delay:.8s!important}.exhaust-smoke i:nth-child(3){animation-delay:1.6s!important}.exhaust-smoke i:nth-child(4){animation-delay:2.4s!important}
.tune-car:hover .tire{animation:wheelKick 1s linear infinite}
.process ol{position:relative;border-left:3px dashed #353c30;padding-left:25px}.process li{border-bottom:1px solid #323c2c}.process li>span{background:#141b10;border:1px solid #7d915c;border-radius:50%;width:38px;height:38px;flex:none;display:grid;place-items:center}
.closing{border-radius:70px 12px 0 0;border-top:3px solid #697952;background-image:repeating-linear-gradient(125deg,#ffffff03 0 1px,transparent 1px 6px),linear-gradient(120deg,#1e2617,#090c08)}
@keyframes exhaustPop{0%,55%,71%,100%{opacity:0;transform:scaleX(.3)}58%,65%{opacity:1;transform:scaleX(1)}61%,68%{opacity:.7;transform:scaleX(.65)}}
@keyframes exhaustDrift{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:.7}100%{opacity:0;transform:translate(-90px,-35px) scale(2.8)}}
@keyframes wheelKick{to{rotate:-360deg}}
@media(max-width:640px){.platform-strip{padding:16px 20px}.brand-set{gap:25px;padding-right:25px!important}.brand-badge{width:80px;height:45px}.brand-badge img{max-width:78px;max-height:42px}.coachwork{margin:15px 10px 0;padding-left:20px;padding-right:20px;border-radius:35px 8px 28px 8px}.coachwork:after{right:16px;top:20px;width:35px;height:13px}.section-heading{padding-top:9px}.package-grid{padding-top:40px;gap:90px}.tune-car{margin:20px 13px 0;padding:32px 23px 34px;border-radius:28px 20px 15px 15px}.car-roof{top:-65px;height:73px}.tune-car .package-ribbon{right:14px;top:21px}.tire{width:55px;height:55px;bottom:-25px}.tire:after{inset:10px}.services{padding-bottom:100px}.exhaust-fire{left:-40px;width:34px}.exhaust-smoke i{width:24px;height:20px}.process ol{padding-left:17px}.closing{border-radius:40px 8px 0 0}}
@media(prefers-reduced-motion:reduce){.exhaust-fire,.exhaust-smoke{display:none}.tire{animation:none!important}}
/* Wide, low car bodies rather than tall generic pricing boxes. */
.package-grid{grid-template-columns:1fr;gap:95px;max-width:980px;margin:auto}
.tune-car{display:grid;grid-template-columns:1.15fr 1fr;column-gap:45px;row-gap:8px;padding:26px 55px 38px;min-height:280px;margin-bottom:25px;border-radius:65px 95px 23px 23px}
.car-roof{left:15%;right:18%;top:-83px;height:90px}
.tune-car .package-num{grid-column:1;grid-row:1;margin:0 0 8px;font-size:19px}
.tune-car h3{grid-column:1;grid-row:2;margin:0;font-size:38px}
.tune-car>p{grid-column:1;grid-row:3;margin:0;min-height:0;max-width:none}
.tune-car .price{grid-column:2;grid-row:2 / 4;margin:0;align-self:center;justify-self:end;text-align:right}
.tune-car ul{grid-column:1;grid-row:4 / 6;padding:14px 0 0;margin-top:8px}
.tune-car>.button{grid-column:2;grid-row:5;align-self:end;width:100%;margin:0}
.tune-car .package-ribbon{top:25px;right:55px}
.tire.rear{left:12%}.tire.front{right:12%}
@media(max-width:640px){.package-grid{gap:83px;padding-top:40px}.tune-car{column-gap:16px;row-gap:9px;padding:24px 20px 34px;margin:15px 2px 15px;border-radius:35px 50px 16px 16px;grid-template-columns:1fr 1fr;min-height:315px}.car-roof{left:2%;right:4%;top:-64px;height:72px}.tune-car h3{font-size:29px}.tune-car>p{font-size:10px}.tune-car .price{font-size:43px}.tune-car .price.custom{font-size:32px}.tune-car .price small{font-size:8px;max-width:95px;margin-left:auto}.tune-car ul{font-size:9px;padding-top:10px}.tune-car li{gap:6px;padding:5px 0}.tune-car>.button{font-size:10px;padding:12px 8px}.tune-car .package-ribbon{top:24px;right:20px;font-size:6px;max-width:110px}.tire{width:49px;height:49px;border-width:8px}.tire:after{inset:8px}.tire.rear{left:12%}.tire.front{right:12%}}
@keyframes exhaustPop{0%,55%,71%,100%{opacity:.5;transform:scaleX(.35) scaleY(.7)}58%,65%{opacity:1;transform:scaleX(1)}61%,68%{opacity:.8;transform:scaleX(.65)}}
/* Each package borrows a different GM silhouette. */
.brand-badge img[alt="Cadillac"]{filter:brightness(0) invert(1) drop-shadow(0 2px 3px #0008)}
.car-corvette{border-radius:28px 110px 16px 26px;background:linear-gradient(155deg,#263328,#0d130f 70%)}
.car-corvette .car-roof{left:10%;right:8%;top:-72px;height:80px}
.car-corvette .head-light{height:7px;width:21px;right:9px;bottom:35px;transform:skew(-20deg)}
.car-corvette .tail-light{height:12px;width:12px;border-radius:50%;left:4px;bottom:31px;box-shadow:14px 0 0 #e12725,-2px 0 12px #f9212460}
.car-corvette .tire.front{width:64px;height:64px}.car-corvette .tire.rear{width:70px;height:70px;bottom:-32px}
.side-vent{position:absolute;right:27%;bottom:32px;width:45px;height:14px;transform:skew(-25deg);background:repeating-linear-gradient(0deg,#0a1008 0 3px,#708362 3px 4px);border-radius:3px}
.car-camaro{border-radius:18px 25px 14px 14px;border-color:#71839d;background:linear-gradient(145deg,#26303c,#10131a 70%)}
.car-camaro .car-roof{left:7%;right:9%;top:-82px;height:90px}.car-camaro .car-undercarriage{background:linear-gradient(#8795ab,#10131c 60%)}
.car-camaro .head-light{width:19px;height:7px;right:3px;bottom:30px;box-shadow:0 11px 0 #d9e6ff,3px 0 15px #c9dcff80;background:#d9e6ff}
.car-camaro .tail-light{width:19px;height:8px;left:3px;bottom:32px;border-radius:2px}
.car-camaro .side-vent{width:32px;height:18px;right:29%;transform:skew(0);background:repeating-linear-gradient(90deg,#0a0d14 0 6px,#687990 6px 8px)}
.car-cadillac{border-radius:10px 18px 8px 8px;border-color:#b7a57b;background:linear-gradient(145deg,#302e26,#14140f 70%)}
.car-cadillac .car-roof{left:4%;right:5%;top:-83px;height:91px}.car-cadillac .head-light{height:31px;width:5px;bottom:20px;background:#fff1ca}.car-cadillac .tail-light{height:35px;width:5px;bottom:18px;background:#fa3b36}
.car-cadillac .car-undercarriage{background:linear-gradient(#c4b78d,#1d1c15 60%)}.car-cadillac .side-vent{background:repeating-linear-gradient(90deg,#11120c 0 3px,#958c73 3px 4px);width:28px;height:18px;transform:none}
@media(max-width:640px){.car-corvette{border-radius:22px 65px 14px 22px}.car-corvette .car-roof{top:-55px;height:64px;left:0;right:0}.car-camaro .car-roof,.car-cadillac .car-roof{top:-63px;height:72px;left:0;right:0}.car-corvette .tire.front{width:52px;height:52px}.car-corvette .tire.rear{width:58px;height:58px;bottom:-28px}.side-vent{width:25px;right:30%;bottom:19px;height:10px}.car-camaro .side-vent,.car-cadillac .side-vent{width:20px;height:12px;bottom:19px}}
.brand-badge img[alt="Cadillac"]{filter:brightness(0) invert(1);width:76px;height:48px}.brand-badge img[alt="Camaro"]{width:54px;height:54px;max-height:54px}@media(max-width:640px){.brand-badge img[alt="Cadillac"]{width:66px;height:38px}.brand-badge img[alt="Camaro"]{width:40px;height:40px}}
.brand-badge img[alt="Pontiac"]{clip-path:inset(0 0 23% 0);transform:translateY(5px)}.brand-badge img[alt="Corvette"]{clip-path:inset(0 0 16% 0)}
.wordmark{display:block;width:235px;line-height:0}.wordmark img{display:block;width:100%;height:auto}footer .wordmark{width:200px}@media(max-width:640px){.header .wordmark{width:165px}footer .wordmark{width:160px}}@media(max-width:360px){.header .wordmark{width:145px}}
.client-build-heading{margin:75px 0 35px;padding-top:32px;border-top:1px solid #414937}.client-build-heading h3{font:800 58px/.94 var(--display);margin:0 0 17px}.client-build-heading h3 span{color:#858e7b}.client-build-heading>p:last-child{font-size:12px;color:#aaa}.client-build-grid{gap:45px 28px;grid-template-columns:1fr 1fr}.client-build-grid .build-card:nth-child(2){margin-top:0}.client-build-grid .image-wrap{aspect-ratio:1.45}.client-build-grid .card-body{gap:15px;align-items:flex-start}.client-build-grid .card-body>div{min-width:0;flex:1}.client-build-grid h3{font-size:31px;line-height:1.03}.client-build-grid .power{flex:none;font-size:50px;min-width:90px;text-align:right}.client-build-grid .power small{font-size:8px;line-height:1.4}.build-notes{font-size:11px;color:#949c8e;line-height:1.8;margin-bottom:17px}.client-media{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:65px;padding-top:32px;border-top:1px solid #414937}.client-media img,.client-media video{display:block;width:100%;height:400px;object-fit:cover;border:1px solid #414937;border-radius:28px 8px 12px 8px;background:#111}.client-media img{object-position:center 30%}.client-media video{object-fit:contain}.client-media p:not(.eyebrow){font-size:10px;color:#999;margin-top:12px}
@media(max-width:640px){.client-build-heading{margin-top:50px}.client-build-heading h3{font-size:46px}.client-build-grid{grid-template-columns:1fr;gap:40px}.client-build-grid h3{font-size:28px}.client-build-grid .power{font-size:44px;min-width:80px}.client-build-grid .card-body{gap:12px}.build-notes{font-size:10px}.client-media{grid-template-columns:1fr;gap:30px;margin-top:45px}.client-media img{height:290px}.client-media video{height:auto;max-height:480px;min-height:220px}}
.dyno-proof{margin:20px 0}.dyno-proof img{display:block;width:100%;height:auto;border:1px solid #414937;border-radius:10px}.dyno-proof figcaption{font-size:8px;letter-spacing:1px;color:#b2bba8;padding:9px 0}
.client-build .image-wrap{display:block}.client-build-grid .client-build{margin-top:0}.client-build .image-wrap img{object-position:center}.client-build .build-extra{padding:8px 0 15px;border-bottom:1px solid #414937}.client-build .build-extra summary{font-size:11px;color:#c2ccad;min-height:44px}.build-extra .build-notes{margin:5px 0 16px}.build-video{display:block;width:100%;max-height:460px;background:#050505;object-fit:contain;margin:15px 0;border:1px solid #414937;border-radius:10px}.client-build .card-body{min-height:78px}.client-build-grid .client-build:last-child .image-wrap img{object-position:center 28%}
.car-gallery{min-width:0;margin:0 0 4px}.gallery-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border:1px solid #4c5545;border-radius:35px 12px 8px 8px;-webkit-overflow-scrolling:touch}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;min-width:0;aspect-ratio:1.45;scroll-snap-align:start;scroll-snap-stop:always;position:relative;background:#080a08}.gallery-slide .image-wrap{width:100%;height:100%;aspect-ratio:auto!important;border:0;border-radius:0;clip-path:none!important}.gallery-slide img{width:100%;height:100%;object-fit:cover}.gallery-slide .dyno-proof{margin:0;width:100%;height:100%;display:flex;flex-direction:column}.gallery-slide .dyno-proof img{width:100%;height:calc(100% - 27px);object-fit:contain;border:0;border-radius:0;background:#111}.gallery-slide figcaption{height:27px;padding:7px 10px;font-size:7px;line-height:1.5}.gallery-slide .build-video{width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}.gallery-caption{font-size:9px;color:#a8b09d;letter-spacing:.5px}.gallery-dots{display:flex;gap:3px}.gallery-dot{border:0;background:transparent;width:29px;height:38px;padding:10px;cursor:pointer;display:grid;place-items:center}.gallery-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#505b46;transition:width .2s,background .2s}.gallery-dot[aria-pressed="true"]:before{width:17px;border-radius:4px;background:var(--acid)}.car-gallery+.card-body{margin-top:10px}.gallery-track:focus-visible{outline:2px solid var(--acid);outline-offset:4px}@media(max-width:640px){.gallery-track{border-radius:26px 10px 8px 8px}.gallery-slide{aspect-ratio:1.3}.video-slide{aspect-ratio:1.3}.gallery-caption{font-size:8px}}
/* Center the C5 itself in The business card cover. */ .build-grid:not(.client-build-grid)>.build-card.primary .image-wrap img{object-position:50% 28%}
.build-grid:not(.client-build-grid)>.build-card.primary .image-wrap img{object-position:50% 10%}@media(max-width:640px){.build-grid:not(.client-build-grid)>.build-card.primary .image-wrap img{object-position:50% 20%}}
.build-grid:not(.client-build-grid) .card-body{gap:16px;align-items:flex-start}.build-grid:not(.client-build-grid) .card-body>div{min-width:0;flex:1}.build-grid:not(.client-build-grid) .power{flex:none;text-align:right}.build-grid:not(.client-build-grid) .power small{max-width:125px;line-height:1.5;font-size:7px}@media(max-width:640px){.build-grid:not(.client-build-grid) .power{font-size:44px}.build-grid:not(.client-build-grid) .power small{max-width:105px}}