:root{--bg:#0f172a;--fg:#0f172a;--orange:#f97316;--muted:#64748b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--fg)}
.container{max-width:1100px;margin:auto;padding:0 20px}.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e2e8f0;z-index:10}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-weight:800}.logo span{color:var(--orange)}.logo-box{background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;padding:8px 11px;border-radius:8px;margin-right:8px}
.links{display:flex;gap:18px;align-items:center}.links a{text-decoration:none;color:#334155}.cta{background:var(--orange);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}.ghost{background:transparent;border:1px solid #fff}
.menu-btn{display:none;background:none;border:none;font-size:24px}
.hero{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:120px 0 90px}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:0 0 12px}.hero h1 span{color:#fb923c}.center{text-align:center}.tag{display:inline-block;border:1px solid #fdba74;padding:6px 12px;border-radius:999px;color:#fdba74}
.hero-btns{display:flex;justify-content:center;gap:12px;margin-top:24px}
.section{padding:80px 0}.section h2{text-align:center;font-size:2rem;margin:0 0 30px}.dark{background:var(--bg);color:#fff}
.grid{display:grid;gap:16px}.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 10px 25px rgba(2,6,23,.05)}.dark-card{background:#1e293b;border-color:#334155}
.form{max-width:640px;margin:0 auto;display:grid;gap:10px}.form input,.form textarea{padding:11px;border:1px solid #cbd5e1;border-radius:8px;width:100%}
.footer{padding:24px;text-align:center;background:#020617;color:#94a3b8}
@media (max-width:760px){.menu-btn{display:block}.links{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:16px;flex-direction:column;align-items:flex-start}.links.open{display:flex}}

#status{margin:6px 2px 0;font-size:.95rem;color:#cbd5e1;min-height:1.4em}
.modal{position:fixed;inset:0;background:rgba(2,6,23,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}
.modal.open{display:flex}
.modal-card{max-width:520px;width:100%;background:#fff;color:#0f172a;border-radius:16px;padding:28px;box-shadow:0 30px 70px rgba(2,6,23,.45);text-align:left}
.modal-card h3{margin:8px 0 8px;font-size:1.55rem}
.modal-card p{margin:0 0 20px;line-height:1.6}
.modal-badge{display:inline-block;background:#ecfdf3;color:#15803d;border:1px solid #86efac;padding:6px 10px;border-radius:999px;font-weight:600;font-size:.85rem}
body.modal-open{overflow:hidden}