:root{
  --bg:#050505;--surface:#0d0d0f;--surface2:#151517;--text:#f5f5f5;
  --muted:#a8a8ad;--line:#27272b;--red:#ef0715;--max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;gap:30px}.brand img{width:150px;height:48px;object-fit:contain;object-position:left center}
nav{display:flex;gap:28px;margin-left:auto}nav a{font-size:14px;color:#d8d8dc}nav a:hover{color:white}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);padding:14px 21px;border-radius:8px;font-weight:800;letter-spacing:-.01em;transition:.2s transform,.2s background}
.button:hover{transform:translateY(-1px);background:#ff1522}.button-small{padding:10px 15px;font-size:14px}.button-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
.button-ghost:hover{background:rgba(255,255,255,.13)}
.hero{min-height:760px;display:grid;position:relative;overflow:hidden;align-items:center}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 44%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.48) 68%,rgba(0,0,0,.68) 100%),linear-gradient(0deg,#050505 0%,transparent 24%)}
.hero-content{position:relative;z-index:2;padding:110px 0 130px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--red);font-size:12px;margin:0 0 18px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,8vw,105px);line-height:.88;letter-spacing:-.065em;max-width:900px;margin-bottom:28px}
h1 span{color:var(--red)}h2{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.05em;margin-bottom:24px}h3{font-size:24px;line-height:1.05;letter-spacing:-.03em}
.hero-tagline{font-size:clamp(20px,2.5vw,31px);font-weight:700;max-width:720px;margin-bottom:16px}.hero-copy{max-width:660px;color:#d3d3d6;font-size:18px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 18px}.micro{font-size:12px;color:#8e8e94}
.section{padding:110px 0}.intro{border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.lead{font-size:20px;color:#c3c3c8}
.cards-section{background:var(--surface)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.card{background:var(--surface2);border:1px solid var(--line);padding:32px;border-radius:14px}
.card-num{font-size:13px;color:var(--red);font-weight:900;margin-bottom:48px}.card p{color:var(--muted)}
.matrix-section{overflow:hidden}.matrix-copy{max-width:820px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}
.feature-grid div{background:#0a0a0b;padding:24px}.feature-grid strong,.feature-grid span{display:block}.feature-grid span{color:var(--muted);font-size:14px;margin-top:5px}
.product-shot{margin:58px 0 0}.product-shot img{width:100%;display:block;border:1px solid #2f2f33;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.product-shot figcaption{font-size:12px;color:#78787d;margin-top:12px}
.cta-strip{margin-top:28px;border:1px solid var(--line);border-radius:14px;padding:28px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(115deg,#111,#090909)}
.cta-strip h3{margin-bottom:0}
.process{background:var(--surface)}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:16px;align-items:stretch;margin-top:50px}
.flow>div:not(.arrow){border:1px solid var(--line);background:#0a0a0b;padding:24px;border-radius:12px}.flow span{color:var(--red);font-weight:900;display:block;margin-bottom:26px}
.flow strong,.flow small{display:block}.flow small{color:var(--muted);margin-top:8px}.arrow{align-self:center;color:#5d5d63;font-size:28px}
.narrow{max-width:860px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-size:20px;font-weight:750;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--muted);padding-top:16px;margin-bottom:0}
.final-cta{padding-top:20px}.final-box{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:36px}
.final-box img{width:120px}.final-box h2{font-size:42px;margin-bottom:10px}.final-box p:last-child{color:var(--muted);margin-bottom:0}
footer{border-top:1px solid var(--line);padding:34px 0;color:#8b8b90;font-size:13px}.footer-grid{display:grid;grid-template-columns:auto auto 1fr;gap:30px;align-items:start}.legal{text-align:right}
@media(max-width:900px){
  nav{display:none}.nav{height:68px}.brand img{width:125px}.nav .button-small{margin-left:auto}
  .hero{min-height:680px}.hero-content{padding:100px 0}.split,.cards,.feature-grid{grid-template-columns:1fr}.split{gap:28px}
  .flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg);justify-self:center}
  .final-box{grid-template-columns:1fr}.final-box img{width:150px}.footer-grid{grid-template-columns:1fr}.legal{text-align:left}
}
@media(max-width:560px){
  .container{width:min(calc(100% - 28px),var(--max))}.section{padding:78px 0}.hero{min-height:650px}
  .hero-media img{object-position:58% center}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.73)),linear-gradient(0deg,#050505 0%,transparent 30%)}
  h1{font-size:56px}.hero-copy{font-size:16px}.button{width:100%}.cta-strip{align-items:stretch;flex-direction:column}
}


.deliverables{background:#09090a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.release-badge{border:1px solid rgba(239,7,21,.4);background:rgba(239,7,21,.08);color:#ff6670;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.deliverables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.deliverable{border:1px solid var(--line);background:var(--surface);padding:28px;border-radius:14px}
.deliverable .pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 9px;border-radius:999px;background:rgba(239,7,21,.12);color:#ff5864;font-size:11px;font-weight:900;margin-bottom:34px}
.deliverable p{color:var(--muted);margin-bottom:0}
.buy-panel{margin-top:22px;display:flex;justify-content:space-between;gap:28px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#121214,#0a0a0b)}
.buy-panel h3{margin-bottom:8px}.buy-panel p:last-child{margin-bottom:0;color:var(--muted);max-width:720px}
@media(max-width:1000px){.deliverables-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.section-head-row,.buy-panel{flex-direction:column;align-items:stretch}.deliverables-grid{grid-template-columns:1fr}.release-badge{align-self:flex-start}}


/* v3.1 refinements */
.brand-logo{
  width:182px !important;
  height:58px !important;
}

.intro{
  padding-top:78px !important;
  padding-bottom:78px !important;
}

@media(max-width:900px){
  .brand-logo{
    width:148px !important;
    height:50px !important;
  }
  .intro{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }
}