:root{--navy-0: #0e1626;--navy-1: #0a1020;--navy-soft: #111a2e;--ink: #e9eefc;--ink-dim: #9fb0d0;--ink-faint: #64748b;--gold: #f59e0b;--gold-light: #fbbf24;--gold-deep: #d97706;--gold-ink: #0f172a;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .04);--glass-2: rgba(255, 255, 255, .06);--serif: "Fraunces", Georgia, serif;--display: "Space Grotesk", system-ui, sans-serif;--sans: "Inter", system-ui, sans-serif;--radius: 20px;--shadow: 0 28px 70px -24px rgba(0, 0, 0, .65)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--navy-1);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.stage{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(1200px 700px at 50% -10%,rgba(245,158,11,.1),transparent 60%),linear-gradient(160deg,var(--navy-0) 0%,var(--navy-1) 70%);overflow:hidden}.stage:before,.stage:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;z-index:0}.stage:before{width:520px;height:520px;background:radial-gradient(circle,rgba(245,158,11,.22),transparent 70%);top:-120px;left:-80px;animation:drift1 16s ease-in-out infinite alternate}.stage:after{width:480px;height:480px;background:radial-gradient(circle,rgba(20,184,166,.14),transparent 70%);bottom:-160px;right:-100px;animation:drift2 19s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(60px,40px) scale(1.1)}}@keyframes drift2{to{transform:translate(-50px,-30px) scale(1.15)}}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:34px;width:auto;display:block}.brand .badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-size:12px;letter-spacing:.04em;color:var(--gold-light);background:#f59e0b1a;border:1px solid rgba(245,158,11,.28);padding:5px 11px;border-radius:999px}.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 #f59e0b99;animation:livedot 2s ease-out infinite}@keyframes livedot{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.langsel{position:relative}.langsel-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--glass);padding:8px 12px;border-radius:999px;font-size:14px;color:var(--ink);transition:border-color .2s,background .2s}.langsel-btn:hover{border-color:var(--line-strong);background:var(--glass-2)}.langsel-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;background:var(--navy-soft);border:1px solid var(--line);border-radius:14px;padding:6px;min-width:168px;z-index:20;box-shadow:var(--shadow)}.langsel-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border-radius:9px;font-size:14px;color:var(--ink);text-align:start}.langsel-menu button:hover{background:var(--glass-2)}.langsel-menu button[aria-selected=true]{color:var(--gold-light)}.main{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 20px 0;text-align:center}.tagline{font-family:var(--serif);font-size:clamp(26px,5vw,46px);font-weight:500;line-height:1.08;letter-spacing:-.01em;margin-top:6px}.tagline .accent{color:var(--gold-light)}.intro{color:var(--ink-dim);font-size:15px;margin-top:10px;max-width:540px}.orb-wrap{position:relative;width:clamp(180px,40vw,260px);height:clamp(180px,40vw,260px);margin:22px auto 6px;display:grid;place-items:center}.orb{position:relative;width:58%;height:58%;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--gold-light),var(--gold) 45%,var(--gold-deep) 100%);box-shadow:0 0 60px #f59e0b73,inset 0 0 30px #ffffff40;animation:breathe 4.5s ease-in-out infinite;z-index:3}.orb.speaking{animation:breathe 1.6s ease-in-out infinite}.orb.listening{background:radial-gradient(circle at 35% 30%,#7dd3fc,#14b8a6 50%,#0f766e);box-shadow:0 0 60px #14b8a680,inset 0 0 30px #ffffff40}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.ring{position:absolute;border-radius:50%;border:1px solid rgba(245,158,11,.25);top:0;right:0;bottom:0;left:0;animation:ripple 3.4s ease-out infinite}.ring.r2{animation-delay:1.1s}.ring.r3{animation-delay:2.2s}.orb-wrap.listening .ring{border-color:#14b8a64d}@keyframes ripple{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.25);opacity:0}}.orb-wrap{--level: 0}.orb{transform:scale(calc(1 + var(--level) * .18));transition:transform .08s linear}.caption{min-height:70px;max-width:620px;margin:12px auto 0;font-size:clamp(16px,2.4vw,20px);line-height:1.5;color:var(--ink)}.caption .you{color:var(--ink-dim);font-style:italic}.caption.fade{animation:fadein .4s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.signs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px auto 0}.sign{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-family:var(--display);font-size:13px;color:var(--ink-faint);transition:all .5s ease;opacity:.55}.sign .tick{width:8px;height:8px;border-radius:50%;background:var(--ink-faint);transition:all .5s}.sign.lit{color:var(--gold-light);border-color:#f59e0b73;background:#f59e0b14;opacity:1;box-shadow:0 0 22px -6px #f59e0b80}.sign.lit .tick{background:var(--gold);box-shadow:0 0 10px var(--gold)}.cards{width:100%;max-width:620px;margin:8px auto 0;display:flex;flex-direction:column;gap:14px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--glass-2),var(--glass));padding:18px;text-align:start;animation:cardin .5s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes cardin{0%{opacity:0;transform:translateY(14px) scale(.98)}}.card .kicker{font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.card h3{font-family:var(--display);font-size:18px;font-weight:600}.card p{color:var(--ink-dim);font-size:14px;margin-top:4px}.phone-number{display:inline-flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--display);font-size:clamp(22px,5vw,30px);font-weight:700;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);padding:12px 20px;border-radius:14px;text-decoration:none;box-shadow:0 10px 30px -8px #f59e0b8c;animation:pulseCall 2.4s ease-in-out infinite}@keyframes pulseCall{0%,to{box-shadow:0 10px 30px -8px #f59e0b73}50%{box-shadow:0 10px 44px -6px #f59e0bcc}}.phone-soon{margin-top:12px;color:var(--gold-light);font-family:var(--display)}.yousic-bars{display:flex;align-items:flex-end;gap:4px;height:40px;margin-top:12px}.yousic-bars i{width:5px;background:linear-gradient(var(--gold-light),var(--gold-deep));border-radius:3px;animation:eq 1.1s ease-in-out infinite}@keyframes eq{0%,to{height:8px}50%{height:38px}}.wait-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.wait-form input{flex:1 1 160px;min-width:0;border:1px solid var(--line-strong);background:#00000040;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:15px}.wait-form input:focus{outline:none;border-color:var(--gold)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-deep) 100%);color:var(--gold-ink);font-family:var(--display);font-weight:600;padding:12px 18px;border-radius:12px;white-space:nowrap;box-shadow:0 4px 15px #f59e0b4d;transition:transform .15s,box-shadow .2s}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f59e0b73}.btn-gold:disabled{opacity:.6;cursor:default;transform:none}.wait-thanks{margin-top:12px;color:var(--gold-light);font-weight:500}.composer-wrap{position:sticky;bottom:0;z-index:4;width:100%;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--navy-1) 60%,transparent)}.composer{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:10px}.voicebtn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(245,158,11,.4);background:#f59e0b1a;color:var(--gold-light);border-radius:999px;padding:13px 18px;font-family:var(--display);font-weight:600;transition:all .2s}.voicebtn:hover{background:#f59e0b2e}.voicebtn.active{background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;border-color:transparent;animation:micpulse 1.4s ease-in-out infinite}@keyframes micpulse{0%,to{box-shadow:0 0 #14b8a673}50%{box-shadow:0 0 0 10px #14b8a600}}.textfield{flex:1 1 auto;min-width:0;display:flex;align-items:center;border:1px solid var(--line-strong);background:#0000004d;border-radius:999px;padding:4px 4px 4px 18px}.textfield input{flex:1;min-width:0;border:none;background:none;color:var(--ink);font-size:15px;padding:10px 0}.textfield input:focus{outline:none}.sendbtn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:var(--gold-ink);display:grid;place-items:center;font-size:18px;font-weight:700}.sendbtn:disabled{opacity:.45}.soundbtn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--ink-dim);display:grid;place-items:center;font-size:18px}.soundbtn:hover{border-color:var(--line-strong)}.footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:4px 20px 10px;color:var(--ink-faint);font-size:12.5px}.counter{display:inline-flex;align-items:center;gap:7px}.counter b{color:var(--gold-light);font-family:var(--display)}.hint{color:var(--ink-faint);font-size:12.5px;margin-top:8px;min-height:16px}[dir=rtl] .card,[dir=rtl] .caption{text-align:start}[dir=rtl] .tagline{letter-spacing:0}@media(max-width:560px){.voicebtn span.label{display:none}.voicebtn{padding:13px}.orb-wrap{width:170px;height:170px;margin-top:14px}.signs{gap:7px}.sign{padding:6px 11px;font-size:12px}}@media(prefers-reduced-motion:reduce){.orb,.ring,.badge .dot,.phone-number,.voicebtn.active,.stage:before,.stage:after{animation:none!important}}