@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#f5f7ff;font-synthesis:none;text-rendering:optimizelegibility;background:#080d1b;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:#080d1b;min-width:320px;min-height:100%}body{background:#080d1b;min-width:320px;min-height:100vh;margin:0;display:block!important}#root{text-align:left;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}button{font:inherit}.app{color:#f5f7ff;background:radial-gradient(at 50% 38%,#284b9630,#0000 42%),radial-gradient(at 10% 90%,#1e4b961f,#0000 35%),#080d1b;flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.topbar{justify-content:space-between;align-items:center;width:100%;max-width:1180px;height:88px;padding:0 36px;display:flex}.brand{color:#fff;align-items:center;gap:9px;font-family:Outfit,sans-serif;font-size:23px;font-weight:700;text-decoration:none;display:flex}.brand-icon{color:#71a8ff;font-size:27px}.brand-highlight{color:#71a8ff}.availability{color:#a9b7d3;letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.availability-dot,.status-dot{background:#6b82a8;border-radius:50%;width:8px;height:8px}.availability-dot{background:#4ed9a1;box-shadow:0 0 12px #4ed9a1b3}.hero{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:55px 24px 70px;display:flex}.eyebrow{color:#8ca9d8;letter-spacing:3px;align-items:center;gap:11px;margin-bottom:25px;font-size:11px;font-weight:700;display:flex}.eyebrow-line{background:#568ee7;width:27px;height:1px}.hero h1{letter-spacing:-3px;color:#f7f8ff;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:clamp(46px,7vw,76px);font-weight:700;line-height:1.04}.hero h1 span{color:#75a9ff}.hero-description{color:#9caac4;max-width:600px;margin-bottom:42px;font-size:16px;line-height:1.8}.call-card{background:linear-gradient(145deg,#172541f5,#0d162afa);border:1px solid #749adb33;border-radius:22px;flex-direction:column;align-items:center;width:100%;max-width:430px;padding:27px 32px 25px;display:flex;box-shadow:0 25px 80px #00000059,inset 0 1px #ffffff0a}.card-top{color:#8294b4;letter-spacing:2px;justify-content:space-between;align-items:center;width:100%;font-size:10px;font-weight:700;display:flex}.session-label{color:#9bbcff;background:#4e84dd24;border-radius:20px;padding:6px 10px;font-size:9px}.voice-orb{justify-content:center;align-items:center;width:142px;height:142px;margin:30px 0 20px;display:flex;position:relative}.orb-ring{border:1px solid #5c8fe238;border-radius:50%;position:absolute;inset:0}.ring-two{border-color:#5c8fe24d;inset:13px}.orb-core{background:linear-gradient(145deg,#397cdb,#193e82);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:background .3s,box-shadow .3s;display:flex;box-shadow:0 0 40px #3071da59}.orb-symbol{color:#fff;font-size:35px}.orb-active .orb-ring{animation:2s infinite orb-pulse}.orb-loading .orb-core{animation:1s infinite alternate orb-glow}@keyframes orb-pulse{0%{opacity:.4;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}to{opacity:.4;transform:scale(.92)}}@keyframes orb-glow{0%{box-shadow:0 0 20px #3071da4d}to{box-shadow:0 0 55px #3071dacc}}.call-card h2{color:#f5f7ff;margin-bottom:7px;font-family:Outfit,sans-serif;font-size:24px;font-weight:600}.card-description{color:#93a2bd;margin-bottom:21px;font-size:13px;line-height:1.6}.connection-status{color:#9aabc8;justify-content:center;align-items:center;gap:9px;min-height:20px;margin-bottom:22px;font-size:12px;display:flex}.status-active{background:#4ed9a1;box-shadow:0 0 10px #4ed9a1a6}.status-loading{background:#75a9ff;animation:.8s infinite alternate status-blink}@keyframes status-blink{to{opacity:.3}}.call-button,.end-button{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.call-button{color:#fff;background:linear-gradient(100deg,#397fe5,#6556d9);box-shadow:0 8px 25px #376fdb40}.call-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #376fdb66}.call-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{font-size:17px}.button-arrow{margin-left:auto;font-size:19px}.end-button{color:#fff;background:linear-gradient(100deg,#d84e62,#b93657);flex:1}.end-button:hover{background:linear-gradient(100deg,#ed5d70,#ca3c5e);transform:translateY(-1px)}.call-controls{gap:10px;width:100%;display:flex}.mute-button{color:#9fc5ff;cursor:pointer;background:#4984dc26;border:1px solid #75aaff59;border-radius:12px;min-width:112px;padding:0 15px;font-size:14px;font-weight:700;transition:all .2s}.mute-button:hover{background:#4984dc47}.mute-button span{margin-right:7px}.mute-button.muted{color:#faa;background:#dc414121;border-color:#ff646466}.voice-orb.user-speaking .orb-core{background:linear-gradient(145deg,#438df7,#2054b6);box-shadow:0 0 45px #3b82f6bf}.voice-orb.user-speaking .orb-ring{border-color:#5a96ffbf;animation:.8s infinite alternate speaking-pulse}.voice-orb.assistant-speaking .orb-core{background:linear-gradient(145deg,#a477ff,#6842c7);box-shadow:0 0 45px #a477ffb3}.voice-orb.assistant-speaking .orb-ring{border-color:#a477ffbf;animation:.7s infinite alternate speaking-pulse}@keyframes speaking-pulse{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.12)}}.error-message{color:#faa;background:#dc41411a;border:1px solid #ff64644d;border-radius:9px;width:100%;margin-top:15px;padding:11px;font-size:12px;line-height:1.5}.privacy-note{color:#72839f;justify-content:center;align-items:center;gap:7px;margin-top:21px;font-size:11px;display:flex}.feature-row{justify-content:center;gap:55px;width:100%;max-width:650px;margin-top:42px;display:flex}.feature{color:#8ea0bd;flex-direction:column;align-items:center;gap:10px;font-size:12px;display:flex}.feature span{color:#75a9ff;font-size:22px}.feature p{font-size:12px}.footer{color:#61718e;letter-spacing:2px;border-top:1px solid #829bc31a;justify-content:space-between;width:100%;max-width:1180px;margin-top:auto;padding:23px 36px;font-size:10px;font-weight:700;display:flex}@media (width<=600px){.topbar{height:70px;padding:0 20px}.brand{font-size:20px}.hero{padding:48px 18px 45px}.eyebrow{letter-spacing:2px;font-size:9px}.hero h1{letter-spacing:-2px;font-size:clamp(42px,11vw,58px)}.hero-description{margin-bottom:32px;font-size:14px}.call-card{padding:23px 20px}.feature-row{gap:18px;margin-top:32px}.feature p{font-size:10px}.footer{letter-spacing:1px;padding:20px;font-size:8px}}@media (width<=400px){.call-controls{flex-direction:column}.mute-button{min-height:48px}.call-controls .end-button{width:100%}.feature-row{gap:12px}}
