:root { color-scheme: light; --ink:#211a43; --muted:#665f7e; --accent:#5b45e8; --green:#147a58; --paper:#fff; --canvas:#f2f0fb; --rule:#dcd8ec; }
* { box-sizing:border-box; }
body { margin:0; background:var(--canvas); color:var(--ink); font:16px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--accent); } .shell { width:min(880px,calc(100% - 32px)); margin:0 auto; }
header { padding:30px 0 18px; } .brand { display:flex; align-items:center; gap:13px; color:var(--ink); font-weight:800; text-decoration:none; } .brand img { width:48px; height:48px; }
nav { display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; } nav a { color:var(--muted); font-size:14px; font-weight:700; text-decoration:none; } nav a:hover,nav a:focus-visible { color:var(--accent); }
main { margin-bottom:36px; padding:clamp(24px,5vw,52px); border:1px solid var(--rule); border-radius:22px; background:var(--paper); box-shadow:0 18px 48px rgba(39,27,95,.09); }
.eyebrow { color:var(--green); font-size:12px; font-weight:900; letter-spacing:.12em; } h1 { max-width:720px; margin:8px 0 14px; font-size:clamp(34px,6vw,58px); line-height:1.04; letter-spacing:-.04em; } h2 { margin:34px 0 8px; font-size:24px; line-height:1.25; } h3 { margin:24px 0 6px; font-size:18px; } p,li { color:var(--muted); } .lead { max-width:690px; font-size:19px; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0; } .card { padding:18px; border:1px solid var(--rule); border-radius:14px; background:#faf9ff; } .card strong { display:block; margin-bottom:5px; } .card p { margin:0; font-size:14px; }
.notice { margin:24px 0; padding:16px 18px; border-left:4px solid var(--green); border-radius:8px; background:#effaf6; } .notice p { margin:0; color:#275b4b; }
.pricing-section { margin-top:38px; scroll-margin-top:24px; } .pricing-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:14px; margin:20px 0 14px; } .price-card { display:flex; min-height:100%; padding:22px; border:1px solid var(--rule); border-radius:16px; background:#faf9ff; flex-direction:column; } .price-card--featured { border:2px solid var(--accent); background:#f7f5ff; box-shadow:7px 7px 0 #e5e0ff; } .plan-label { min-height:48px; color:var(--ink); font-weight:850; } .price-card>strong { margin-top:8px; font-size:34px; line-height:1; } .price-card>small { margin-top:6px; color:var(--muted); } .price-card ul { margin:18px 0 22px; padding-left:20px; }
.checkout-button { margin-top:auto; padding:13px 16px; border:0; border-radius:9px; background:var(--ink); color:#fff; cursor:pointer; font-weight:850; } .checkout-button:hover,.checkout-button:focus-visible { background:var(--accent); } .checkout-button:disabled { cursor:wait; opacity:.68; } .checkout-status { min-height:24px; margin:9px 0 0; font-size:13px; }
.purchase-note { padding:14px 16px; border:1px solid var(--rule); border-radius:10px; background:#fffdf6; } .purchase-note p { margin:0; font-size:13px; } .confirmation-card { max-width:880px; } .license-panel { margin:24px 0; padding:20px; border:1px solid var(--rule); border-radius:14px; background:#faf9ff; } .license-panel label { display:block; margin-bottom:8px; font-weight:800; } .license-copy-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px; } .license-copy-row input { min-width:0; padding:12px; border:1px solid var(--rule); border-radius:8px; background:#fff; font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; } .license-copy-row button { padding:10px 16px; border:0; border-radius:8px; background:var(--accent); color:#fff; cursor:pointer; font-weight:800; } code { padding:2px 5px; border-radius:5px; background:#f0eef9; color:#41396b; } footer { padding:0 0 36px; color:var(--muted); font-size:13px; }
@media(max-width:680px){ .grid,.pricing-grid,.license-copy-row{grid-template-columns:1fr} main{border-radius:16px} }