:root{--bg:#0b0f14;--card:#0f141b;--muted:#9aa4b2;--text:#e6edf3;--brand:#11b5c9;--ink:#141a21}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0b0f14;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.55}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(11,15,20,.8);backdrop-filter:blur(8px);border-bottom:1px solid #111;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:#fff}
.brand img{width:28px;height:28px;border-radius:6px}.brand.small img{width:22px;height:22px}.brand.small span{font-size:.95rem}
.nav{display:flex;gap:16px;align-items:center}.nav a{padding:8px 10px;border-radius:10px}.nav a.btn{padding:10px 14px}
.nav-toggle{display:none;background:transparent;color:#fff;border:0;font-size:1.4rem}
.hero{padding:72px 0;background:linear-gradient(180deg, rgba(17,181,201,.10), transparent 40%)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero-copy h1{font-size:2.4rem;margin:0 0 10px}.lead{color:#d2d9e1;max-width:720px}.hero-ctas{display:flex;gap:12px;margin:20px 0}.micro{color:var(--muted);font-size:.85rem}
.art-card{background:var(--card);border:1px solid #161d26;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.art-card .status{font-size:.9rem;margin-bottom:10px;color:#b8c4cf}.art-card .status .dot{display:inline-block;width:8px;height:8px;background:#30d158;border-radius:50%;margin-right:6px}
.map-mock{height:160px;border-radius:12px;background:radial-gradient(circle at 30% 50%, rgba(17,181,201,.25), transparent 35%), linear-gradient(135deg, #101720, #0c131b)}
.timeline{margin-top:12px;display:grid;gap:6px;color:#c6cfdb}
.grid-3,.grid-4{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid #161d26;border-radius:16px;padding:18px}.card h3{margin-top:0}.value-cards{padding:48px 0}
.cta-band{padding:56px 0;text-align:center;border-top:1px solid #111;border-bottom:1px solid #111;background:linear-gradient(180deg, rgba(17,181,201,.08), transparent 70%)}
.cta-row{display:flex;gap:12px;margin-top:20px}
.btn{display:inline-block;border-radius:12px;padding:10px 14px;border:1px solid #2a3340;background:#151b24;color:#e6edf3;text-decoration:none}
.btn:hover{filter:brightness(1.1)}.btn-primary{background:var(--brand);color:#052429;border-color:var(--brand)}
.btn-outline{background:transparent;border-color:#2a3340}.btn-ghost{background:transparent;border-color:transparent}.btn-lg{padding:14px 18px;font-weight:600}
.plan .price{font-size:1.8rem;margin:6px 0}.plan .price span{font-size:1rem;color:#b8c4cf}
.muted{color:var(--muted)}.site-footer{margin-top:64px;border-top:1px solid #111;padding:28px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.footnote{border-top:1px solid #111;margin-top:18px;padding-top:12px;color:#95a2b1;font-size:.9rem}
.pad{padding:36px 0}
.form input,.form textarea{width:100%;padding:10px;border-radius:10px;background:#0b1117;border:1px solid #1b2531;color:#e6edf3}
.form input:focus,.form textarea:focus{outline:2px solid rgba(17,181,201,.5);outline-offset:1px}
.form label{display:block;margin-bottom:12px}.form .actions{display:flex;gap:12px;margin-top:10px}.form .consent{display:flex;gap:8px;align-items:center;color:#c2cbd6}
.feature-section{margin:26px 0}.checklist{list-style:none;padding-left:0}.checklist li{padding-left:26px;position:relative;margin:8px 0}
.checklist li::before{content:"✓";position:absolute;left:0;top:0.05rem;color:var(--brand)}
details{background:#0e141c;border:1px solid #161d26;border-radius:12px;padding:12px;margin:10px 0}hr{border:0;border-top:1px solid #111;margin:28px 0}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;right:16px;top:60px;background:#0b1117;border:1px solid #111;padding:10px;border-radius:12px;flex-direction:column;min-width:220px}
.nav.show{display:flex}.nav-toggle{display:block}}