:root{--bg: #0c1a14;--bg-2: #10241b;--panel: #132b20;--line: #24473a;--ink: #eef6ef;--ink-2: #b5cabd;--ink-3: #83a092;--green: #3ddc84;--green-ink: #062414;--amber: #f5c451;--paper: #f7f3e8;--paper-ink: #16241d;--paper-ink-2: #4b5d53;--paper-line: #e1dac6;--red: #ff8a7a;--radius: 18px;--display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{min-height:100dvh;background:radial-gradient(1200px 600px at 15% -10%,#1b3d2d 0%,transparent 60%),radial-gradient(900px 500px at 110% 10%,#1a2f22 0%,transparent 55%),var(--bg);color:var(--ink);font:16px / 1.5 var(--body);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:8px;background:var(--amber);color:#1a1300;padding:8px 12px;border-radius:8px;z-index:10}.skip:focus{left:8px}.top{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(16px,4vw,40px)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:var(--green-ink);font-weight:800;font-size:20px}.brand-name em{font-style:normal;color:var(--green)}.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--bg-2)}.lang button{border:0;background:transparent;color:var(--ink-2);font:600 13px / 1 var(--body);padding:8px 14px;border-radius:999px;cursor:pointer;min-width:44px;min-height:32px}.lang button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.layout{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(16px,3vw,40px);padding:8px clamp(16px,4vw,40px) 24px;max-width:1320px;width:100%;margin:0 auto}@media(max-width:880px){.layout{grid-template-columns:1fr}}.call{display:flex;flex-direction:column;gap:16px;min-width:0}.tagline{font-family:var(--display);font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1.02;letter-spacing:-.03em;margin:8px 0 0;text-wrap:balance}.stage{--lvl: 0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0 6px}.orb{position:relative;width:168px;height:168px;border-radius:50%;border:0;padding:0;cursor:pointer;background:transparent;color:var(--green-ink);display:grid;place-items:center}.orb-core{position:relative;z-index:1;width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#7df0ae,var(--green) 55%,#20a95f);box-shadow:0 18px 50px -12px #3ddc848c,inset 0 -8px 20px #0000002e;transition:transform .12s ease-out;transform:scale(calc(1 + var(--lvl) * .18))}.orb-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(61,220,132,.35);transform:scale(calc(.9 + var(--lvl) * .35));transition:transform .12s ease-out,opacity .2s;opacity:.3}.orb-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);white-space:nowrap;color:var(--ink);font:600 14px / 1 var(--body)}.stage[data-state=listening] .orb-ring{opacity:1}.stage[data-state=connecting] .orb-core,.stage[data-state=thinking] .orb-core{animation:breathe 1.1s ease-in-out infinite;background:radial-gradient(circle at 35% 30%,#ffe39a,var(--amber) 55%,#c9951f);box-shadow:0 18px 50px -12px #f5c45180}.stage[data-state=speaking] .orb-core{animation:talk .7s ease-in-out infinite alternate;background:radial-gradient(circle at 35% 30%,#fff,#d9f7e5 55%,#a6e8c2)}.stage[data-state=speaking] .orb-ring{opacity:1;animation:ripple 1.4s ease-out infinite}.stage[data-state=error] .orb-core{background:radial-gradient(circle at 35% 30%,#ffc2b8,var(--red) 60%,#d45645)}@keyframes breathe{50%{transform:scale(.92)}}@keyframes talk{to{transform:scale(1.08)}}@keyframes ripple{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.orb-core,.orb-ring{animation:none!important;transition:none}}.status{margin:34px 0 0;min-height:1.5em;color:var(--ink-2);font-size:15px;text-align:center}.controls{min-height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;background:var(--green);color:var(--green-ink);font:600 15px / 1 var(--body);text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn.small{min-height:36px;padding:0 14px;font-size:14px}.transcript{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;scroll-behavior:smooth}.transcript:empty{display:none}.line{margin:0;padding:10px 14px;border-radius:14px;max-width:92%;font-size:15px;line-height:1.45}.line .who{display:block;font:600 11px / 1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:2px}.line.user{align-self:flex-end;background:var(--bg-2);border:1px solid var(--line)}.line.agent{align-self:flex-start;background:#3ddc841a;border:1px solid rgba(61,220,132,.25)}.line.sources{align-self:flex-start;border:1px dashed var(--line)}.line.sources ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 12px}.line.sources a{color:var(--green)}.line.sources a:focus-visible{outline:2px solid var(--green);outline-offset:2px}.line.partial .text{color:var(--ink-2)}.line.interrupted .text:after{content:" ✋"}.examples-label{display:block;color:var(--ink-3);font-size:13px;margin-bottom:8px}.examples ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:999px;padding:9px 14px;font:500 14px / 1.2 var(--body);cursor:pointer;text-align:left;min-height:40px}.chip:hover{border-color:var(--green)}.typebox{display:flex;gap:8px}.typebox input{flex:1;min-width:0;min-height:44px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--ink);padding:0 16px;font:400 15px var(--body)}.typebox input::placeholder{color:var(--ink-3)}.fine{color:var(--ink-3);font-size:12.5px;margin:0}.results{background:var(--bg-2);border:1px solid var(--line);border-radius:24px;padding:clamp(16px,2.4vw,26px);min-width:0;align-self:start}.results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.results h2{font-family:var(--display);font-size:24px;margin:0;letter-spacing:-.01em}.results-meta{margin:0;color:var(--ink-2);font-size:14px}.cards{list-style:none;margin:0;padding:0;display:grid;gap:12px;transition:opacity .2s}.cards.loading{opacity:.45}.card{display:grid;grid-template-columns:52px 1fr;gap:14px;background:var(--paper);color:var(--paper-ink);border-radius:var(--radius);padding:16px;border:2px solid transparent;transition:border-color .2s,transform .2s,box-shadow .2s;animation:rise .36s ease-out both}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(6){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.card.active{border-color:var(--green);box-shadow:0 0 0 6px #3ddc842e;transform:translate(4px)}.rank{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--paper-ink);color:var(--paper);font:800 26px / 1 var(--display)}.card.active .rank{background:var(--green);color:var(--green-ink)}.card-body{min-width:0}.card-title{margin:0;font:700 18px / 1.25 var(--display);letter-spacing:-.01em}.card-title a{text-decoration:none}.card-title a:hover{text-decoration:underline}.company{margin:2px 0 8px;color:var(--paper-ink-2);font-size:14px}.pay{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:16px}.pay strong{font-weight:700}.idr{font-size:13.5px;color:#7a5a00;background:#fbe9b8;border-radius:6px;padding:1px 7px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.badge{font-size:12px;font-weight:600;border-radius:999px;padding:3px 9px;background:#ebe5d3;color:var(--paper-ink-2)}.badge.id_friendly{background:#d5f5e1;color:#0b5a2d}.badge.restricted,.badge.region{background:#ffe1db;color:#8a2415}.actions{display:flex;flex-wrap:wrap;gap:8px}.card .btn{background:var(--paper-ink);color:var(--paper)}.card .btn.ghost{background:transparent;color:var(--paper-ink);border-color:var(--paper-line)}.card.expanded .actions .btn:first-child{background:var(--green);color:var(--green-ink);box-shadow:0 6px 18px -6px #3ddc84cc}.empty{color:var(--ink-2);margin:8px 0 4px;padding:28px 18px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center}.empty p{margin:0 0 14px}.steps{text-align:left;margin:0 auto;max-width:420px;padding-left:22px;color:var(--ink);font-size:15px;display:grid;gap:6px}.results .fine{margin-top:12px}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px clamp(16px,4vw,40px) calc(16px + env(safe-area-inset-bottom));color:var(--ink-3);font-size:13px;border-top:1px solid var(--line)}@media(max-width:520px){.orb{width:140px;height:140px}.orb-core{width:98px;height:98px}.card{grid-template-columns:40px 1fr;gap:10px;padding:14px}.rank{width:40px;height:40px;font-size:20px;border-radius:11px}}