:root{--ink:#14161c;--muted:#666d7d;--line:#e5e7ec;--bg:#ffffff;--soft:#f7f8fa;--accent:#4285f4;--accent-2:#9b72f2;--danger:#c0392b}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.spark{display:inline-block;width:18px;height:18px;vertical-align:-3px;background:linear-gradient(135deg,#4285f4,#9b72f2 45%,#d96570);-webkit-mask:radial-gradient(circle at 0 0,transparent 9px,#000 0) 0 0/50% 50% no-repeat,radial-gradient(circle at 100% 0,transparent 9px,#000 0) 100% 0/50% 50% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 0) 0 100%/50% 50% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 0) 100% 100%/50% 50% no-repeat;mask:radial-gradient(circle at 0 0,transparent 9px,#000 0) 0 0/50% 50% no-repeat,radial-gradient(circle at 100% 0,transparent 9px,#000 0) 100% 0/50% 50% no-repeat,radial-gradient(circle at 0 100%,transparent 9px,#000 0) 0 100%/50% 50% no-repeat,radial-gradient(circle at 100% 100%,transparent 9px,#000 0) 100% 100%/50% 50% no-repeat}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.nav{justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.brand,.nav{display:flex;align-items:center}.brand{gap:9px;font-weight:600;font-size:15.5px}.nav-links{display:flex}.btn,.nav-links{align-items:center;gap:8px}.btn{display:inline-flex;justify-content:center;font:inherit;font-size:14px;font-weight:500;padding:10px 18px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.14s}.btn:hover{border-color:#c8ccd6;background:var(--soft)}.btn-primary{background:#14161c;border-color:#14161c;color:#fff}.btn-primary:hover{background:#2b2f3a;border-color:#2b2f3a}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--soft);border-color:transparent}.btn-block{width:100%}.btn-sm{padding:7px 13px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{padding:92px 0 76px;text-align:center}.hero h1{margin:0 0 20px;font-size:clamp(38px,5.6vw,60px);line-height:1.06;letter-spacing:-.032em;font-weight:600}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#4285f4,#9b72f2 55%,#d96570);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0 auto 32px;max-width:620px;font-size:18px;line-height:1.6;color:var(--muted)}.hero-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:16px;font-size:13px;color:var(--muted)}.section{padding:72px 0;border-top:1px solid var(--line)}.section-head{text-align:center;margin-bottom:44px}.section-head h2{margin:0 0 10px;font-size:30px;letter-spacing:-.02em;font-weight:600}.section-head p{margin:0;color:var(--muted);font-size:16px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.feature{padding:24px;border:1px solid var(--line);border-radius:14px}.feature h3{margin:12px 0 8px;font-size:16px;font-weight:600}.feature p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}.code{background:#14161c;color:#e3e3e3;border-radius:12px;padding:16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.7;overflow-x:auto;white-space:pre}.code .tok{color:#8ab4f8}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));grid-gap:18px;gap:18px;align-items:start}.plan{border:1px solid var(--line);border-radius:16px;padding:26px 22px;position:relative}.plan-featured{border-color:#14161c;box-shadow:0 12px 34px rgb(0 0 0/.07)}.plan-tag{position:absolute;top:-11px;left:22px;padding:3px 10px;border-radius:999px;background:#14161c;color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em}.plan h3{margin:0 0 4px;font-size:15px;font-weight:600}.plan-tagline{margin:0 0 18px;font-size:13px;color:var(--muted);min-height:34px;line-height:1.5}.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:20px}.plan-price strong{font-size:34px;letter-spacing:-.03em;font-weight:600}.plan-price span{font-size:13px;color:var(--muted)}.plan ul{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-gap:10px;gap:10px}.plan li{font-size:13.5px;color:#3c4252;line-height:1.5;padding-left:22px;position:relative}.plan li:before{content:"";position:absolute;left:0;top:6px;width:13px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.auth{max-width:420px;margin:0 auto;padding:64px 0 96px}.auth h1{margin:0 0 8px;font-size:27px;letter-spacing:-.02em;font-weight:600}.auth>p{margin:0 0 28px;color:var(--muted);font-size:14.5px}.field{display:grid;grid-gap:6px;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:500;color:#3c4252}.field input{font:inherit;font-size:14.5px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.field small{font-size:12px;color:var(--muted)}.alert{padding:11px 14px;border-radius:10px;margin-bottom:18px;font-size:13.5px;background:#fdeceb;border:1px solid #f3c9c5;color:#9c2b20}.auth-alt{margin-top:20px;text-align:center;font-size:13.5px;color:var(--muted)}.auth-alt a{color:var(--accent);font-weight:500}.dash{padding:40px 0 90px}.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;flex-wrap:wrap}.dash-head h1{margin:0 0 4px;font-size:25px;letter-spacing:-.02em;font-weight:600}.dash-head p{margin:0;color:var(--muted);font-size:14px}.card{border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px}.card h2{margin:0 0 6px;font-size:16px;font-weight:600}.card>p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.6}.card-row{justify-content:space-between;gap:16px;flex-wrap:wrap}.card-row,.keybox{display:flex;align-items:center}.keybox{gap:12px;padding:14px 16px;background:#14161c;border-radius:12px;color:#e3e3e3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.keybox-new{background:#0f2a17;border:1px solid #1f6b3a}.notice-new{margin-bottom:14px;padding:11px 14px;border-radius:10px;font-size:13.5px;background:#eaf7ef;border:1px solid #b7e0c6;color:#1a6b3a}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px}.stat{padding:16px 18px;background:var(--soft);border-radius:12px}.stat strong{display:block;font-size:23px;letter-spacing:-.02em;font-weight:600}.stat span{font-size:12.5px;color:var(--muted)}.meter{height:6px;background:#e8eaef;border-radius:999px;overflow:hidden;margin-top:10px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#4285f4,#9b72f2)}.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media (max-width:620px){.hero{padding:60px 0 48px}.section{padding:52px 0}}.knowledge{width:100%;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65;padding:14px 16px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink)}.knowledge:focus{outline:2px solid var(--accent);outline-offset:-1px;background:#fff}.knowledge::placeholder{color:#9aa1b0}