:root{--bg:#070709;--panel:#0e0e12;--ink:#f5f2ec;--muted:#97969b;--line:rgba(255,255,255,.10);--red:#d24f42;--red2:#8d211d;--champ:#d3bd98;--max:1240px;--ease:cubic-bezier(.16,.84,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);background:
radial-gradient(900px 500px at 74% 5%,rgba(210,79,66,.10),transparent 58%),
linear-gradient(180deg,#060608,#09090c 58%,#050506);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.shell{width:min(var(--max),calc(100% - 44px));margin:auto}
header{position:fixed;inset:0 0 auto 0;z-index:50;transition:.3s;border-bottom:1px solid transparent}header.scrolled{background:rgba(6,6,8,.78);backdrop-filter:blur(16px);border-color:var(--line)}
nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-weight:900;font-size:15px;letter-spacing:.24em}.logo i{font-style:normal;color:var(--red)}.navlinks{display:flex;gap:28px;color:#aaa9ae;font-size:13px}.navlinks a:hover{color:white}.book{padding:11px 15px;border:1px solid rgba(210,79,66,.36);background:rgba(210,79,66,.08);color:#f0aaa4;font-size:12px;font-weight:800}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#0c0c0f;color:#fff;font-size:20px;cursor:pointer}.mobile-nav{display:none;position:absolute;left:14px;right:14px;top:68px;padding:10px;border:1px solid var(--line);background:rgba(8,8,10,.98);box-shadow:0 24px 60px rgba(0,0,0,.55);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.24s var(--ease)}.mobile-nav.open{opacity:1;transform:none;pointer-events:auto}.mobile-nav a{display:flex;align-items:center;min-height:48px;padding:0 13px;color:#b7b3b4}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:rgba(255,255,255,.06);color:#fff}
.demo{position:fixed;right:14px;bottom:14px;z-index:90;padding:8px 10px;background:var(--red);color:white;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.hero{min-height:100svh;padding:124px 0 66px;display:flex;align-items:center;position:relative}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.20em;text-transform:uppercase;color:#b8b2ac}.eyebrow b{color:var(--red)}
h1{font-size:clamp(58px,7.5vw,110px);line-height:.84;letter-spacing:-.07em;margin:24px 0;font-weight:760}h1 span{display:block;color:var(--champ)}
.lead{max-width:620px;color:#9d9aa0;font-size:18px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{min-height:50px;padding:0 18px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:850;letter-spacing:.03em}.btn.primary{background:var(--ink);color:#0a0a0c}.btn.red{border-color:rgba(210,79,66,.40);color:#efaaa5;background:rgba(210,79,66,.08)}
.carstage{min-height:600px;position:relative;display:grid;place-items:center;perspective:1200px}.spot{position:absolute;width:520px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(210,79,66,.16),transparent 68%);filter:blur(26px);animation:spot 6s ease-in-out infinite}@keyframes spot{0%,100%{transform:translateX(-50px)}50%{transform:translateX(70px)}}
.photo-stage{display:block;min-height:600px;border:1px solid var(--line);background-image:url('assets/vanta-hero.webp');background-size:cover;background-position:center;overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.55)}.photo-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,8,.35),transparent 45%),linear-gradient(180deg,transparent 58%,rgba(6,6,8,.72))}.photo-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 55%,transparent 20%,rgba(6,6,8,.15) 65%)}.photo-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:end}.photo-caption span{font:10px ui-monospace,monospace;letter-spacing:.14em;color:#c9b795}.photo-caption b{font-size:14px;color:#eee9e1;font-weight:650}
.car{width:min(95%,610px);height:240px;position:relative;filter:drop-shadow(0 35px 30px rgba(0,0,0,.55));animation:float 6.5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-9px) rotateX(1.5deg)}}
.car-body{position:absolute;left:5%;right:5%;bottom:40px;height:90px;background:linear-gradient(180deg,#39383d,#111115 55%,#070708);border-radius:90px 110px 36px 32px;clip-path:polygon(4% 44%,20% 36%,31% 9%,66% 7%,80% 29%,95% 37%,100% 57%,96% 78%,80% 82%,18% 82%,4% 70%,0 55%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.car-body:before{content:"";position:absolute;left:31%;top:12%;width:36%;height:34%;background:linear-gradient(150deg,#171a1f,#06070a);clip-path:polygon(8% 100%,28% 0,76% 0,100% 100%);border-top:1px solid rgba(255,255,255,.22)}
.light{position:absolute;right:6%;top:48%;width:55px;height:9px;background:linear-gradient(90deg,transparent,#ff6a5d);filter:blur(1px);box-shadow:0 0 18px rgba(255,79,68,.9);animation:light 2.8s ease-in-out infinite}@keyframes light{0%,100%{opacity:.35}50%{opacity:1}}
.wheel{position:absolute;bottom:34px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,#202126 0 25%,#77787e 26% 31%,#0c0c0e 32% 64%,#17171a 65%);box-shadow:0 0 0 2px #050506}.w1{left:19%}.w2{right:18%}
.floor{position:absolute;bottom:74px;width:90%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);box-shadow:0 22px 42px rgba(210,79,66,.25)}
.marquee{border-block:1px solid var(--line);overflow:hidden}.marquee-track{display:flex;gap:20px;white-space:nowrap;padding:14px 0;animation:mar 24s linear infinite}.marquee-track span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c2bdb8}.marquee-track span:after{content:"×";color:var(--red);margin-left:20px}@keyframes mar{to{transform:translateX(-50%)}}
.section{padding:108px 0;border-top:1px solid var(--line)}.section h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:14px 0 18px}.section-copy{max-width:700px;color:#96949a;line-height:1.75}
.disciplines{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.discipline{min-height:360px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.008));padding:28px;position:relative;overflow:hidden;transition:.35s}.discipline:hover{transform:translateY(-7px);border-color:rgba(210,79,66,.28)}.discipline:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(210,79,66,.10),transparent 62%);right:-100px;bottom:-110px}
.discipline .n{font:10px ui-monospace,monospace;color:#6f6e74}.discipline h3{font-size:28px;margin:58px 0 12px;letter-spacing:-.04em}.discipline p{color:#98969c;font-size:14px;line-height:1.7}.discipline b{position:absolute;bottom:26px;font-size:11px;color:#d7c2a2}
.signature{margin-top:46px;border:1px solid var(--line);min-height:470px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:#0b0b0e}.sig-copy{padding:38px}.sig-copy h3{font-size:48px;letter-spacing:-.055em;margin:10px 0}.sig-copy p{color:#96949a;line-height:1.75}.sig-visual{position:relative;background:radial-gradient(circle at 50% 45%,rgba(210,79,66,.20),transparent 31%),linear-gradient(145deg,#18171a,#08080a)}.sig-visual:before{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.10);transform:skew(-9deg);box-shadow:inset 0 0 60px rgba(210,79,66,.05);animation:frame 6s ease-in-out infinite}@keyframes frame{0%,100%{transform:skew(-9deg) scale(.96)}50%{transform:skew(-9deg) scale(1.02)}}.sig-visual:after{content:"CERAMIC / 9H";position:absolute;right:22px;bottom:22px;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#d3bd98}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.package{border:1px solid var(--line);padding:28px;min-height:410px;position:relative;background:#0b0b0e}.package.featured{border-color:rgba(210,79,66,.36);background:radial-gradient(circle at 50% 0,rgba(210,79,66,.12),transparent 40%),#0d0d10}.package .price{font-size:40px;font-weight:750;letter-spacing:-.05em;margin:18px 0 6px}.package h3{font-size:22px}.package p{color:#97959b;font-size:14px;line-height:1.65}.package ul{list-style:none;padding:0;margin:22px 0}.package li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#b2afb3}.package li:before{content:"—";color:var(--red);margin-right:8px}.package .btn{position:absolute;left:28px;right:28px;bottom:26px}
.photo-check{display:grid;grid-template-columns:1fr .9fr;gap:16px;margin-top:46px}.check-copy{border:1px solid var(--line);padding:34px;background:#0d0d10}.check-copy h3{font-size:40px;letter-spacing:-.05em;margin:0 0 12px}.check-copy p{color:#97959b;line-height:1.7}.upload{border:1px dashed rgba(255,255,255,.18);display:grid;place-items:center;min-height:330px;background:radial-gradient(circle,rgba(210,79,66,.06),transparent 62%)}.upload label{text-align:center;color:#b7b3b4}.upload input{margin-top:14px;max-width:230px}
.automotive-compare{position:relative;height:560px;margin-top:46px;border:1px solid var(--line);overflow:hidden;background:#08080a;isolation:isolate}.compare-layer{position:absolute;inset:0;background-image:url('assets/vanta-hero.webp');background-size:cover;background-position:center}.compare-layer span{position:absolute;z-index:2;top:22px;padding:9px 11px;background:rgba(7,7,9,.82);border:1px solid var(--line);font:10px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.compare-before{filter:saturate(.45) brightness(.56) contrast(.88)}.compare-before::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(120,110,100,.25),transparent 52%),repeating-linear-gradient(104deg,rgba(255,255,255,.025) 0 2px,transparent 2px 12px)}.compare-before span{left:22px}.compare-after{clip-path:inset(0 calc(100% - var(--split)) 0 0);filter:saturate(1.08) contrast(1.07)}.compare-after span{right:22px;color:#e9c9a0}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--split);width:2px;background:#f4eee5;box-shadow:0 0 22px rgba(255,255,255,.35)}.compare-divider b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#f3eee5;color:#09090b;font-size:18px}.automotive-compare input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:none}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#77767b}.field input,.field select,.field textarea{background:#0b0b0e;color:white;border:1px solid var(--line);padding:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(210,79,66,.45)}.field textarea{min-height:120px;resize:vertical}
.photo-progress{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line)}.photo-progress i{display:flex;align-items:center;gap:10px;padding:16px;border-right:1px solid var(--line);font-style:normal;font:10px ui-monospace,monospace;letter-spacing:.1em;color:#646369}.photo-progress i:last-child{border:0}.photo-progress i.active{background:rgba(210,79,66,.1);color:#e8c8c1}.photo-progress span{font:700 11px Inter,ui-sans-serif,sans-serif;letter-spacing:.04em}.photo-form{display:block;margin-top:16px;padding:30px;border:1px solid var(--line);background:#0a0a0d}.photo-step{display:none;margin:0;padding:0;border:0;grid-template-columns:1fr 1fr;gap:14px}.photo-step.active{display:grid}.photo-step legend{grid-column:1/-1;margin:0 0 22px;font-size:28px;font-weight:760;letter-spacing:-.04em}.step-actions{display:flex!important;flex-direction:row!important;justify-content:space-between;gap:10px}.photo-previews{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;min-height:90px;padding:10px;border:1px dashed rgba(255,255,255,.17)}.photo-previews span{align-self:center;color:#77767b;font-size:12px}.photo-previews img{width:100%;aspect-ratio:1;object-fit:cover}.photo-summary{padding:18px;border:1px solid rgba(211,189,152,.24);background:rgba(211,189,152,.06);color:#cfc6bc;font-size:13px;line-height:1.7}.form-result{margin-top:18px;color:#e4c39d;font-weight:720;line-height:1.6}
.comparison{margin-top:18px;border:1px solid var(--line);overflow:auto}.comparison-row{min-width:760px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-bottom:1px solid var(--line)}.comparison-row:last-child{border:0}.comparison-row>*{padding:16px;border-right:1px solid var(--line);font-size:12px}.comparison-row>*:last-child{border:0}.comparison-row b{color:#d5cec6}.comparison-row span{color:#98959a}.comparison-head{background:#111116}.comparison-head span{color:#d3bd98;font-weight:750}.demo-price-note{color:#77757b;font-size:11px;line-height:1.6}.studio-photo{background-image:linear-gradient(90deg,rgba(7,7,9,.15),rgba(7,7,9,.05)),url('assets/vanta-hero.webp');background-size:cover;background-position:center}.studio-photo::before{display:none}
.subhero{padding:142px 0 74px}.subhero h1{font-size:clamp(50px,6vw,84px)}footer{padding:34px 0 50px;color:#6d6b71;font-size:11px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(22px);transition:.75s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.navlinks{display:none}.nav-toggle{display:grid;place-items:center}.mobile-nav{display:block}.hero-grid,.signature,.photo-check{grid-template-columns:1fr}.disciplines,.package-grid{grid-template-columns:1fr 1fr}.carstage{min-height:480px}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.photo-step{grid-template-columns:1fr}.photo-step legend{grid-column:auto}.automotive-compare{height:460px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}nav{height:68px;gap:8px}.logo{font-size:12px;letter-spacing:.19em}.book{padding:10px;font-size:11px}.hero{padding-top:104px;min-height:auto}h1{font-size:clamp(50px,16vw,72px)}.lead{font-size:16px}.carstage{min-height:370px}.photo-stage{min-height:390px;background-position:61% center}.photo-caption{align-items:flex-start;flex-direction:column}.car{height:190px}.wheel{width:56px;height:56px}.disciplines,.package-grid{grid-template-columns:1fr}.section{padding:80px 0}.section h2{font-size:40px}.signature{min-height:auto}.sig-visual{min-height:320px}.package{min-height:390px}.actions .btn{width:100%}.automotive-compare{height:330px}.compare-layer{background-position:62% center}.photo-progress i{padding:12px 8px}.photo-progress span{display:none}.photo-form{padding:22px}.step-actions{flex-direction:column!important}.step-actions .btn{width:100%}.photo-previews{grid-template-columns:repeat(3,1fr)}.demo{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}