:root{--bg:#0b0c0f;--panel:#14161b;--line:#262a33;--ink:#f2f4f8;--muted:#9aa3b2;--accent:#a78bff;--accent-ink:#150733;--brand-a:#5b4cff;--brand-b:#b23bf0;--radius:14px;--page:1080px}@media (prefers-color-scheme:light){:root{--bg:#fbfbfd;--panel:#fff;--line:#e4e7ec;--ink:#11141a;--muted:#5b6474;--accent:#6d28d9;--accent-ink:#fff}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 ui-sans-serif,-apple-system,SF Pro Text,system-ui,sans-serif}.wrap{max-width:var(--page);margin:0 auto;padding:0 24px}nav{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:22px 0;display:flex}nav .brand{margin-right:auto}nav a{color:var(--muted);font-size:14px;text-decoration:none}nav a:hover{color:var(--ink)}.lockup{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-weight:650;display:inline-flex}.lockup svg{color:var(--accent);flex:none}header.hero{text-align:center;padding:84px 0 72px}.hero-mark{color:var(--accent);filter:drop-shadow(0 6px 22px color-mix(in srgb, var(--accent) 45%, transparent));margin:0 auto 26px;display:block}h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(38px,6vw,66px);font-weight:680;line-height:1.04}h1 .said{color:var(--accent)}.lede{color:var(--muted);max-width:620px;margin:0 auto 34px;font-size:clamp(17px,2vw,20px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:15px;font-weight:560;text-decoration:none;transition:transform .12s,opacity .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:none}.btn[disabled]{opacity:.55;cursor:progress;transform:none}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.requires{color:var(--muted);margin-top:16px;font-size:13px}.demo{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;max-width:640px;margin:64px auto 0;padding:8px}.demo .row{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:12px 16px;display:flex}.demo .row:last-child{border-bottom:0}.demo .who{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);min-width:52px;font-size:11px}.demo .what{font-size:15px}.demo .what code{color:var(--accent);font:13px/1.5 ui-monospace,SF Mono,Menlo,monospace}section{border-top:1px solid var(--line);padding:84px 0}h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(26px,3.4vw,36px);font-weight:650}section>.wrap>p.sub{color:var(--muted);max-width:620px;margin:0 0 40px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:600}.card p{color:var(--muted);margin:0;font-size:14.5px}.mode-toggle{background:var(--panel);border:1px solid var(--line);border-radius:999px;gap:4px;width:fit-content;margin:0 auto 12px;padding:4px;display:flex}.mode-toggle button{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:14px;transition:background .15s,color .15s}.mode-toggle button.on{background:var(--accent);color:#fff}.mode-note{text-align:center;color:var(--muted);max-width:540px;margin:0 auto 28px;font-size:14px}.prices{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:20px;display:grid}.price{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:16px;padding:28px;display:flex}.price.featured{border-color:var(--accent)}.price .tag{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.price .amount{letter-spacing:-.03em;font-size:40px;font-weight:660}.price .amount span{color:var(--muted);font-size:14px;font-weight:400}.price ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.price li{color:var(--muted);padding-left:22px;font-size:14.5px;position:relative}.price li:before{content:"→";color:var(--accent);position:absolute;left:0}.price .btn{justify-content:center;margin-top:auto}.footnote{color:var(--muted);text-align:center;max-width:60ch;margin:24px auto 0;font-size:13px}.err{color:#ff8080;text-align:center;min-height:20px;margin:12px 0 0;font-size:13.5px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:16px;font-weight:550;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"＋ ";color:var(--accent)}details[open] summary:before{content:"− "}details p{color:var(--muted);max-width:70ch;margin:12px 0 0;font-size:14.5px}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:20px;padding:40px 0 64px;font-size:13.5px;display:flex}footer a{color:var(--muted)}.receipt{text-align:center;max-width:560px;margin:96px auto}.keybox{background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);margin:28px 0;padding:26px}.keybox code{letter-spacing:.06em;color:var(--accent);word-break:break-all;font:600 22px/1.4 ui-monospace,SF Mono,Menlo,monospace;display:block}.steps{text-align:left;color:var(--muted);padding-left:20px;font-size:15px}.steps li{margin:10px 0}.linkish{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13.5px}.linkish:hover{text-decoration:underline}.linkish.danger{color:#e5484d}.field{background:var(--bg);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:9px;width:100%;padding:9px 11px;font-size:14px}.field:focus{outline:2px solid var(--accent);outline-offset:-1px}.field.mini{width:72px;padding:5px 7px;font-size:13px}textarea.field{resize:vertical;font-family:inherit}.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;padding:22px}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.keychip{letter-spacing:.04em;color:var(--accent);margin-top:6px;font:600 15px/1.4 ui-monospace,SF Mono,Menlo,monospace;display:inline-block}.pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.pill.good{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent)}.pill.warn{color:#f0aa3c;background:#f0aa3c29}.pill.bad{color:#e5484d;background:#e5484d29}.rule{border:0;border-top:1px solid var(--line);margin:20px 0}.facts{flex-wrap:wrap;gap:32px;margin:20px 0 4px;display:flex}.facts dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.facts dd{margin:4px 0 0;font-size:15px}h4{margin:24px 0 10px;font-size:14px;font-weight:620}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}.table tr:last-child td{border-bottom:0}.table code{font-size:12.5px}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.dim{color:var(--muted)}.small{font-size:12.5px}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.inline-form .field{flex:200px;width:auto}.tight{align-items:center;gap:6px;display:flex}.tight .field{width:72px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:14px;margin-top:16px;display:grid}.form-grid label{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid label.check{flex-direction:row;align-items:center;gap:8px}.form-grid label.check input{width:auto}.stats{flex-wrap:wrap;gap:16px;margin-top:20px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:120px;padding:18px 26px}.stat-value{letter-spacing:-.02em;font-size:30px;font-weight:660}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}
