:root{--primary:red;--primary-dark:#c00;--charcoal:#16171c;--muted:#6b6b6b;--warm:#fafafa;--border:#e5e5e5;--white:#fff}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--white);color:var(--charcoal);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ff00002e}.shell{background:var(--white);min-height:100vh}.topbar{border-top:2px solid var(--charcoal);background:var(--white);justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:14px clamp(20px,4vw,64px);display:flex}.brand{align-items:center;gap:12px;display:flex}.brandMark{color:#fff;background:var(--primary);clip-path:polygon(50% 0,92% 14%,92% 68%,50% 100%,8% 68%,8% 14%);letter-spacing:-.06em;place-items:center;width:38px;height:42px;font-size:17px;font-weight:900;display:grid;position:relative}.brandMark:after{clip-path:inherit;content:"";border:1px solid #ffffff80;position:absolute;inset:5px}.brandName{letter-spacing:-.035em;font-size:15px;font-weight:850}.brandSub{color:var(--muted);margin-top:2px;font-size:11px;font-weight:650}.statusPill{border:1px solid var(--border);background:var(--warm);color:#4f5158;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700}.workspace{background:radial-gradient(circle at 100% 0%, #ffffffeb, transparent 33rem), var(--warm);border-radius:30px 30px 0 0;min-height:calc(100vh - 74px);padding:clamp(28px,5vw,72px) clamp(20px,5vw,78px) 54px}.heroGrid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(30px,6vw,84px);width:min(1180px,100%);margin:0 auto;display:grid}.heroCopy{padding:28px 0}.eyebrow,.callLabel{color:var(--primary);letter-spacing:.13em;font-size:11px;font-weight:850}.heroCopy h1{letter-spacing:-.065em;max-width:720px;margin:15px 0 18px;font-size:clamp(42px,6.2vw,78px);font-weight:900;line-height:.98}.heroCopy>p{max-width:650px;color:var(--muted);margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.7}.featureRow{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.featureRow span{background:var(--white);color:#3e4046;border:1px solid #ff00001f;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:720}.callCard{background:var(--white);border:1px solid #ff000024;border-radius:24px;min-height:520px;padding:30px;position:relative;overflow:hidden;box-shadow:0 20px 55px #16171c14}.callCard:before{content:"";background:#ff00000e;border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-100px}.callCardHeader{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.callCardHeader h2{letter-spacing:-.045em;margin:7px 0 0;font-size:25px;font-weight:850}.connectionDot{background:#c9c9c9;border-radius:50%;width:11px;height:11px;margin-top:8px;box-shadow:0 0 0 6px #c9c9c924}.connectionDot--connecting{background:#e0a72c;box-shadow:0 0 0 6px #e0a72c24}.connectionDot--connected{background:#2e9e5b;box-shadow:0 0 0 6px #2e9e5b24}.connectionDot--error{background:#b91c1c;box-shadow:0 0 0 6px #b91c1c24}.voiceOrb{background:radial-gradient(circle,#fff 18%,#fff0f0 19%,#ffd6d6 58%,#ffadad 100%);border-radius:50%;place-items:center;width:190px;height:190px;margin:54px auto 32px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 25px 60px #ff000021}.voiceOrb[data-state=connected]{animation:1.8s ease-in-out infinite pulse}.voiceOrbInner{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 1px #ffffff57,0 14px 34px #ff00004d}.voiceOrbInner span{letter-spacing:-.03em;font-size:20px;font-weight:900}.callMessage{color:#56585e;text-align:center;min-height:46px;margin:0 auto 20px;font-size:14px;line-height:1.6}.callActions{justify-content:center;gap:10px;display:flex}.primaryButton,.secondaryButton,.dangerButton{cursor:pointer;border-radius:12px;min-height:46px;padding:0 17px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,background-color .15s}.primaryButton:hover,.secondaryButton:hover,.dangerButton:hover{transform:translateY(-1px)}.primaryButton{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 24px #ff00002e}.primaryButton:hover{background:var(--primary-dark)}.primaryButton:disabled{cursor:wait;opacity:.7;transform:none}.secondaryButton{border:1px solid var(--border);background:var(--warm);color:var(--charcoal)}.dangerButton{color:#b91c1c;background:#fff0f0;border:1px solid #ffd6d6}.callHint{color:#909197;text-align:center;margin-top:16px;font-size:10px}.infoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1180px,100%);margin:56px auto 0;display:grid}.infoCard{background:var(--white);border:1px solid #ff00001a;border-radius:20px;min-height:180px;padding:22px;box-shadow:0 10px 28px #16171c09}.infoIndex{color:var(--primary);font-size:10px;font-weight:900}.infoCard h2{letter-spacing:-.035em;margin:25px 0 8px;font-size:17px;font-weight:850}.infoCard p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 25px 60px #ff000021}50%{transform:scale(1.025);box-shadow:0 28px 72px #f003}}@media (max-width:900px){.heroGrid{grid-template-columns:1fr}.callCard{min-height:480px}.infoGrid{grid-template-columns:1fr}}@media (max-width:560px){.topbar{align-items:flex-start}.statusPill{display:none}.workspace{border-radius:22px 22px 0 0}.heroCopy h1{font-size:clamp(40px,14vw,58px)}.callCard{padding:22px 18px}.voiceOrb{width:165px;height:165px}.voiceOrbInner{width:92px;height:92px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}