:root{--bg: #0a0a0f;--panel: #13131b;--panel-2: #1a1a24;--panel-3: #21212d;--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--text-strong: #f5f5f7;--text-body: #d5d5de;--text-subtle: #9999a8;--text-muted: #6f6f7a;--accent: #6366f1;--accent-dim: #4f46e5;--accent-glow: rgba(99, 102, 241, .28);--warn: #f59e0b;--error: #ef4444;--ok: #10b981;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px -16px rgba(0, 0, 0, .6);--maxw: 1200px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--bg);color:var(--text-body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:hover{color:var(--text-strong)}p{margin:0 0 .75em;color:var(--text-body)}ul{padding-left:0;list-style:none;margin:0}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;padding:.05em .4em;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-strong)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#0a0a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;gap:32px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-strong);font-weight:600}.brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border);color:var(--text-strong)}.brand-text{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.01em;font-size:1.05rem}.nav-links{display:flex;gap:28px;margin-left:auto;margin-right:0;font-size:14px;color:var(--text-subtle);align-items:center}.nav-links a:hover,.nav-links button:hover{color:var(--text-strong)}.setup-steps{list-style:none;padding:0;margin:28px 0 0;counter-reset:step}.setup-steps>li{padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius-md, 10px);background:var(--panel);margin-bottom:14px}.setup-steps>li>h3{margin:0 0 8px;font-size:16px;color:var(--text-strong)}.setup-steps>li>p{margin:6px 0;font-size:14px;line-height:1.55;color:var(--text-body)}.setup-steps pre.snippet{margin:10px 0;padding:12px 14px;background:var(--panel-2, #0e1024);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;color:var(--text-strong);overflow-x:auto;white-space:pre}.setup-steps pre.snippet code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.nav-disabled{color:var(--text-subtle);opacity:.55;cursor:not-allowed;font-style:italic;-webkit-user-select:none;user-select:none}.nav-link-button{background:transparent;border:0;font:inherit;color:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}.nav-link-button .caret{font-size:10px;opacity:.7}.nav-cta{display:flex;align-items:center;gap:14px}.nav-cta .link{font-size:14px;color:var(--text-subtle)}.nav-cta .link:hover{color:var(--text-strong)}.dropdown-wrap{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:240px;background:var(--panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:0 24px 64px -16px #000000b3;padding:8px;display:grid;z-index:60}.dropdown-menu a{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-body);font-size:14px}.dropdown-menu a:hover{background:var(--panel-2);color:var(--text-strong)}.dropdown-menu a .sub{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--text-muted);margin-top:2px}@media (max-width: 720px){.nav{gap:12px}.nav-links,.nav-cta .link{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-strong);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;text-decoration:none;font-family:inherit}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff}.btn-ghost{background:var(--panel-2);color:var(--text-strong);border-color:var(--border-2)}.btn-ghost:hover{background:var(--panel-3);color:var(--text-strong)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-large{padding:12px 20px;font-size:15px}.btn-block{width:100%}.btn-arrow{transition:transform .12s ease}.btn:hover .btn-arrow{transform:translate(2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{position:relative;padding:90px 0 80px;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:100px;left:50%;transform:translate(-50%);width:680px;height:680px;background:radial-gradient(closest-side,var(--accent-glow),transparent 70%);filter:blur(40px);opacity:.7;pointer-events:none;z-index:0}.hero-inner{position:relative;z-index:1}.hero-icon{display:inline-flex;align-items:center;justify-content:center;width:144px;height:144px;border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--border-2);color:var(--text-strong);margin-bottom:28px;box-shadow:0 0 0 1px #ffffff05,0 24px 48px -24px #0009}.hero-title{margin:0 0 12px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;color:var(--text-strong);line-height:1.05}.hero-tagline{margin:0 0 18px;font-size:clamp(1.05rem,2vw,1.4rem);color:var(--accent);font-weight:500;letter-spacing:-.005em}.hero-sub{max-width:680px;margin:0 auto 32px;font-size:1.05rem;color:var(--text-subtle);line-height:1.6}.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px}.hero-note{margin:0;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.02em}.section{padding:100px 0}.section-tight{padding:60px 0}.section-alt{background:linear-gradient(180deg,transparent,rgba(99,102,241,.025),transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 16px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--accent)}.section-title{margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;color:var(--text-strong);letter-spacing:-.02em;line-height:1.15}.section-lead{max-width:760px;margin:0 0 48px;font-size:1.05rem;color:var(--text-subtle);line-height:1.65}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 960px){.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width: 600px){.grid-3{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card);transition:border-color .12s ease,transform .12s ease}.card h3{margin:0 0 8px;font-size:1.05rem;font-weight:600;color:var(--text-strong);letter-spacing:-.005em}.card p{margin:0;font-size:14px;color:var(--text-subtle);line-height:1.6}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border-2);margin-bottom:16px}.card-icon .dot{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow)}.link-card{cursor:pointer}.link-card:hover{border-color:var(--accent);transform:translateY(-2px)}.link-eyebrow{margin:0 0 8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--text-muted)}.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (max-width: 760px){.steps{grid-template-columns:1fr}}.steps li{display:flex;align-items:flex-start;gap:18px;padding:22px 24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;background:var(--accent);color:#fff;margin-top:2px}.step-body h3{margin:0 0 6px;color:var(--text-strong);font-weight:600;font-size:1.02rem;line-height:1.3}.step-body p{margin:0;color:var(--text-subtle);font-size:14px;line-height:1.6}.pricing-grid{align-items:stretch}.pricing-card{display:flex;flex-direction:column;position:relative}.pricing-featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 16px 48px -24px var(--accent-glow)}.pricing-pill{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;padding:4px 10px;border-radius:999px}.pricing-name{margin:0 0 8px;font-size:.85rem;font-family:JetBrains Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.pricing-price{margin:0 0 4px;font-size:2.2rem;font-weight:700;color:var(--text-strong);letter-spacing:-.02em}.pricing-price span{font-size:.95rem;font-weight:400;color:var(--text-muted);margin-left:4px}.pricing-tagline{margin:0 0 18px;font-size:13px;color:var(--text-subtle)}.pricing-list{margin:0 0 24px;display:grid;gap:8px;flex:1}.pricing-list li{position:relative;padding-left:22px;font-size:14px;color:var(--text-body)}.pricing-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}.site-footer{border-top:1px solid var(--border);padding:56px 0 28px;font-size:14px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;margin-bottom:40px}@media (max-width: 760px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-tagline{margin:12px 0 0;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted);letter-spacing:.04em}.footer-heading{margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase}.footer-grid ul li{margin-bottom:8px}.footer-grid ul a{color:var(--text-subtle)}.footer-grid ul a:hover{color:var(--text-strong)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:24px;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.footer-links a:hover{color:var(--text-strong)}.form{display:grid;gap:14px;max-width:480px;margin:0 auto}.form label{display:grid;gap:6px;font-size:13px;color:var(--text-subtle)}.form input[type=text],.form input[type=email],.form input[type=password],.form textarea,.form select{font:inherit;font-size:14px;background:var(--panel-2);color:var(--text-strong);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:10px 12px;width:100%}.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.form .optional{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.form-banner{background:var(--panel-2);border:1px solid var(--border);padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-body)}.form-banner.error{border-color:var(--error);color:#ffd5d5}.form-banner.ok{border-color:var(--ok);color:#c5f5e3}.form-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:32px;max-width:540px;margin:0 auto;box-shadow:var(--shadow-card)}.download-card{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px}.download-card .icon{width:60px;height:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border-2);font-family:JetBrains Mono,monospace;font-weight:700;color:var(--accent);font-size:22px}.download-card .body h3{margin:0 0 2px;color:var(--text-strong)}.download-card .body p{margin:0;font-size:13px;color:var(--text-subtle)}@media (max-width: 600px){.download-card{grid-template-columns:1fr;text-align:left}}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 64px)}@media (max-width: 760px){.admin-shell{grid-template-columns:1fr}}.admin-side{border-right:1px solid var(--border);padding:24px 16px;background:var(--panel);display:flex;flex-direction:column;gap:4px}.admin-side .who{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px}.admin-side button{text-align:left;background:transparent;border:1px solid transparent;color:var(--text-subtle);padding:8px 12px;border-radius:var(--radius-sm);font:inherit;cursor:pointer}.admin-side button:hover{color:var(--text-strong);background:var(--panel-2)}.admin-side button.active{color:var(--text-strong);background:var(--panel-2);border-color:var(--border-2)}.admin-side .logout{margin-top:auto;color:var(--text-muted)}.admin-main{padding:32px;min-width:0}.admin-main h2{margin:0 0 4px;color:var(--text-strong);font-size:1.5rem;letter-spacing:-.01em}.admin-main .lede{margin:0 0 24px;font-size:14px;color:var(--text-subtle)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.toolbar input,.toolbar select{font:inherit;font-size:13px;background:var(--panel-2);color:var(--text-strong);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:7px 10px}.toolbar input[type=date]{color-scheme:dark}.table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.table th{background:var(--panel-2);color:var(--text-subtle);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#ffffff05}.table .mono{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-subtle)}.table .right{text-align:right}.empty-row td{padding:32px 14px;text-align:center;color:var(--text-muted)}textarea.markdown{width:100%;min-height:360px;background:var(--panel-2);color:var(--text-strong);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:14px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;resize:vertical}.code-reveal{margin:12px 0;padding:14px 16px;background:var(--panel-2);border:1px dashed var(--accent);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text-strong);word-break:break-all}.code-reveal .label{font-size:10px;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.admin-table-wrap{overflow-x:auto;margin-top:16px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border)}.admin-table th{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.admin-table tbody tr:hover{background:var(--panel-2)}.admin-table tr.expired td{opacity:.55}.admin-table.compact th,.admin-table.compact td{padding:6px 8px;font-size:12px}.admin-table .ttl-set{color:var(--text-body)}.admin-table .ttl-expired{color:var(--warn, #f5b454)}.admin-table .prop-ok{color:#5fc874;font-family:JetBrains Mono,monospace;font-size:12px}.admin-table .prop-bad{color:#ff8a8a;font-family:JetBrains Mono,monospace;font-size:12px}.admin-table .prop-skip{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.btn-small{font-size:11px;padding:4px 9px}.btn-ghost.danger:hover{border-color:#d65555;color:#ff8a8a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02030acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md, 10px);padding:22px 24px;width:100%;max-width:560px;box-shadow:0 20px 80px #0008}.modal-card label{display:block;font-size:12px;color:var(--text-muted);margin:12px 0 5px}.modal-card input[type=text],.modal-card input[type=date],.modal-card input[type=password]{width:100%;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-strong);font-family:JetBrains Mono,monospace;font-size:13px}a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}