:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#e2e8f0;background:#0b1220;--bg: #0b1220;--surface: #151d2e;--surface-2: #1a2438;--border: #2a3548;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-dim: #0ea5e9;--ok: #34d399;--warn: #fbbf24;--radius: 12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.12),transparent),var(--bg)}.app{margin:0 auto;padding:0 1.25rem 2rem}.app-landing{max-width:52rem}.app-auth{max-width:28rem}.app-dashboard{max-width:44rem}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;margin-bottom:.5rem}.brand{display:flex;align-items:center;gap:.65rem;background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left}.brand:disabled{cursor:default}.brand-mark{width:2.25rem;height:2.25rem;border-radius:10px;background:linear-gradient(135deg,var(--accent),#6366f1);display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b1220;font-size:1.1rem}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-sub{font-size:.75rem;color:var(--muted)}.header-nav{display:flex;gap:.5rem;align-items:center}button{font:inherit;cursor:pointer}.btn-primary{padding:.6rem 1.15rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#0b1220;font-weight:700}.btn-primary.btn-sm{padding:.45rem .9rem;font-size:.9rem}.btn-secondary{padding:.6rem 1.15rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-weight:600}.btn-ghost{padding:.45rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--muted);font-weight:500}.btn-ghost:hover{color:var(--text)}button.link{background:none;color:var(--accent);padding:0;margin-top:.5rem;font-weight:500;border:none}button:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.35rem;margin-top:1rem}.card h2{margin:0 0 .5rem;font-size:1.05rem;color:#f1f5f9}.card ul{margin:.5rem 0 0;padding-left:1.25rem}.muted{color:var(--muted);font-size:.92rem}.error{color:#f87171;margin:.5rem 0}.hero{text-align:center;padding:1.5rem 0 2rem}.hero-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:#38bdf81a;border:1px solid rgba(56,189,248,.25);padding:.3rem .75rem;border-radius:999px;margin-bottom:1.25rem}.hero-logo{margin-bottom:.75rem}.door-icon{display:inline-flex;width:4rem;height:4rem;align-items:center;justify-content:center;font-size:2rem;font-weight:800;border-radius:20px;background:linear-gradient(145deg,var(--accent),#6366f1);color:#0b1220;box-shadow:0 12px 40px #38bdf840}.hero-title{margin:0;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.hero-subtitle{margin:.85rem auto 0;max-width:36rem;color:var(--muted);font-size:1.05rem;line-height:1.6}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.hero-hint{margin-top:1rem;font-size:.88rem}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:.5rem}@media(min-width:640px){.status-grid{grid-template-columns:repeat(4,1fr)}}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem}.status-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.status-value{font-size:1.15rem;font-weight:700}.status-value.ok{color:var(--ok)}.status-value.warn{color:var(--warn)}.status-detail{font-size:.78rem;color:var(--muted)}.section-card{margin-top:1rem}.section-intro{margin:0 0 1rem}.steps{display:flex;flex-direction:column;gap:1rem}.step{display:flex;gap:1rem;align-items:flex-start}.step-num{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:#38bdf826;color:var(--accent);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}.step p{margin:.25rem 0 0}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.feature-item{padding:.85rem 1rem;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.feature-item.ready{border-color:#34d39959;background:#34d3990f}.feature-item.partial{border-color:#fbbf244d}.feature-head{display:flex;gap:.75rem;align-items:flex-start}.feature-icon{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.feature-item.ready .feature-icon{background:#34d39933;color:var(--ok)}.feature-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.feature-desc{margin:.5rem 0 0 2.25rem;font-size:.88rem}.pill{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:4px}.pill-ok{background:#34d39926;color:var(--ok)}.pill-pending{background:#94a3b826;color:var(--muted)}.pill-key{background:#fbbf241f;color:var(--warn)}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}@media(min-width:640px){.integration-grid{grid-template-columns:repeat(4,1fr)}}.integration-item{padding:.75rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;gap:.2rem}.integration-item.on{border-color:#34d39959}.integration-item.dev{border-color:#fbbf2459}.integration-name{font-weight:600;font-size:.9rem}.integration-use{font-size:.78rem}.integration-status{font-size:.75rem;font-weight:600;margin-top:.25rem;color:var(--muted)}.integration-item.on .integration-status{color:var(--ok)}.integration-item.dev .integration-status{color:var(--warn)}.demo-card code{background:#38bdf81f;color:var(--accent);padding:.1rem .4rem;border-radius:4px;font-size:.88em}.demo-grid{display:grid;gap:1rem;margin-bottom:.5rem}@media(min-width:640px){.demo-grid{grid-template-columns:repeat(3,1fr)}}.demo-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-weight:700;margin-bottom:.35rem}.demo-grid p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.45}.site-footer{text-align:center;padding:2rem 0 1rem;font-size:.82rem}.site-footer p{margin:.25rem 0}label{display:block;margin-top:.75rem;font-size:.85rem;color:#cbd5e1}input,select{width:100%;margin-top:.25rem;padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.card form button[type=submit]{margin-top:1rem;padding:.55rem 1rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#0b1220;font-weight:600;width:100%}button.secondary{background:#475569;color:#f8fafc;border:none;border-radius:8px;padding:.55rem 1rem;font-weight:600}.check{display:flex;gap:.5rem;align-items:flex-start}.check input{width:auto;margin-top:.2rem}.disclaimer{max-height:8rem;overflow-y:auto;font-size:.8rem;background:var(--bg);padding:.75rem;border-radius:8px;margin-bottom:.75rem}.tabs{display:flex;gap:.4rem;margin:1rem 0 .5rem;flex-wrap:wrap}.tabs button{margin-top:0;padding:.45rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.88rem;font-weight:500}.tabs button.active{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:#0b1220;border-color:transparent;font-weight:700}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.actions button{margin-top:.5rem}.list{list-style:none;padding:0;margin:.5rem 0}.list li{padding:.65rem 0;border-bottom:1px solid var(--border)}.result-list{list-style:none;padding:0;margin:.25rem 0}.chat-box{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.welcome-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.welcome-bar h2{margin:0}.welcome-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.role-badge{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#38bdf826;color:var(--accent)}.dev-otp-banner{margin:.75rem 0 1rem;padding:1rem 1.15rem;border-radius:10px;border:1px solid rgba(251,191,36,.45);background:#fbbf241a;text-align:center}.dev-otp-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--warn);margin-bottom:.35rem}.dev-otp-code{display:block;font-size:2rem;font-weight:800;letter-spacing:.35em;color:#fef3c7;line-height:1.2}.dev-otp-hint{margin:.5rem 0 0;font-size:.82rem;color:var(--muted)}