.hero{max-width:1120px;margin:0 auto;padding:80px 24px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,6vw,68px);font-weight:850;letter-spacing:-.045em;margin-bottom:18px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--orange2),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:19px;color:var(--muted);max-width:560px}
.hero .cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero .cta .btn{padding:13px 22px;font-size:16px}
.kicker{display:inline-block;font-size:13px;font-weight:700;color:var(--orange2);background:#2a1c12;border:1px solid #4d3220;padding:5px 12px;border-radius:999px;margin-bottom:18px}
.demo{background:var(--card);border:1px solid var(--line2);border-radius:24px;padding:18px;box-shadow:0 40px 100px rgba(255,138,61,.08)}
.demo .msg{display:flex;gap:10px;margin:10px 0;font-size:14px}
.demo .av{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:12px;color:#1A1420}
.demo .bubble{background:var(--card2);padding:8px 12px;border-radius:14px;border-top-left-radius:4px}
.demo .sys{font-size:12.5px;color:var(--muted);background:var(--bg2);border:1px solid var(--line);padding:7px 12px;border-radius:999px;margin:8px auto;width:fit-content}
.demo .pot{background:linear-gradient(160deg,#2a1c12,#1B1722);border:1px solid #4d3220;border-radius:16px;padding:14px;margin-top:12px}
.bar{display:flex;gap:4px;height:10px;margin:10px 0 6px}
.bar span{flex:1;border-radius:4px;background:var(--line2)}
.bar span.done{background:linear-gradient(90deg,var(--orange2),var(--orange))}
section.band{max-width:1120px;margin:0 auto;padding:56px 24px}
section.band h2{font-size:34px;font-weight:800}
section.band > p.sub{color:var(--muted);font-size:17px;max-width:720px;margin-bottom:28px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}
.step .n{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#1A1420;font-weight:800;display:grid;place-items:center;margin-bottom:14px}
.step h3{font-size:19px}
.step p{color:var(--muted);margin:0}
.guards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.guard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
.guard .ic{font-size:22px}
.guard h4{font-size:16px;margin:8px 0 6px}
.guard p{color:var(--muted);font-size:14px;margin:0}
.guard.star{border-color:#4d3220;background:linear-gradient(160deg,#241811,var(--card))}
.sched{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sched .card h4{margin-bottom:4px}
.sched .card p{color:var(--muted);font-size:14px;margin:6px 0 0}
.audit{display:flex;gap:24px;align-items:center;background:linear-gradient(120deg,#13261e,var(--card));border:1px solid #1f4d3a;border-radius:22px;padding:26px}
.audit .big{font-size:42px}
footer.foot{border-top:1px solid var(--line);margin-top:40px;padding:28px 24px;color:var(--dim);font-size:13px;text-align:center}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:48px}.steps,.guards,.sched{grid-template-columns:1fr}.audit{flex-direction:column;align-items:flex-start}}