:root{--welcome-bg: radial-gradient(circle at top, rgba(68, 208, 255, .12), transparent 55%), radial-gradient(circle at bottom right, rgba(255, 93, 74, .1), transparent 50%), linear-gradient(180deg, #050913 0%, #02040a 100%);--welcome-panel: rgba(255, 255, 255, .06);--welcome-border: rgba(255, 255, 255, .12);--welcome-accent: #44d0ff}body{background:var(--welcome-bg, #050913)!important;color:#f5f7fb;font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:.01em}.welcome-shell{max-width:1080px;margin:0 auto;padding:24px 18px 36px}.welcome-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-bottom:20px;border:1px solid rgba(68,208,255,.36);border-radius:12px;background:linear-gradient(135deg,#0a1826eb,#07101ceb)}.demo-banner__text{margin:0;color:#e0ecf8e6;font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}.demo-banner__cta{border:1px solid rgba(68,208,255,.52);border-radius:999px;background:linear-gradient(135deg,#44d0fff0,#249adce6);color:#041724;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;cursor:pointer;white-space:nowrap}.demo-banner__cta:hover{filter:brightness(1.05)}.welcome-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;width:100%}.welcome-nav-toggle{display:none;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0f;color:#d2def0cc;padding:8px 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.welcome-nav-toggle:hover{color:#dff4ff;border-color:#ffffff40}.welcome-nav-menu{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.welcome-nav a,.welcome-features__toggle{display:inline-flex;align-items:center;text-decoration:none;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#d2def0b3;line-height:1;padding:6px 8px}.welcome-nav a:hover,.welcome-features__toggle:hover{color:#dff4ff}.welcome-features{position:relative;display:inline-flex;align-items:center}.welcome-features__menu{position:absolute;top:calc(100% + 8px);left:0;min-width:360px;background:#09101afa;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;display:none;gap:6px 12px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:360px;overflow:auto;z-index:20}.welcome-features__menu a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d2def0bf;text-decoration:none}.welcome-features__menu a:hover{color:#dff4ff}.welcome-features__menu a{padding:6px 8px;border-radius:8px}.welcome-features__menu a:hover{background:#44d0ff1f}.welcome-features.is-open .welcome-features__menu{display:grid}.welcome-flow{margin-top:36px;padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#090f1a59}.welcome-flow__title{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d2def0b3;margin-bottom:14px;text-align:center}.welcome-flow__rail{position:relative;display:grid;gap:14px;grid-template-columns:repeat(7,minmax(120px,1fr));padding-top:26px}.welcome-flow__rail:before{content:"";position:absolute;left:10px;right:10px;top:14px;height:2px;background:linear-gradient(90deg,#44d0ff73,#ec382159)}.welcome-flow__step{position:relative;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080e16b3;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.welcome-flow__step:before{content:none}.welcome-flow__step:hover{border-color:#ffaf5a99;box-shadow:0 14px 28px #060c1659;transform:translateY(-1px)}.welcome-flow__step h3{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.welcome-flow__step p{margin:0;color:#dce9f8b3;font-size:12px;line-height:1.5}.welcome-footer{margin-top:48px;padding:32px 0 44px;display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:32px;color:#d2def0b3;border-top:1px solid rgba(68,208,255,.22);background:linear-gradient(180deg,#060c1499,#06101ce6);box-shadow:inset 0 1px #44d0ff1f}.footer-brand{display:grid;gap:10px}.footer-brand img{width:180px;height:auto}.footer-meta{margin:0;font-size:12px;color:#c8d4e6b3}.footer-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.footer-column{display:grid;gap:10px}.footer-heading{margin-bottom:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#d2def0b3}.footer-link{text-decoration:none;font-size:12px;color:#d2def0b3;letter-spacing:.14em;text-transform:uppercase}.footer-link:hover{color:#fff}.footer-demo{margin-top:20px;padding-top:20px;border-top:1px solid rgba(68,208,255,.15);display:grid;gap:12px;grid-column:1 / -1}.footer-demo__title{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d2def0bf}.footer-demo__copy{margin:0;font-size:13px;color:#c8d4e6cc}.footer-demo__form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.footer-demo__form input,.footer-demo__form textarea{background:#080e16e6;border:1px solid rgba(68,208,255,.2);border-radius:10px;padding:10px 12px;color:#e9f2ff;font-size:12px;font-family:inherit}.footer-demo__form textarea{min-height:90px;grid-column:1 / -1;resize:vertical}.footer-demo__form button{justify-self:start;border-radius:999px;padding:12px 20px;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#44d0fff2,#1284d2d9);color:#03121d;border:none}.footer-demo__status{font-size:12px;color:#c8d4e6b3}.footer-demo__status[data-tone=error]{color:#ff8b8b}.footer-demo__status[data-tone=success]{color:#7dff8a}@media (max-width: 720px){.welcome-footer{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.footer-grid{grid-template-columns:1fr}}.welcome-section{display:none}.welcome-section.is-active{display:block}.welcome-hero{display:grid;gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;padding:12px 0 24px}.hero-left{display:flex;flex-direction:column;gap:12px;padding:8px 8px 0 0;margin-top:0}.hero-left .hero-sub{max-width:600px;font-size:15px;line-height:1.7}.hero-note{margin-top:8px;font-size:12px;color:#d2def0b3;letter-spacing:.08em;text-transform:uppercase}.hero-right{display:grid;gap:16px;padding-top:8px}.welcome-card{background:var(--welcome-panel, rgba(255, 255, 255, .06));border:1px solid var(--welcome-border, rgba(255, 255, 255, .12));border-radius:22px;padding:22px;box-shadow:0 18px 44px #00000073;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.welcome-card:hover{transform:translateY(-1px);border-color:#fff3;box-shadow:0 24px 50px #0000008c}.welcome-card:focus-within{border-color:#44d0ff99}.code-display-card{margin-top:24px}.hero-title{font-family:Bebas Neue,Oswald,sans-serif;font-size:clamp(32px,5vw,54px);letter-spacing:.2em;margin:0 0 10px;text-transform:uppercase;line-height:1.08}.hero-sub{margin:0 0 18px;color:#ebf3ffad;font-size:15px;line-height:1.7}.welcome-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.hero-meta{display:none}.hero-logo{display:flex;justify-content:flex-start;margin-bottom:12px}.hero-logo img{width:clamp(180px,22vw,260px);height:auto;display:block}.meta-pill{padding:6px 12px;border-radius:999px;background:#ffffff14;color:#fffc;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.meta-pill[data-tone=accent]{background:#44d0ff33;color:#8be9ff}.welcome-section-title{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#d2def0bf;margin:0 0 12px}.welcome-lede{margin:0 0 16px;color:#dce9f8b8;font-size:13px;line-height:1.6}.welcome-note{margin-top:20px;font-size:12px;color:#d2def0b3;letter-spacing:.08em;text-transform:uppercase;text-align:left}.included-shell{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.feature-list{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-btn{border:1px solid rgba(115,200,255,.35);border-radius:18px;background:linear-gradient(145deg,#122032eb,#08101ce0);padding:16px 18px;color:#eaf6ff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 10px 24px #050a1259}.feature-btn:hover{border-color:#ffaf5ab3;background:linear-gradient(145deg,#1e1812f2,#120c0ae6);transform:translateY(-2px);box-shadow:0 16px 32px #12080559}.feature-btn.is-active{border-color:#44d0ffbf;background:linear-gradient(145deg,#1a384af2,#0e1e2ce6);transform:translateY(-2px);box-shadow:0 18px 36px #0a1e2d66}.feature-detail{padding:24px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:#0c131ce0;min-height:240px}.feature-detail h3{margin:0 0 12px;font-size:18px;letter-spacing:.12em;text-transform:uppercase}.feature-detail p{margin:0;color:#dce9f8cc;line-height:1.6}.input-row{display:grid;gap:8px}.input-row label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c8d4e6b3}.input-row input{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;font-size:14px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.action-btn{border:none;border-radius:12px;padding:12px 18px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff14;color:#f3f6fb}.action-btn[data-tone=primary]{background:linear-gradient(135deg,#44d0ffe6,#3f96ffe6);color:#03121d;font-weight:700}.action-btn[data-tone=secondary]{background:linear-gradient(135deg,#ff9b4be6,#ff5d4ae6);color:#1a0b05;font-weight:700}.action-link{border:none;background:transparent;color:#bed6f4cc;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px;padding:0;cursor:pointer;text-align:left}.action-link:hover{color:#8be9ff}.inline-link{color:var(--welcome-accent, #44d0ff);text-decoration:none;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.code-box{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);background:#00000059;display:flex;justify-content:space-between;align-items:center;gap:12px}.code-box strong{font-size:18px;letter-spacing:.18em}.code-display{margin-top:16px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#05080c73;display:flex;flex-direction:column;align-items:flex-start;gap:8px;word-break:break-word;overflow-wrap:anywhere}.code-display strong{font-size:1rem;letter-spacing:.16em;text-transform:uppercase}.status-line{margin-top:14px;font-size:12px;color:#d0dceeb3}.token-row{margin-top:18px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000047;display:grid;gap:10px}.token-row input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#05080c80;color:#fff;font-size:13px}.toast{position:fixed;right:24px;bottom:24px;max-width:360px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0a121aeb;color:#f2f6ff;display:none;gap:12px;align-items:center;box-shadow:0 24px 50px #00000073;z-index:1200}.toast.is-visible{display:flex}.toast[data-tone=error]{border-color:#ff747466;background:#240c10f2;color:#ffd6d6}.toast-message{font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}.toast-close{border:none;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1}.invite-recovery-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ca6;display:none;align-items:center;justify-content:center;z-index:50;padding:16px}.invite-recovery-modal.is-open{display:flex}.invite-recovery-card{position:relative;width:min(420px,100%);background:#060c14f5;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px 20px 18px;box-shadow:0 18px 44px #0000008c;display:grid;gap:12px}.invite-recovery-card h3{margin:0;font-size:16px;letter-spacing:.12em;text-transform:uppercase}.invite-recovery-card p{margin:0;font-size:13px;color:#dce9f8b8;line-height:1.6}.invite-recovery-card label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c8d4e6b3}.invite-recovery-card input{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;font-size:14px}.invite-recovery-actions{display:flex;gap:10px;flex-wrap:wrap}.invite-recovery-close{position:absolute;top:14px;right:14px;border:none;background:#ffffff1a;color:#fff;border-radius:999px;width:28px;height:28px;cursor:pointer}@media (max-width: 900px){.demo-banner{flex-direction:column;align-items:stretch}.demo-banner__cta{width:100%}.welcome-hero{grid-template-columns:1fr}.welcome-topbar{flex-direction:column;justify-content:center}.welcome-nav{flex-direction:column;align-items:stretch;gap:12px}.welcome-nav-toggle{display:inline-flex;align-self:flex-end}.welcome-nav-menu{display:none;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#080e16e6}.welcome-nav.is-open .welcome-nav-menu{display:flex}.welcome-nav a,.welcome-features__toggle{justify-content:flex-start;padding:8px 10px}.hero-left{padding:0}.hero-logo{justify-content:center}.included-shell,.feature-list{grid-template-columns:1fr}.welcome-note{text-align:center}.welcome-features{width:100%}.welcome-features__menu{position:static;min-width:unset;width:100%;max-height:none;overflow:visible;grid-template-columns:1fr}.welcome-flow__rail{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.welcome-flow__rail:before{display:none}.welcome-flow__step:before{content:none}}