*{box-sizing:border-box}body{margin:0;background:#101118;color:#f4f3ff;font:15px/1.65 system-ui}a{color:#c4bbff;text-decoration:none}header{padding:24px 5vw;border-bottom:1px solid #292b3a;display:flex;justify-content:space-between;gap:20px}header>a{font-weight:800;font-size:23px}nav{display:flex;gap:22px;align-items:center}main{max-width:1100px;margin:auto;padding:48px 24px}.intro{text-align:center;max-width:730px;margin:0 auto 36px}.eyebrow{letter-spacing:.15em;color:#aba3f3;font-size:12px}h1{font-size:clamp(32px,5vw,51px);line-height:1.2;margin:16px 0}.intro>p{color:#b6bbcf}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{position:relative;background:#1b1d29;border:1px solid #373a50;border-radius:18px;padding:28px}.plan.best{border-color:#aaa0ff;background:linear-gradient(145deg,#2b2849,#1b1d29)}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#d7ffac;min-height:18px}.price{font-size:42px;font-weight:750;margin:20px 0 6px}.price small{font-size:13px;font-weight:400;color:#b6bbcf}.plan p{color:#bbc1d5}.plan .credits{font-size:21px;color:#f4f3ff}.plan button,#subscriptions button{width:100%;padding:13px;border-radius:10px;border:1px solid #8277d7;background:#7768d5;color:#fff;font-size:14px;cursor:pointer;margin-top:16px}.plan button:disabled{opacity:.45;cursor:not-allowed}.details{padding:28px;background:#191b25;border-radius:16px;margin-top:32px;color:#abb2c8}.details h2{color:#f4f3ff;font-size:20px}.details p{font-size:13px}#status{color:#d4d0fa;text-align:center}footer{display:flex;gap:24px;padding:28px 0;font-size:12px}#subscriptions{max-width:600px;margin:auto}#subscriptions button{max-width:220px;background:#272a3e}@media(max-width:720px){.plans{grid-template-columns:1fr}main{padding:32px 16px}header{padding:18px;flex-wrap:wrap}nav{font-size:12px}.plan{padding:23px}}
/* Match MeshJolt's graphite/lime design language. */
:root{color-scheme:dark;--price-bg:#0b0c0e;--price-card:#17181b;--price-line:#34363c;--price-accent:#dff27c;--price-text:#f5f6f3}
body{background:var(--price-bg);color:var(--price-text)}
header{border-bottom-color:var(--price-line)}
a,.eyebrow{color:var(--price-accent)}
.plan{background:var(--price-card);border-color:var(--price-line)}
.plan.best{background:linear-gradient(160deg,#293022,#17181b 70%);border-color:#a2b568}
.badge{color:var(--price-accent)}
.plan button,#subscriptions button{background:var(--price-accent);border-color:var(--price-accent);color:#171b0c;font-weight:750}
.plan button:hover:not(:disabled),#subscriptions button:hover:not(:disabled){background:#edffa0}
.details{background:#1e2024;border:1px solid var(--price-line)}
#status{color:#c6d69c}
:where(button,a):focus-visible{outline:2px solid var(--price-accent);outline-offset:3px}
