:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e9f1fb;background:#07101f}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4vw;border-bottom:1px solid #263b55}header a{color:#9bd2ff;text-decoration:none;font-size:18px}header>span{color:#819bb9;font-size:13px}.plans{display:grid;grid-template-columns:1fr 1fr;flex:1}.plan{padding:clamp(28px,4vw,64px);display:flex;flex-direction:column;position:relative}.free{background:linear-gradient(145deg,#111e32,#07101f)}.premium{border-left:1px solid #426292;background:radial-gradient(ellipse at 90% 0,#31456388,transparent 55%),linear-gradient(150deg,#10233d,#17182f 65%,#0e1930)}.eyebrow{font-size:10px;letter-spacing:.2em;color:#88a9cb;font-weight:700}h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;margin:12px 0}.premium h1{background:linear-gradient(110deg,#c1efff,#90b5ff,#dec7ff);background-clip:text;color:transparent}.intro{color:#b4c4d9;margin:0 0 30px;font-size:17px;max-width:34em;line-height:1.55}h2{font-size:13px;margin:0 0 12px;color:#b9cfe5;font-weight:650}ul{padding:0;list-style:none;margin:0 0 24px}li{position:relative;padding:7px 0 7px 25px;font-size:14px;line-height:1.4}li:before{content:'✓';position:absolute;left:0;color:#83caff}.coming{margin-top:0}.coming span{margin-left:8px;font-size:10px;color:#b5a1d5;border:1px solid #5c4b79;border-radius:20px;padding:3px 8px}#plannedFeatures li{color:#a5b3ca;font-size:13px;padding-top:5px;padding-bottom:5px}#plannedFeatures li:before{content:'○';color:#a08ac2}.note{font-size:11px;color:#879ab4;line-height:1.5}.back{color:#9bd2ff;margin-top:auto;padding-top:24px;font-size:14px;text-decoration:none}.upgrade{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #c9dfff;border-radius:12px;padding:18px 22px;font-size:17px;font-weight:800;color:#0a1931;background:linear-gradient(115deg,#b9eaff,#8fb9ff 55%,#e0c3ff);box-shadow:0 8px 36px #578de540,0 0 24px #a3cbff15;cursor:pointer;transition:filter .2s,transform .2s}.upgrade:hover{filter:brightness(1.1);transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid #c4aaff;outline-offset:4px}#plansStatus{margin:0 4vw 14px;color:#f2b6bc;font-size:13px}dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);height:fit-content;max-width:calc(100vw - 24px);min-width:250px;margin:0;border:1px solid #47628b;border-radius:14px;background:#111f34;color:#e9f1fb;padding:26px;text-align:center}dialog::backdrop{background:#030912a8}dialog p{margin:0 0 22px;font-size:18px}dialog button{padding:9px 30px;background:#91c8ff;color:#09172d;border:0;border-radius:8px;font-weight:700;cursor:pointer}@media(max-width:700px){header>span{display:none}.plans{grid-template-columns:1fr}.premium{border-left:0;border-top:1px solid #426292}.plan{padding:30px 24px}.intro{font-size:15px;margin-bottom:24px}.back{padding-top:12px}.upgrade{margin-top:16px}}

@media(max-width:700px){header{padding:16px;min-height:60px}header a{font-size:16px;overflow-wrap:anywhere}.plan{padding:28px 20px;min-width:0}.plans,li{min-width:0;overflow-wrap:anywhere}.upgrade,.back{min-height:48px}.back{display:flex;align-items:center}dialog{width:calc(100vw - 32px);min-width:0;padding:24px 20px}dialog button{width:100%;min-height:44px;font-size:16px}}

.featureSummary{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#a5b3ca;max-width:42em}

.plans{grid-template-columns:repeat(3,minmax(0,1fr))}.captain{border-left:1px solid #426292;background:linear-gradient(150deg,#22243b,#101b29)}.plan h1{font-size:clamp(34px,4vw,60px)}.roadmap{padding-top:24px;flex:none;border-top:1px solid #34475e}@media(max-width:1000px){.plans{grid-template-columns:1fr}.captain{border-left:0;border-top:1px solid #426292}}

@media(min-width:1300px){.plans{grid-template-columns:repeat(4,minmax(0,1fr))}.plan{padding:32px 24px}}@media(min-width:1001px) and (max-width:1299px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}.astronaut{border-left:1px solid #426292;background:radial-gradient(ellipse at top,#343657,#0b1629)}

header{flex-wrap:wrap;gap:12px}header nav{display:flex;gap:12px;flex-wrap:wrap}
.sandboxPayments{margin:1.25rem 0;padding:1.25rem;border:1px solid #d4a044;border-radius:12px;overflow-wrap:anywhere;background:#131b25}
.sandboxPayments h2{margin-top:0}.sandboxActions{display:flex;gap:10px;flex-wrap:wrap}.sandboxActions button{min-height:44px;padding:9px 14px;max-width:100%;white-space:normal;cursor:pointer}.sandboxActions button:disabled{opacity:.55;cursor:default}
