:root{--bg:#111114;--bg-elevated:#16161a;--surface:#1e1e22;--surface-2:#2a2a30;--on-surface:#e9e9ec;--on-surface-muted:#a6a6b0;--on-surface-faint:#71717a;--primary:#00a896;--primary-hover:#16c5b0;--primary-bright:#2ee6c9;--primary-on:#00150f;--error:#ff6b6b;--border:#2c2c33;--border-strong:#3a3a43;--radius:10px;--radius-lg:16px;--space:16px;--maxw:1080px;--dc-bg:#313338;--dc-embed:#2b2d31;--dc-code:#1e1f22;--dc-name:#f2f3f5;--dc-text:#dbdee1;--dc-muted:#949ba4;--dc-link:#00a8fc;--dc-app:#5865f2}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6}body{background-image:radial-gradient(900px 500px at 75% -10%,#00a89621,#0000 60%),radial-gradient(700px 500px at 0 0,#2ee6c90f,#0000 55%);background-repeat:no-repeat}a{color:var(--primary-hover);text-decoration:none}a:hover{text-decoration:underline}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.section{max-width:var(--maxw);margin:0 auto;padding:72px 24px}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-head p{color:var(--on-surface-muted);margin:0;font-size:1.05rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--primary-bright);margin-bottom:10px;font-size:.78rem;font-weight:600;display:inline-block}header{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#111114cc;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.brand{color:var(--on-surface);align-items:center;gap:10px;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand img{width:30px;height:30px}header .wordmark{letter-spacing:.01em;margin:0;font-size:1.2rem;font-weight:600}header nav{align-items:center;gap:4px;display:flex}header nav a{width:40px;height:40px;color:var(--on-surface);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}header nav a:hover,header nav a:focus-visible{background:var(--surface-2);color:var(--primary-hover);outline:none}.btn{border-radius:var(--radius);font:inherit;letter-spacing:.01em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:var(--primary-on)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{color:var(--on-surface);border-color:var(--border-strong);background:0 0}.btn-ghost:hover{background:var(--surface);border-color:var(--on-surface-faint)}.hero{max-width:var(--maxw);grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;margin:0 auto;padding:72px 24px 40px;display:grid}.hero-copy h1{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(2.1rem,4.6vw,3.25rem);font-weight:800;line-height:1.08}.hero-copy h1 .accent{background:linear-gradient(120deg, var(--primary-bright), var(--primary));color:#0000;background-clip:text}.hero-copy .lead{color:var(--on-surface-muted);max-width:32ch;margin:0 0 32px;font-size:1.18rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.hero-meta{color:var(--on-surface-faint);align-items:center;gap:10px;font-size:.9rem;display:flex}.hero-meta .dot{background:#3ba55d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3ba55d33}.demo{flex-direction:column;gap:14px;display:flex}.demo-tabs{flex-wrap:wrap;gap:8px;display:flex}.demo-tab{background:var(--surface);border:1px solid var(--border);color:var(--on-surface-muted);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.demo-tab .swatch{background:var(--c);border-radius:50%;width:9px;height:9px}.demo-tab:hover{color:var(--on-surface);border-color:var(--border-strong)}.demo-tab.active{background:var(--surface-2);color:var(--on-surface);border-color:var(--c)}.discord{background:var(--dc-bg);border-radius:var(--radius-lg);padding:18px 18px 20px;font-family:gg sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 24px 60px -20px #000000b3,0 0 0 1px #ffffff08}.dc-msg{grid-template-columns:40px 1fr;gap:16px;display:grid}.dc-avatar{background:var(--c,var(--surface-2));border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.dc-avatar .glyph{background-color:var(--glyph,#fff);width:24px;height:24px;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat}.dc-head{align-items:center;gap:8px;margin-bottom:3px;line-height:1.3;display:flex}.dc-username{color:var(--dc-name);font-size:1rem;font-weight:600}.dc-badge{background:var(--dc-app);color:#fff;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:.625rem;font-weight:600;line-height:1.4}.dc-time{color:var(--dc-muted);font-size:.75rem}.dc-embed{background:var(--dc-embed);border-left:4px solid var(--c,var(--dc-muted));border-radius:4px;max-width:432px;margin-top:8px;padding:12px 16px 16px}.dc-embed-author{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dc-embed-author .a-icon{color:#fff;background:linear-gradient(135deg,#5865f2,#00a896);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:grid}.dc-embed-author span{color:var(--dc-name);font-size:.875rem;font-weight:600}.dc-embed-title{color:var(--dc-link);margin-bottom:8px;font-size:1rem;font-weight:600}.dc-embed-title.plain{color:var(--dc-name)}.dc-embed-desc{color:var(--dc-text);margin-bottom:4px;font-size:.875rem}.dc-field{margin-top:9px}.dc-field-name{color:var(--dc-name);margin-bottom:2px;font-size:.875rem;font-weight:600}.dc-field-val{color:var(--dc-text);font-size:.875rem}.dc-embed code{background:var(--dc-code);border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.dc-embed code.link{color:var(--dc-link)}.dc-strong{color:var(--dc-name);font-weight:600}.dc-embed-footer{color:var(--dc-muted);align-items:center;gap:8px;margin-top:12px;font-size:.75rem;display:flex}.dc-embed-footer img{border-radius:50%;width:18px;height:18px}.demo-msg{display:none}.demo-msg.active{display:block}.providers{background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.provider-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.provider-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:26px 14px;transition:transform .15s,border-color .15s,background .15s;display:flex}.provider-tile:hover{border-color:color-mix(in srgb, var(--c) 55%, var(--border));background:color-mix(in srgb, var(--c) 8%, var(--surface));transform:translateY(-3px)}.provider-mark{place-items:center;width:40px;height:40px;display:grid}.provider-mark .glyph{background-color:var(--c);width:40px;height:40px;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat}.provider-mark .monogram{letter-spacing:-.02em;color:var(--c);font-size:1.4rem;font-weight:800}.provider-name{color:var(--on-surface);font-size:.9rem;font-weight:600}.provider-note{text-align:center;color:var(--on-surface-faint);margin-top:28px;font-size:.92rem}.steps{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 24px}.step-num{background:color-mix(in srgb, var(--primary) 18%, transparent);width:34px;height:34px;color:var(--primary-bright);border-radius:9px;place-items:center;margin-bottom:14px;font-weight:700;display:grid}.step h3{margin:0 0 6px;font-size:1.05rem}.step p{color:var(--on-surface-muted);margin:0;font-size:.95rem}.generator{max-width:560px;margin:0 auto}.card{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:32px}.field{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.field label{color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.field input[type=url],.field input[type=text]{background:var(--bg);color:var(--on-surface);border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;padding:13px 14px;transition:border-color .15s}.field input:focus{border-color:var(--primary);outline:none}.field.invalid input{border-color:var(--error)}.field .error{color:var(--error);min-height:1em;font-size:.85rem}.field select{appearance:none;background-color:var(--bg);background-image:linear-gradient(45deg, transparent 50%, var(--on-surface-muted) 50%), linear-gradient(135deg, var(--on-surface-muted) 50%, transparent 50%);color:var(--on-surface);border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit;cursor:pointer;background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:13px 38px 13px 14px;transition:border-color .15s}.field select:focus{border-color:var(--primary);outline:none}.field select:disabled{color:var(--on-surface-muted);cursor:not-allowed}.field select option{background:var(--surface);color:var(--on-surface)}button.primary{background:var(--primary);width:100%;color:var(--primary-on);border-radius:var(--radius);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:none;padding:16px 24px;font-size:1rem;font-weight:700;transition:background .15s;display:block}button.primary:hover,button.primary:focus-visible{background:var(--primary-hover);outline:none}button.primary:disabled{background:var(--surface-2);color:var(--on-surface-muted);cursor:not-allowed}.faq{gap:14px;max-width:760px;margin:0 auto;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px}.faq-item h3{color:var(--on-surface);margin:0 0 8px;font-size:1.05rem;font-weight:600}.faq-item p{color:var(--on-surface-muted);margin:0;font-size:.96rem}footer{border-top:1px solid var(--border);background:var(--bg-elevated)}.footer-inner{max-width:var(--maxw);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:40px 24px;display:flex}.footer-brand{color:var(--on-surface-muted);align-items:center;gap:10px;font-size:.92rem;display:flex}.footer-brand img{opacity:.85;width:26px;height:26px}.footer-links{flex-wrap:wrap;gap:22px;font-size:.92rem;display:flex}.footer-links a{color:var(--on-surface-muted)}.footer-links a:hover{color:var(--primary-hover)}#toast{background:var(--surface-2);color:var(--on-surface);border-radius:var(--radius);border:1px solid var(--border);opacity:0;z-index:50;align-items:center;gap:16px;max-width:calc(100% - 32px);padding:12px 20px;transition:transform .25s,opacity .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 8px 24px #00000080}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#toast button{color:var(--primary-hover);font:inherit;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:600}#toast button:hover{color:var(--primary-bright)}@media (width<=880px){.hero{grid-template-columns:1fr;gap:36px;padding-top:48px}.hero-copy .lead{max-width:none}.steps{grid-template-columns:1fr}}@media (width<=560px){.section{padding:56px 18px}.hero{padding:40px 18px 24px}.provider-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.provider-tile{padding:20px 8px}.card{padding:24px 20px}.discord{padding:14px}}