:root{
  --bg:#060606; --bg2:#0b0b0c; --panel:#111113; --panel2:#18181b; --panel3:#212126;
  --red:#e10600; --red-h:#ff2a1f; --red-d:#9d0400;
  --tx:#f5f3ef; --mut:#a3a09b; --dim:#6f6c68;
  --line:rgba(255,255,255,.12); --rline:rgba(225,6,0,.55);
  --sans:'Outfit','Poppins','Montserrat','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  --mono:'JetBrains Mono','Geist Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-size:17px;line-height:1.55;color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.eyebrow{display:inline-flex;align-items:center;gap:16px;font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--tx)}
.eyebrow::after{content:"";width:64px;height:2px;background:var(--red);box-shadow:0 0 12px rgba(225,6,0,.7)}
.eyebrow.r{color:var(--red-h)}
h1,h2,h3{font-weight:700;letter-spacing:-.025em;line-height:1.04}
h2{font-size:clamp(34px,4.2vw,56px)}
.red{color:var(--red-h)}
.lede{font-size:19px;color:#d6d3ce;max-width:560px}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--rline) 15%,var(--rline) 85%,transparent)}
svg.i{width:1em;height:1em;display:inline-block;vertical-align:-.12em}

/* slanted buttons */
.sbtn{position:relative;display:inline-flex;filter:drop-shadow(0 8px 22px rgba(225,6,0,.45))}
.sbtn button,.sbtn a{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:.01em;color:#fff;text-decoration:none;border:0;cursor:pointer;
  padding:17px 40px 17px 36px;background:linear-gradient(180deg,#f01a10,#c40500);
  clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);transition:filter .15s}
.sbtn button:hover,.sbtn a:hover{filter:brightness(1.15)}
.sbtn.sm button,.sbtn.sm a{padding:11px 30px 11px 26px;font-size:14.5px;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%)}
.invonly{font-size:12.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--tx);padding-left:22px;border-left:1px solid var(--rline);line-height:1.5}

/* top strip + nav */
.strip{background:#0d0d0e;border-bottom:1px solid rgba(225,6,0,.35);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);text-align:center;padding:8px 20px;line-height:1.5}
.strip b{color:var(--tx);font-weight:500}
.strip i{font-style:normal;color:var(--red-h);margin:0 10px}
.nav{position:relative;z-index:6;background:linear-gradient(180deg,#0c0c0d,var(--bg))}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.nav img.logo{height:56px;width:auto}
.nav ul{display:flex;gap:34px;list-style:none}
.nav ul a{font-size:15px;font-weight:500;text-decoration:none;color:#e6e3de;opacity:.88}
.nav ul a:hover{color:var(--red-h);opacity:1}
.nav .right{display:flex;align-items:center;gap:36px}
.navline{height:2px;background:linear-gradient(90deg,var(--red) 0,var(--red) 38%,rgba(225,6,0,.15) 70%,transparent);box-shadow:0 0 14px rgba(225,6,0,.6)}

/* HERO */
.hero .vwrap{display:contents}
.hero{position:relative;overflow:hidden;background:
  radial-gradient(60% 55% at 78% 18%,rgba(255,255,255,.09),transparent 70%),
  radial-gradient(45% 40% at 72% 88%,rgba(225,6,0,.17),transparent 70%),
  linear-gradient(180deg,#0a0a0b 0,#060606 55%,#0c0506 100%)}
.hero .beam{position:absolute;top:-40px;height:14px;border-radius:10px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);filter:blur(5px);opacity:.55}
.hero .floor{position:absolute;left:0;right:0;bottom:0;height:44%;background:
  radial-gradient(70% 90% at 72% 0,rgba(225,6,0,.16),transparent 70%),
  repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,255,255,.035) 118px 119px),
  linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.0) 30%,#000 100%);
  border-top:1px solid rgba(255,255,255,.07)}
.hero .vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 60% 45%,transparent 55%,rgba(0,0,0,.65) 100%)}
.hero .grid{position:relative;z-index:3;padding-top:72px;padding-bottom:84px;min-height:720px;display:flex;flex-direction:column;justify-content:center}
.hero .copy{max-width:560px}
.hero h1{font-size:clamp(42px,4.7vw,68px);margin:26px 0 22px}
.hero h1 .red{white-space:nowrap}
.hero .sub{font-size:22px;font-weight:500;line-height:1.35;margin-bottom:14px;max-width:440px}
.hero .body{font-size:16.5px;color:#c9c6c1;max-width:500px}
.hero form{margin-top:34px}
.hero .joinrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.emailfield{display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);border-radius:3px;min-width:0}
.emailfield input{background:transparent;border:0;outline:0;color:var(--tx);font:500 16px var(--sans);padding:16px 18px;width:280px;min-width:0}
.emailfield input::placeholder{color:#8f8c87}
.emailfield:focus-within{border-color:var(--red-h);box-shadow:0 0 0 3px rgba(225,6,0,.25)}
.hero .under{display:flex;align-items:center;gap:20px;margin-top:20px}
.msg{display:none;margin-top:14px;font-size:14px;color:#ffd7d3;border-left:2px solid var(--red-h);padding:8px 12px;background:rgba(225,6,0,.1)}
.msg.show{display:block}

.vanstage{position:absolute;z-index:2;right:0;top:175px;width:min(780px,57vw);aspect-ratio:1451/613}
.vanstage .shadow{position:absolute;left:6%;right:2%;bottom:-3%;height:9%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.95),transparent 72%);filter:blur(6px)}
.vanstage .glow{position:absolute;left:8%;right:4%;bottom:-6%;height:16%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,226,170,.07),transparent 70%);filter:blur(20px)}
.vanstage img.v{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 1px rgba(255,240,215,.22)) drop-shadow(0 -6px 28px rgba(255,214,140,.07)) brightness(1.03)}
.vanstage img.rf{position:absolute;left:0;right:0;top:99%;width:100%;height:100%;transform:scaleY(-1);opacity:.22;filter:blur(1.5px) brightness(.9);
  -webkit-mask-image:linear-gradient(0deg,#000 0,transparent 36%);mask-image:linear-gradient(0deg,#000 0,transparent 36%);pointer-events:none}
.vcap{position:absolute;z-index:3;right:40px;bottom:30px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;gap:12px}
.vcap::before{content:"";width:34px;height:1px;background:var(--red-h)}

/* STATEMENT */
.statement{position:relative;padding:76px 0 70px;text-align:center;background:linear-gradient(180deg,#0c0506,var(--bg))}
.statement p{font-size:clamp(28px,3.7vw,50px);font-weight:700;letter-spacing:-.025em;line-height:1.1;max-width:960px;margin:0 auto}
.statement .rules{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:34px}
.statement .rules i{height:1px;width:min(220px,22vw);background:linear-gradient(90deg,transparent,var(--red))}
.statement .rules i:last-child{background:linear-gradient(270deg,transparent,var(--red))}
.statement .rules span{font-size:12.5px;font-weight:600;letter-spacing:.3em;text-transform:uppercase}

/* ROUTE */
.sec{padding:96px 0}
.route-sec{padding-top:40px}
.route-head{text-align:center}
.route-head .eyebrow::before{content:"";width:64px;height:2px;background:var(--red);box-shadow:0 0 12px rgba(225,6,0,.7)}
.route-head h2{margin:20px 0 0}
.route{position:relative;margin-top:56px;padding-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.route .ends{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--mut)}
.route .track{position:absolute;left:0;right:0;top:66px;height:2px;background:linear-gradient(90deg,var(--red-h),var(--red));box-shadow:0 0 14px rgba(225,6,0,.8)}
.route .track::after{content:"";position:absolute;right:-2px;top:-7px;border-left:14px solid var(--red);border-top:8px solid transparent;border-bottom:8px solid transparent}
.stn{position:relative;z-index:1}
.stn .node{width:56px;height:56px;border-radius:50%;background:var(--bg);border:2px solid var(--red-h);box-shadow:0 0 0 6px var(--bg),0 0 22px rgba(225,6,0,.6);display:grid;place-items:center;font-size:19px;font-weight:700;margin-bottom:26px}
.stn .lab{font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--red-h)}
.stn h3{font-size:30px;margin:8px 0 10px}
.stn .one{color:#d0cdc8;font-size:16.5px;max-width:340px}
.stn ul{list-style:none;margin-top:20px;border-top:1px solid var(--line)}
.stn li{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);font-size:15.5px;color:#e8e5e0;line-height:1.4}
.stn li svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--red-h)}

/* LAPTOP */
.tracker-sec{padding:40px 0 100px;position:relative}
.tracker-sec .grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:56px;align-items:center}
.tracker-sec h2{margin:20px 0 18px}
.tracker-sec .note{margin-top:22px;font-size:13px;color:var(--dim);letter-spacing:.04em}
.laptop{position:relative;padding-bottom:20px}
.laptop::before{content:"";position:absolute;left:8%;right:8%;bottom:-6px;height:40px;background:radial-gradient(50% 50% at 50% 50%,rgba(225,6,0,.5),transparent 70%);filter:blur(16px)}
.lid{position:relative;background:#050506;border:9px solid #1e1e22;border-bottom-width:11px;border-radius:18px 18px 4px 4px;box-shadow:0 0 0 1px #34343a,0 30px 60px rgba(0,0,0,.7)}
.lid::before{content:"";position:absolute;top:-6px;left:50%;width:5px;height:5px;margin-left:-2px;border-radius:50%;background:#2c2c32}
.deck{position:relative;height:16px;margin:0 -4.5%;background:linear-gradient(180deg,#d7d7da,#8a8a90 60%,#4a4a50);border-radius:2px 2px 22px 22px / 2px 2px 18px 18px}
.deck::before{content:"";position:absolute;left:50%;top:0;width:18%;height:6px;margin-left:-9%;background:linear-gradient(180deg,#6c6c72,#9a9aa0);border-radius:0 0 10px 10px}
.scr{padding:18px 20px 20px;background:linear-gradient(180deg,#0e0e10,#09090a);min-height:360px}
.scr .top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.scr .brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.scr .brand img{height:20px;width:auto}
.scr .tabs{display:flex;gap:16px;font-size:11.5px;color:var(--dim)}
.scr .tabs b{color:var(--tx);font-weight:600;border-bottom:2px solid var(--red-h);padding-bottom:3px}
.scr .jt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px;flex-wrap:wrap}
.scr .jt h4{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.scr .jt small{display:block;font-size:11.5px;color:var(--dim);font-weight:400;margin-top:2px;letter-spacing:.02em}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:3px;background:rgba(225,6,0,.16);border:1px solid rgba(225,6,0,.6);color:#ffb8b2;white-space:nowrap}
.chip.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red-h);box-shadow:0 0 8px var(--red-h)}
.stepper{display:flex;margin:22px 0 22px;position:relative}
.stepper .s{flex:1;text-align:center;position:relative;font-size:11px;color:var(--mut);font-weight:500}
.stepper .s::before{content:"";position:absolute;top:13px;left:-50%;right:50%;height:2px;background:var(--red-h)}
.stepper .s:first-child::before{display:none}
.stepper .s.todo::before{background:#34343a}
.stepper .d{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid var(--red-h);font-size:12px}
.stepper .d svg{width:14px;height:14px}
.stepper .s.now .d{background:#fff;color:var(--red);border-color:#fff;box-shadow:0 0 0 4px rgba(225,6,0,.35),0 0 18px rgba(225,6,0,.7)}
.stepper .s.now{color:var(--tx);font-weight:600}
.stepper .s.todo .d{background:#16161a;border-color:#34343a;color:var(--dim)}
.scr .body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}
.vpanel{position:relative;border:1px solid var(--line);border-radius:6px;background:radial-gradient(70% 60% at 50% 100%,rgba(255,255,255,.1),transparent 70%),linear-gradient(180deg,#17171a,#0c0c0d);display:grid;place-items:center;padding:18px 10px 12px;min-height:150px}
.vpanel img{width:100%;filter:drop-shadow(0 0 1px rgba(255,240,215,.2))}
.vpanel span{position:absolute;left:10px;top:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.checks{display:flex;flex-direction:column;gap:7px}
.ck{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:8px 11px;font-size:12.5px;font-weight:500;line-height:1.25}
.ck .m{flex:none;width:18px;height:18px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff}
.ck .m svg{width:10px;height:10px}
.ck.now{border-color:var(--rline);background:rgba(225,6,0,.1)}
.ck.now .m{background:transparent;border:2px dashed var(--red-h)}
.ck em{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--red-h);font-weight:600;white-space:nowrap}
.scr .next{margin-top:10px;font-size:11.5px;color:var(--mut)}
.scr .next b{color:var(--tx);font-weight:600}

/* APPROVALS + INTERACTIVE DEMO */
.appr{padding:90px 0 96px;background:radial-gradient(50% 45% at 70% 35%,rgba(225,6,0,.1),transparent 70%),var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.appr h2{margin:20px 0 18px;font-size:clamp(36px,4.6vw,62px)}
.demo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:34px}
.seg{display:inline-flex;border:1px solid var(--rline);background:var(--bg);padding:4px;gap:4px}
.seg button{font:600 14.5px var(--sans);letter-spacing:.02em;color:var(--mut);background:transparent;border:0;padding:12px 24px;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.seg button:hover{color:var(--tx)}
.seg button[aria-pressed="true"]{background:linear-gradient(180deg,#f01a10,#c40500);color:#fff}
button:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.frame{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px rgba(225,6,0,.12)}
.frame[hidden]{display:none}
.chrome{display:flex;align-items:center;gap:16px;padding:11px 16px;background:var(--panel2);border-bottom:1px solid var(--line)}
.chrome .dots{display:flex;gap:6px}.chrome .dots i{width:10px;height:10px;border-radius:50%;background:#3a3a41}
.chrome .url{flex:1;min-width:0;background:#0a0a0b;border-radius:20px;padding:6px 14px;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chrome .url b{color:var(--red-h);font-weight:500;margin-left:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.chrome .live{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tx);white-space:nowrap}
.chrome .live i{width:8px;height:8px;border-radius:50%;background:var(--red-h);box-shadow:0 0 10px var(--red-h);animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.chrome .live i{animation:none}}
.stage{display:grid;grid-template-columns:minmax(0,1fr) 330px}
.dmain{padding:22px 26px 24px;min-width:0}
.jobline{font-size:13.5px;color:var(--mut);letter-spacing:.01em}
.jobline b{color:var(--tx);font-weight:600}
.vrow{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 14px}
.vtabs{display:inline-flex;gap:6px}
.vtabs button{font:600 14px var(--sans);color:var(--mut);background:var(--panel2);border:1px solid var(--line);padding:9px 18px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;border-radius:3px}
.vtabs button small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--red-h)}
.vtabs button[aria-selected="true"]{color:#fff;border-color:var(--red-h);background:rgba(225,6,0,.16)}
.stat{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:3px;border:1px solid var(--line);color:var(--mut);background:var(--panel2)}
.stat.cr{background:var(--red);border-color:var(--red-h);color:#fff}
.stat.ok{background:#fff;color:#000;border-color:#fff}
.stat.rv{border-color:rgba(255,255,255,.4);color:var(--tx)}
.stat svg{width:12px;height:12px}
.art{position:relative;border-radius:6px;background:radial-gradient(80% 90% at 50% 100%,#e8e6e1,#f6f5f2 70%);padding:26px 22px 20px;border:1px solid #fff}
.art img{width:100%;max-width:640px;margin:0 auto;mix-blend-mode:multiply}
.art .vs{position:absolute;left:14px;top:12px;font:700 11px var(--mono);letter-spacing:.12em;color:var(--red-d);border:1.5px solid var(--red-d);padding:3px 8px;transform:rotate(-4deg);background:rgba(255,255,255,.6)}
.art .cp{position:absolute;right:14px;bottom:9px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#77736d}
.notebox{margin-top:14px;border:1px solid var(--rline);background:rgba(225,6,0,.08);padding:14px 16px}
.notebox b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-h);font-weight:600;margin-bottom:4px}
.notebox q{font-size:17px;font-style:italic;color:var(--tx);quotes:"\201C" "\201D"}
.notebox small{display:block;margin-top:6px;color:var(--mut);font-size:13px}
.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:18px}
.b-alt{font:600 16px var(--sans);color:var(--tx);background:transparent;border:1px solid rgba(255,255,255,.5);padding:15px 26px;cursor:pointer;border-radius:3px}
.b-alt:hover,.b-alt[aria-expanded="true"]{border-color:var(--red-h);background:rgba(225,6,0,.12)}
.b-ghost{font:500 15px var(--sans);color:var(--mut);background:transparent;border:0;padding:14px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.b-ghost:hover{color:var(--tx)}
.cbox{margin-top:16px;border-top:2px solid var(--red-h);background:var(--panel2);padding:16px 18px 18px}
.cbox[hidden],.result[hidden],.notebox[hidden],.err[hidden],.actions[hidden]{display:none}
.cbox label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.cbox textarea{width:100%;resize:vertical;min-height:84px;background:#0a0a0b;border:1px solid rgba(255,255,255,.22);border-radius:3px;color:var(--tx);font:500 16px/1.4 var(--sans);padding:12px 14px}
.cbox textarea:focus{border-color:var(--red-h);outline:0;box-shadow:0 0 0 3px rgba(225,6,0,.25)}
.err{margin-top:8px;font-size:14px;color:#ffb8b2}
.cbox .row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.result{margin-top:18px;padding:18px 20px;border:1px solid;display:flex;gap:16px;align-items:flex-start}
.result:focus{outline:0}
.result .ic{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.result .ic svg{width:17px;height:17px}
.result h4{font-size:22px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.result p{margin-top:6px;font-size:15.5px;color:#dedbd6}
.result .yn{margin-top:8px;font-size:14.5px;color:var(--mut)}
.result .yn b{color:var(--tx);font-weight:600}
.result.ok{border-color:#fff;background:rgba(255,255,255,.06)}
.result.ok .ic{background:#fff;color:#000}
.result.cr{border-color:var(--rline);background:rgba(225,6,0,.1)}
.result.cr .ic{background:var(--red);color:#fff}
.result q{display:block;margin-top:8px;font-style:italic;color:var(--tx);quotes:"\201C" "\201D"}
.dfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--dim)}
.reset{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--tx);background:transparent;border:1px solid var(--line);padding:9px 16px;cursor:pointer;border-radius:3px}
.reset:hover{border-color:var(--red-h);color:#fff}
.aside{border-left:1px solid var(--line);background:#0c0c0e;padding:22px 22px 24px;display:flex;flex-direction:column;gap:22px;min-width:0}
.aside h4{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.hist{list-style:none;display:flex;flex-direction:column;gap:12px}
.hist li{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--mut);line-height:1.4}
.hist .vt{flex:none;font-family:var(--mono);font-size:11px;font-weight:700;background:#fff;color:#000;padding:3px 8px;border-radius:2px;margin-top:1px}
.hist li.old .vt{background:transparent;color:var(--mut);border:1px solid var(--line)}
.hist b{display:block;color:var(--tx);font-size:14.5px;font-weight:600}
.hist .tag{display:inline-block;margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:2px;background:var(--panel3);color:var(--tx)}
.hist .tag.cr{background:var(--red);color:#fff}.hist .tag.ok{background:#fff;color:#000}
.hist q[hidden]{display:none}
.hist q{display:block;margin-top:4px;font-style:italic;color:#cfccc7;quotes:"\201C" "\201D"}
.thread{border:1px solid var(--rline);background:rgba(225,6,0,.07);padding:14px 16px;font-size:13.5px;color:#d6d3ce;line-height:1.45}
.thread b{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-h);font-weight:600;margin-bottom:6px}
.thread code{display:block;font-family:var(--mono);font-size:12.5px;color:var(--tx);background:#0a0a0b;border:1px solid var(--line);padding:8px 10px;margin:8px 0}
.demo-note{margin-top:16px;font-size:13px;color:var(--dim);text-align:center}

/* old way */
.old .chrome .url{color:#c9c6c1}
.old .tag-old{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--red-h);white-space:nowrap}
.mailsub{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mailsub h4{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.mailsub .chip{background:transparent;border-color:var(--line);color:var(--mut)}
.em{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.em .av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--panel3);display:grid;place-items:center;font-size:11px;font-weight:700}
.em.cu .av{background:#3a3a41}
.em .h{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--dim)}
.em .h b{color:var(--tx);font-weight:600;font-size:13.5px}
.em p{font-size:15px;color:#d6d3ce;margin-top:2px}
.em .q{font-size:12.5px;color:var(--dim);border-left:2px solid var(--line);padding-left:10px;margin-top:6px}
.att{display:inline-flex;align-items:center;gap:6px;margin:8px 8px 0 0;font:500 12px var(--mono);color:var(--tx);background:var(--panel3);border:1px solid var(--line);padding:4px 9px;border-radius:3px}
.att.bad{border-color:var(--rline);color:#ffb8b2}
.sms{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:14px;background:#0a0a0b;border:1px solid var(--line);border-radius:10px}
.sms small{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.sms span{align-self:flex-start;max-width:86%;background:var(--panel3);padding:8px 13px;border-radius:14px 14px 14px 3px;font-size:14.5px}
.sms span.me{align-self:flex-end;background:#2a6ad8;border-radius:14px 14px 3px 14px;color:#fff}
.wrong{margin-top:16px;border:1px solid var(--red-h);background:rgba(225,6,0,.16);padding:14px 16px;display:flex;gap:12px;align-items:flex-start}
.wrong b{display:block;font-size:18px;letter-spacing:-.01em}
.wrong span{font-size:14.5px;color:#f1d4d1}
.wrong i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-style:normal;font-weight:800}
.chores{list-style:none;display:flex;flex-direction:column;gap:9px}
.chores li{display:flex;gap:10px;font-size:14.5px;color:#d6d3ce;align-items:flex-start;line-height:1.35}
.chores li::before{content:"";flex:none;width:14px;height:14px;margin-top:3px;border:2px solid var(--red-h);border-radius:50%}
.swap{display:block}
@media (max-width:1180px){.stage{grid-template-columns:minmax(0,1fr)}.aside{border-left:0;border-top:1px solid var(--line)}}
@media (max-width:760px){
  .appr{padding:64px 0 70px}
  .demo-head{margin-bottom:26px}
  .seg{width:100%}.seg button{flex:1;padding:12px 6px;font-size:14px}
  .chrome{padding:10px 12px;gap:10px}.chrome .dots{display:none}
  .chrome .url b{display:none}
  .chrome .live{font-size:10px;letter-spacing:.1em}
  .dmain{padding:16px 14px 18px}
  .art{padding:20px 10px 26px}
  .actions{flex-direction:column;align-items:stretch}
  .actions .sbtn{width:100%}.actions .sbtn button{width:100%;justify-content:center;padding:16px 20px}
  .b-alt{width:100%;padding:16px}
  .cbox .row .sbtn{width:100%}.cbox .row .sbtn button{width:100%;justify-content:center}
  .result{flex-direction:column;gap:10px;padding:16px}
  .dfoot{flex-direction:column;align-items:flex-start}
  .aside{padding:18px 14px 20px}
  .vtabs button{padding:9px 14px}
}

/* JOURNEY */
.jour{padding:100px 0}
.jour .head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:end;margin-bottom:44px}
.jour h2{margin-top:20px}
.jour .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:stretch}
.pcard{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45);display:flex;flex-direction:column}
.pcard .bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--panel2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.pcard .bar b{color:var(--tx);font-weight:600}
.tl{padding:22px 24px 14px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.tl .j{position:relative;display:flex;gap:16px;padding-bottom:20px}
.tl .j:last-child{padding-bottom:6px}
.tl .j::before{content:"";position:absolute;left:13px;top:28px;bottom:-2px;width:2px;background:var(--red)}
.tl .j:last-child::before{display:none}
.tl .j.now::before{background:repeating-linear-gradient(180deg,var(--red-h) 0 4px,transparent 4px 8px)}
.tl .b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff;position:relative;z-index:1}
.tl .b svg{width:13px;height:13px}
.tl .j.now .b{background:#fff;color:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.35),0 0 16px rgba(225,6,0,.6)}
.tl .j.todo .b{background:var(--panel);border:2px dashed #46464d}
.tl h4{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.25;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tl p{font-size:14px;color:var(--mut);line-height:1.4;margin-top:2px}
.tl .j.todo h4{color:var(--dim)}
.col2{display:flex;flex-direction:column;gap:26px}
.doc{padding:18px 20px 6px}
.doc .t{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.doc h4{font-size:18px;font-weight:600;letter-spacing:-.01em}
.doc small{font-size:13px;color:var(--mut)}
.doc .pr{height:6px;background:#2a2a2f;border-radius:3px;margin:14px 0 8px;overflow:hidden}
.doc .pr i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red),var(--red-h))}
.doc .lab{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding-bottom:12px}
.chip.w{background:#fff;color:#000;border-color:#fff}
.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px 6px}
.photos .p{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#0b0b0c}
.photos .im{aspect-ratio:4/3;background-color:#141416;background-image:radial-gradient(70% 70% at 50% 100%,rgba(255,255,255,.1),transparent 72%),url(/assets/wrapsky-v5/van-cutout.png);background-repeat:no-repeat}
.photos .mt{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:6px 8px;border-top:1px solid var(--line)}
.pcard .cap{padding:6px 20px 16px;font-size:12.5px;color:var(--dim)}

/* WORKS */
.works{padding:72px 0;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg2))}
.works .grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.works h2{margin:20px 0 18px;font-size:clamp(32px,3.6vw,48px)}
.works p{color:#cfccc7;font-size:17px;max-width:480px}
.diag{position:relative;padding:8px 0}
.diag .nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.diag .n{position:relative;background:var(--panel);border:1px solid var(--line);padding:16px 14px 14px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-left:22px}
.diag .n b{display:block;font-size:19px;font-weight:700;letter-spacing:-.01em}
.diag .n small{font-size:11px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
.diag .n.hot{background:rgba(225,6,0,.2);border-color:var(--rline)}
.diag .stems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;height:30px}
.diag .stems i{justify-self:center;width:2px;background:var(--red-h);box-shadow:0 0 10px rgba(225,6,0,.8)}
.diag .ws{display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,#f01a10,#b60400);padding:15px;font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.diag .ws small{font-size:11px;font-weight:500;letter-spacing:.18em;opacity:.85}
.diag .tr{margin:18px auto 0;width:max-content;max-width:100%;border:1px dashed rgba(255,255,255,.4);padding:10px 18px;font-size:14px;display:flex;gap:10px;align-items:center}
.diag .tr small{color:var(--mut);font-size:12px;letter-spacing:.08em;text-transform:uppercase}

/* BUILT */
.built{position:relative;overflow:hidden;padding:84px 0 0;background:
  radial-gradient(60% 70% at 78% 85%,rgba(225,6,0,.28),transparent 70%),
  linear-gradient(115deg,transparent 60%,rgba(255,255,255,.05) 60.2%,transparent 61%),
  linear-gradient(180deg,var(--bg2),#080405);border-top:1px solid var(--line)}
.built .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end}
.built h2{margin:20px 0 20px;font-size:clamp(36px,4.4vw,60px)}
.built .lede{font-size:17.5px;color:#cfccc7;max-width:520px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.chips span{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--rline);background:rgba(225,6,0,.08);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);padding-inline:20px}
.contact{margin:26px 0 56px;display:flex;gap:34px;flex-wrap:wrap;font-size:14px;color:var(--mut)}
.contact b{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red-h);font-weight:600;margin-bottom:2px}
.built .vv{position:relative;margin-right:-40px;padding-bottom:36px}
.built .vv img.v{filter:drop-shadow(0 0 1px rgba(255,110,100,.28)) drop-shadow(0 -4px 20px rgba(225,6,0,.13))}
.built .vv::after{content:"";position:absolute;left:4%;right:6%;bottom:22px;height:22px;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.9),rgba(255,255,255,.06) 60%,transparent 75%);filter:blur(8px);z-index:-1}

/* CTA */
.final{padding:92px 0;background:var(--bg)}
.final .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:64px;align-items:center}
.final h2{margin:20px 0 20px;font-size:clamp(40px,5vw,70px)}
.form{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--red-h);padding:30px 30px 32px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.form h3{font-size:24px;margin-bottom:4px}
.form .tiny{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:20px}
.form label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:14px 0 6px}
.form input,.form select{width:100%;background:#0a0a0b;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:var(--tx);font:500 16px var(--sans);padding:13px 14px;outline:0}
.form input:focus,.form select:focus{border-color:var(--red-h);box-shadow:0 0 0 3px rgba(225,6,0,.25)}
.form .sbtn{margin-top:24px}

footer{border-top:1px solid var(--line);padding:38px 0 44px;background:#040404}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--mut)}
footer img{height:44px;width:auto}
footer .small{flex-basis:100%;font-size:12px;color:var(--dim);border-top:1px solid var(--line);padding-top:16px}
footer a{color:var(--red-h);text-decoration:none}

/* RESPONSIVE */
@media (min-width:1181px){.stn h3{min-height:64px}.stn .one{min-height:54px}}
@media (max-width:1180px){
  .hero .vwrap{display:block;position:relative;z-index:3;padding:0 40px}
  .nav ul{display:none}
  .vanstage{position:relative;right:auto;top:auto;width:calc(100% + 40px);margin:16px -20px 0 0;max-width:820px}
  .hero .grid{padding-top:56px;padding-bottom:30px;min-height:0}
  .vcap{position:relative;right:auto;bottom:auto;padding:0 40px 38px;justify-content:flex-start;margin-top:-8px}
  .hero .vwrap{position:relative;z-index:3;padding:0 40px}
  .tracker-sec .grid,.jour .head,.jour .grid,.works .grid,.built .grid,.final .grid{grid-template-columns:minmax(0,1fr)}
  .built .vv{margin-right:0}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .strip{font-size:10px;letter-spacing:.1em;padding:7px 14px}
  .strip i{margin:0 5px}
  .nav .wrap{height:68px}.nav img.logo{height:44px}
  .nav .right .sbtn{display:inline-flex}
  .hero .grid{padding-top:40px;padding-bottom:10px}
  .hero h1{margin:20px 0 16px}
  .hero .sub{font-size:19px}
  .emailfield{width:100%}
  .emailfield input{width:100%}
  .hero .joinrow{gap:14px}
  .hero .under{flex-wrap:wrap;gap:12px}
  .hero .vwrap{padding:0 20px}
  .vanstage{width:106%;margin:16px 0 22px -3%}
  .vcap{padding:0 20px 30px;font-size:10px}
  .statement{padding:56px 0 52px}
  .statement .rules span{font-size:10.5px;letter-spacing:.2em}
  .sec{padding:64px 0}
  .route{grid-template-columns:minmax(0,1fr);padding-top:0;margin-top:40px;gap:44px}
  .route .ends{display:none}
  .route .track{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--red-h),var(--red))}
  .route .track::after{right:auto;left:-7px;top:auto;bottom:-6px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid var(--red);border-bottom:0}
  .stn{padding-left:84px}
  .stn .node{position:absolute;left:0;top:0;margin:0}
  .stn h3{font-size:26px;margin-top:4px}
  .tracker-sec{padding:20px 0 64px}
  .tracker-sec .grid{gap:36px}
  .scr{padding:12px 12px 14px}
  .scr .tabs{display:none}
  .scr .jt h4{font-size:16px}
  .stepper .s{font-size:8.5px}
  .stepper .d{width:22px;height:22px;font-size:10px}
  .stepper .s::before{top:10px}
  .stepper .d svg{width:11px;height:11px}
  .scr .body{grid-template-columns:minmax(0,1fr)}
  .ck{font-size:12px}
  .ck em{display:none}
  .appr{padding:64px 0 70px}
  .jour{padding:64px 0}
  .photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 12px 4px}
  .photos .mt{font-size:8px;padding:5px 5px;flex-direction:column;gap:0}
  .tl{padding:18px 16px 10px}
  .works{padding:56px 0}
  .diag .nodes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diag .stems{display:none}
  .diag .ws{margin-top:14px}
  .built{padding-top:60px}
  .contact{margin-bottom:34px}
  .final{padding:64px 0}
  .form{padding:24px 20px 26px}
}

/* Supplied inline presentation, moved here for Content Security Policy. */
[data-v5-style="s1"]{position:absolute}
[data-v5-style="s2"]{left:52%;width:280px;transform:rotate(-4deg)}
[data-v5-style="s3"]{left:80%;width:200px;transform:rotate(-4deg);top:-52px}
[data-v5-style="s4"]{position:absolute;left:-9999px}
[data-v5-style="s5"]{padding-right:18px}
[data-v5-style="s6"]{margin-top:12px}
[data-v5-style="s7"]{flex:1}
[data-v5-style="s8"]{background-size:auto,300% auto;background-position:center,10% 62%}
[data-v5-style="s9"]{background-size:auto,300% auto;background-position:center,46% 30%}
[data-v5-style="s10"]{background-size:auto,300% auto;background-position:center,92% 56%}

/* Final polish: approved v5 composition retained. */
:root{--mut:#b8b5b0;--dim:#a5a19b}
html{scroll-padding-top:24px}
.hero .body{font-size:18px;line-height:1.6}
.hero .sbtn button{font-size:18px;font-weight:700;padding-block:19px}
.sbtn button,.sbtn a{background:linear-gradient(180deg,#dd160d,#bd0500)}
.statement{background:#ece9e3;color:#171719;border-top:1px solid #b7b0a6;border-bottom:1px solid #b7b0a6}
.statement .red{color:#b31810}
.statement .rules{color:#4c4540}
.statement .rules::before,.statement .rules::after{box-shadow:none}
.stn>p,.stn li,.built .lede,.works p{font-size:17px;line-height:1.6}
.dfoot,.doc small,.photos-note,.contact,.thread p,.notebox,.signup-privacy{font-size:14px;line-height:1.5}
.hist q,.hist li,.j p{font-size:15px}
.photos .mt,.hist .tag,.art .cp,.stepper .s{font-size:11.5px}
.art .cp{color:#5b5650}.form .tiny,.form label{font-size:13px}
input::placeholder{color:#a5a19b}
.form .signup-privacy{margin-top:18px;color:var(--mut)}
.signup-error{padding:12px;border-left:3px solid #ff5145;background:#32100f;color:#ffe5e2}
.signup-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:#fff;color:#111;padding:12px}.skip-link:focus{top:10px}
.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;padding:10px;color:var(--tx)}
.mobile-menu nav{position:absolute;right:0;top:100%;min-width:215px;background:#18181b;border:1px solid #777;padding:12px;z-index:20}
.mobile-menu nav a{display:block;padding:10px;text-decoration:none}
.demo-noscript{padding:14px;border:1px solid #777;margin:12px 0}
:focus-visible{outline:3px solid #ffb6ae;outline-offset:4px}
@media(max-width:1100px){.mobile-menu{display:block}.nav ul{display:none}.nav .right{gap:14px}}
@media(max-width:760px){.hero .body{font-size:17px}.stepper .s{font-size:10px}.photos .mt{font-size:10px}.nav .right{gap:4px}.nav .sbtn.sm a{padding-inline:22px;font-size:14px}.pcard .bar{flex-wrap:wrap}.hero h1{font-size:clamp(37px,8vw,60px)}.chrome{flex-wrap:wrap}.chrome .url{flex-basis:100%}.chrome .live{font-size:11px}.thread p,.dfoot{font-size:14px}.scr .jt{flex-wrap:wrap;gap:10px}.ck{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.deck{width:calc(100% + 24px);left:-12px;margin-left:0;transform:none}}
@media(max-width:480px){.stepper{overflow-x:auto;padding-bottom:10px}.stepper .s{flex:1 0 58px;font-size:11px}}

/* Real Tampa Garage project assets; original layout retained. */
.photos img.im{display:block;width:100%;object-fit:cover;background:none}
.photos img.im[src$="tampa-finished.jpg"]{object-position:center}
.built .finished-photo{margin:0;padding-bottom:0}
.built .finished-photo img.v{display:block;width:100%;border:1px solid var(--line);filter:none}
.built .finished-photo::after{display:none}
.finished-photo figcaption{margin-top:12px;font-size:14px;color:var(--dim);line-height:1.5}
.works .agent-note{margin-top:24px;font-size:16px;line-height:1.6}
.agent-note strong{color:var(--tx)}
#demo-proof-image{object-fit:contain;background:#fff}

#demo-proof-image{aspect-ratio:4/3;mix-blend-mode:normal}