:root{--a1:#4f46e5;--a2:#7c3aed;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);
background:radial-gradient(1200px 500px at 10% -10%,rgba(124,58,237,.18),transparent),radial-gradient(900px 400px at 100% 0,rgba(6,182,212,.14),transparent),#f8fafc;min-height:100vh}
[hidden]{display:none!important}a{color:var(--a1)}
.lg-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto;padding:20px 24px}
.lg-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}
.lg-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-size:14px;font-weight:800;background:linear-gradient(135deg,var(--a1),var(--a2))}
.lg-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:14.5px}
.lg-nav a{color:#334155;text-decoration:none;font-weight:500}.lg-nav a:hover,.lg-nav a[aria-current]{color:var(--a1)}
.lg-nav a.lg-cta{color:#fff;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,var(--a1),var(--a2));font-weight:600}
.lg-nav select{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font:inherit;font-size:14px;background:#fff}
.lg-main{max-width:1040px;margin:0 auto;padding:12px 24px 40px}
.lg-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:44px clamp(22px,5vw,56px);box-shadow:0 30px 60px -30px rgba(15,23,42,.25);line-height:1.65;font-size:15.5px}
.lg-card h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;margin:0 0 12px;line-height:1.15}
.lg-card h2{font-size:19px;margin:30px 0 8px;letter-spacing:-.01em}.lg-card p,.lg-card li{color:#334155}
.lg-updated{color:var(--muted);font-size:13px;margin:0 0 6px}.lg-note{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;padding:10px 14px;font-size:14px}
.lg-lede{font-size:18px;color:var(--muted);margin:0 0 28px}
.lg-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.lg-plan{border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column}
.lg-plan-main{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--a1),var(--a2)) border-box}
.lg-plan-name{font-weight:600;color:var(--muted);margin:0;text-transform:uppercase;font-size:13px;letter-spacing:.06em}
.lg-price{font-size:52px;font-weight:800;letter-spacing:-.03em;margin:6px 0 0;background:linear-gradient(135deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-small{font-size:13.5px;color:var(--muted)}.lg-plan ul{padding-left:20px;flex:1}
.lg-btn{display:block;text-align:center;padding:13px;border-radius:12px;color:#fff!important;text-decoration:none;font-weight:600;background:linear-gradient(135deg,var(--a1),var(--a2))}
.lg-example{margin-top:24px;font-weight:600}
.lg-foot{text-align:center;color:var(--muted);font-size:13px;padding:0 24px 32px}
.lg-own{margin-top:28px;padding:26px 28px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#1e1b4b,var(--a1) 55%,var(--a2))}.lg-own h2{margin:0 0 8px;font-size:24px}.lg-own p{color:rgba(255,255,255,.92)}.lg-own a{color:#fff;font-weight:600}