:root{--bg:#0b0b0d;--bg2:#121216;--line:#24242b;--tx:#f2f0eb;--mu:#9b98a3;--gold:#e8b45a;--c:#6fb3ff;--p:#ff7a6b;--l:#7ad99a}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3{letter-spacing:-.02em;line-height:1.1}
h1{font-size:clamp(42px,7.5vw,92px);font-weight:700}
h2{font-size:clamp(30px,4.6vw,52px);font-weight:650;max-width:820px}
h3{font-size:18px;font-weight:600;margin-bottom:6px}
.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(11,11,13,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;font-weight:650}
.nav nav{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--mu)}
.nav nav a:hover{color:var(--tx)}
.btn{display:inline-block;background:var(--gold);color:#111;font-weight:600;padding:14px 26px;border-radius:999px;border:0;font-size:16px;cursor:pointer;transition:transform .2s,filter .2s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.btn.sm{padding:8px 16px;font-size:14px;color:#111!important}
.btn.ghost{background:transparent;color:var(--tx);border:1px solid var(--line)}
.hero{position:relative;text-align:center;padding:120px 5vw 60px;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 50% 0,rgba(232,180,90,.14),transparent 70%)}
.hero .lead{max-width:640px;margin:28px auto 0;color:var(--mu);font-size:19px}
.cta{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.note{color:#5d5a64;font-size:12px;margin-top:14px}
.mock{max-width:1040px;margin:72px auto 0;border:1px solid var(--line);border-radius:14px;background:var(--bg2);text-align:left;box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.02)}
.mbar{display:flex;gap:7px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.mbar i{width:11px;height:11px;border-radius:50%;background:#3a3a42}
.mbar span{margin-left:14px;font-size:12px;color:var(--mu)}
.mbody{display:grid;grid-template-columns:170px 1fr}
.mside{display:flex;flex-direction:column;gap:4px;padding:18px 12px;border-right:1px solid var(--line);font-size:13px;color:var(--mu)}
.mside b{color:var(--tx);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 8px 8px}
.mside span{padding:7px 10px;border-radius:7px}
.mside .on{background:#1e1e24;color:var(--tx)}
.mmain{padding:24px;display:grid;gap:22px}
.script{overflow-wrap:anywhere;font-family:"Courier Prime","Courier New",monospace;font-size:14px;background:#0e0e11;border:1px solid var(--line);border-radius:10px;padding:20px}
.script p{margin-bottom:8px}.sh{font-weight:700}
mark{background:none;border-bottom:2px solid;padding:0 2px}
mark.c,.tags .c{color:var(--c)}mark.p,.tags .p{color:var(--p)}mark.l,.tags .l{color:var(--l)}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;font-family:system-ui,sans-serif}
.tags span{font-size:12px;border:1px solid currentColor;border-radius:99px;padding:3px 10px}
.tags .ai{color:var(--gold);border-style:dashed}
.frames{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.frames figcaption{font-size:12px;color:var(--mu);margin-top:6px}
.f{aspect-ratio:2.39/1;border-radius:6px;position:relative;overflow:hidden;background:linear-gradient(180deg,#2b3340,#c9a06b 85%,#5a4632)}
.f::after{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:#1a1d22}
.f1::before{content:"";position:absolute;left:30%;bottom:25%;width:6%;height:40%;background:#111;border-radius:40% 40% 0 0;z-index:1}
.f2{background:linear-gradient(180deg,#3a3f4a,#a5825a)}
.f2::before{content:"";position:absolute;left:38%;bottom:0;width:24%;height:80%;background:#111;border-radius:45% 45% 0 0;z-index:1}
.f3{background:radial-gradient(circle at 60% 40%,#d1a46a,#2a2a30 70%)}
.f3::before{content:"";position:absolute;left:30%;top:15%;width:40%;height:110%;background:#141414;border-radius:50%;z-index:1}
.sec{max-width:1120px;margin:0 auto;padding:110px 5vw;border-top:1px solid var(--line)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.steps li{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:22px}
.steps span{color:var(--gold);font-size:13px;font-weight:600;display:block;margin-bottom:28px}
.steps p,.grid p,.cols li{color:var(--mu);font-size:15px}
.goal{margin-top:36px;color:var(--mu);font-size:18px}.goal strong{color:var(--tx)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.grid article{background:linear-gradient(180deg,#141418,#0f0f12);border:1px solid var(--line);border-radius:16px;padding:28px}
.grid .wide{grid-column:span 3}
@media(min-width:901px){.grid{grid-template-columns:repeat(6,1fr)}.grid article{grid-column:span 2}.grid .wide{grid-column:span 3}}
.ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(232,180,90,.1);color:var(--gold);font-size:20px;margin-bottom:18px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.cols>div{border:1px solid var(--line);border-radius:16px;padding:28px}
.cols ul{padding-left:18px;margin-top:10px}.cols li{margin-bottom:6px}
.about p:not(.eyebrow){max-width:680px;color:var(--mu);font-size:19px;margin-top:20px}
.wait{text-align:center}.wait h2{margin:0 auto}
.wait>p{color:var(--mu);margin-top:16px}
form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:36px auto 12px;max-width:720px}
input,select{background:var(--bg2);border:1px solid var(--line);color:var(--tx);border-radius:999px;padding:14px 20px;font-size:16px;min-width:0}
input{flex:1 1 260px}select{flex:0 1 190px}
input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}
.msg{min-height:1.5em;color:var(--gold)}
.small{font-size:13px;color:#6f6c77}
footer{border-top:1px solid var(--line);padding:40px 5vw;display:grid;gap:8px;text-align:center;color:var(--mu);font-size:14px}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.grid .wide{grid-column:span 2}}
@media(max-width:640px){.nav nav a:not(.btn){display:none}.hero{padding-top:72px}.mbody{grid-template-columns:1fr}.mside{display:none}.mmain{padding:14px}.frames{grid-template-columns:1fr 1fr}.frames figure:last-child{display:none}.steps,.grid,.cols{grid-template-columns:1fr}.grid .wide{grid-column:auto}.sec{padding:80px 6vw}.btn{width:100%;text-align:center}.cta{flex-direction:column}.btn.sm{width:auto}select{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{white-space:nowrap;flex-shrink:0}@media(max-width:400px){.brand{font-size:15px;gap:8px}}
@media(max-width:640px){.brand{font-size:15px;gap:8px}.brand img{width:22px;height:22px}.nav .btn.sm{padding:9px 14px;font-size:13px}}
.hero .tagline-sub{margin:22px auto 0;max-width:760px;line-height:1.4;color:var(--gold);font-size:21px;font-weight:600}
.sec-lead{max-width:680px;color:var(--mu);font-size:19px;margin-top:20px}
.fgroup{margin-top:64px}
.fgroup .grid{margin-top:20px}
.ghead{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ghead h3{font-size:24px;margin:0}
.tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);border:1px dashed #3a3a44;border-radius:99px;padding:4px 11px}
.tag.first{color:var(--gold);border-color:rgba(232,180,90,.45)}
@media(min-width:901px){.grid .full{grid-column:span 6}.grid.four article{grid-column:span 3}}
@media(min-width:1101px){.grid.four{grid-template-columns:repeat(4,1fr)}.grid.four article{grid-column:auto}}
.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.mini article{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(180deg,#141418,#0f0f12);border:1px solid var(--line);border-radius:14px;padding:18px}
.mini .ic{width:34px;height:34px;flex:0 0 34px;font-size:16px;margin:0;font-weight:400}
.mini h4{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin-bottom:4px}
.mini p{color:var(--mu);font-size:14px;line-height:1.45}
.mini .w2{grid-column:span 2}
@media(max-width:900px){.mini{grid-template-columns:1fr 1fr}.mini .w2{grid-column:span 1}.grid .full{grid-column:span 2}}
@media(max-width:640px){.fgroup{margin-top:48px}.ghead h3{font-size:21px}.mini{gap:10px}.mini article{flex-direction:column;gap:10px;padding:16px}.mini .w2{grid-column:span 2}.grid .full{grid-column:auto}.sec-lead{font-size:17px}}
.ic{font-variant-emoji:text}
@media(max-width:640px){.fgroup .grid{gap:10px}.fgroup .grid article{display:grid;grid-template-columns:34px 1fr;column-gap:14px;align-items:start;padding:18px}.fgroup .grid .ic{grid-row:1/3;width:34px;height:34px;font-size:16px;margin:0}.fgroup .grid h3{font-size:16px;margin:2px 0 4px}.fgroup .grid p{font-size:14px;line-height:1.45;grid-column:2}}