:root{color:#f7f7f2;font-synthesis:none;text-rendering:geometricprecision;--paper:#f7f7f2;--fog:#d8dbd8;--steel:#9ea4a9;--muted:#aeb2ad;--dim:#777b76;--ink:#050505;--graphite:#17181a;--line:#f7f7f229;--panel:#0b0c0cbd;--panel-strong:#121313e6;--accent:#b8ff5c;--blue:#7dd3fc;--danger:#ffb7a5;background:#050505;font-family:Inter,Space Grotesk,Sora,Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#050505;min-width:320px;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}h1,h2,p{margin-top:0}.demo-shell{isolation:isolate;background:linear-gradient(90deg,#050505e6,#0505058f 48%,#050505f0),radial-gradient(circle at 18% 18%,#b8ff5c1f,#0000 24%),radial-gradient(circle at 86% 24%,#7dd3fc1c,#0000 26%),#050505;min-height:100svh;padding:clamp(16px,3vw,28px);position:relative;overflow:hidden}.demo-shell:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#f5f2ea0b 1px,#0000 1px),linear-gradient(90deg,#f5f2ea08 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.portal-field{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene-image{object-fit:cover;opacity:.18;filter:saturate(.85)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.scene-vignette{background:radial-gradient(circle at 70% 42%,#f7f7f21f,#0000 22%),linear-gradient(#05050533,#050505 92%);position:absolute;inset:0}.portal-ring,.portal-aperture,.orbit-dot,.vertical-signal,.scanline{position:absolute}.portal-ring{aspect-ratio:1;border:1px solid #f5f2ea2e;border-radius:50%;width:min(70vw,780px);animation:7s ease-in-out infinite breathe;top:46%;right:max(-20vw,-240px);box-shadow:inset 0 0 70px #f5f2ea0f,0 0 120px #f5f2ea0d}.ring-two{width:min(44vw,520px);animation-delay:-2s;right:max(-8vw,-120px)}.portal-aperture{aspect-ratio:1;background:radial-gradient(circle,#f7f7f224,#0000 35%),conic-gradient(from 120deg,#0000,#f7f7f229,#0000,#b8ff5c29,#0000);border:1px solid #f7f7f261;border-radius:50%;width:clamp(100px,14vw,172px);animation:9s ease-in-out infinite aperture;top:48%;right:clamp(40px,12vw,180px);box-shadow:0 0 70px #f7f7f21f,inset 0 0 42px #050505b8}.orbit-dot{background:var(--paper);border-radius:50%;width:7px;height:7px;box-shadow:0 0 22px #f7f7f2cc}.dot-one{animation:8s ease-in-out infinite driftOne;top:24vh;right:27vw}.dot-two{background:var(--blue);animation:10s ease-in-out infinite driftTwo;bottom:24vh;right:8vw;box-shadow:0 0 22px #7dd3fccc}.vertical-signal{background:linear-gradient(#0000,#f7f7f261,#0000);width:1px;height:54vh;top:22vh;left:clamp(18px,4vw,56px)}.scanline{background:linear-gradient(#0000,#f5f2ea0b,#0000);height:180px;animation:8s linear infinite scan;inset:0;transform:translateY(-180px)}.topbar{z-index:4;justify-content:space-between;align-items:center;gap:14px;width:min(100%,1240px);min-height:48px;margin:0 auto;display:flex;position:relative}.brand-lockup,.book-link,.cta-row,.export-row{color:inherit;text-decoration:none}.brand-lockup{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:11px;min-width:0;font-weight:900;display:inline-flex}.brand-lockup img{filter:drop-shadow(0 0 18px #f7f7f238);flex:none;width:38px;height:38px}.brand-lockup span{gap:3px;min-width:0;display:grid}.brand-lockup strong{letter-spacing:.2em;font-size:.9rem}.brand-lockup small{color:var(--steel);letter-spacing:.14em;white-space:nowrap;font-size:.55rem}.book-link{min-height:42px;color:var(--paper);letter-spacing:.04em;background:#05050585;border:1px solid #f7f7f247;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-weight:850;transition:border-color .18s,transform .18s,background .18s;display:inline-flex}.book-link:hover{background:#b8ff5c1f;border-color:#b8ff5cc2;transform:translateY(-1px)}.hero-workspace{z-index:2;grid-template-columns:minmax(0,.95fr) minmax(360px,.78fr);align-items:center;gap:clamp(24px,4.5vw,68px);width:min(100%,1240px);min-height:calc(100svh - 140px);margin:0 auto;padding:clamp(28px,5vh,54px) 0 clamp(10px,2vh,18px);display:grid;position:relative}.voice-stage{max-width:720px;animation:.7s ease-out both rise}.eyebrow{color:var(--steel);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:900}h1{max-width:760px;color:var(--paper);letter-spacing:0;text-wrap:balance;margin-bottom:18px;font-size:clamp(3.15rem,7vw,7.6rem);line-height:.88}.lede{color:#e2e1d9;max-width:610px;margin-bottom:22px;font-size:clamp(1.02rem,1.45vw,1.26rem);line-height:1.48}.scenario-rail{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0505058f;border:1px solid #f7f7f22e;border-radius:999px;flex-wrap:wrap;gap:4px;max-width:100%;margin-bottom:24px;padding:4px;display:inline-flex}.scenario{min-height:44px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 14px;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.scenario span{text-align:left;gap:1px;display:grid}.scenario strong{font-size:.84rem}.scenario small{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:900}.scenario:hover,.scenario.active{background:linear-gradient(#b8ff5c29,#b8ff5c0f);border-color:#b8ff5cb8;transform:translateY(-1px)}.scenario.active small{color:var(--accent)}.proof-strip{width:min(100%,700px);color:var(--steel);flex-wrap:wrap;gap:8px;margin:0 0 20px;font-size:.75rem;font-weight:850;display:flex}.proof-strip span{background:#f7f7f20b;border:1px solid #f7f7f221;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;display:inline-flex}.proof-strip svg{color:var(--accent);flex:none}.voice-console{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,#f7f7f214,#0505053d),#050505b3;border:1px solid #f7f7f233;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(100%,620px);margin-top:18px;padding:14px;display:grid;box-shadow:0 26px 70px #00000047}.voice-button{min-width:136px;min-height:62px;color:var(--ink);background:var(--paper);cursor:pointer;letter-spacing:.01em;border:1px solid #f7f7f280;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.voice-button.active{color:var(--paper);background:#f5f2ea17;animation:1.2s ease-in-out infinite listenPulse}.voice-button-glow{opacity:.3;background:conic-gradient(from 180deg,#0000,#d9ff6abf,#0000);border-radius:50%;animation:2.8s linear infinite rotate;position:absolute;inset:-24px}.voice-button svg,.voice-button span:not(.voice-button-glow){position:relative}.voice-meta{gap:4px;min-width:0;display:grid}.voice-status-line{align-items:center;gap:9px;display:flex}.voice-meta strong{color:var(--paper);font-size:1rem}.voice-meta>span{color:var(--muted);font-size:.86rem}.agent-profile{color:#dcdad1;letter-spacing:.04em;text-transform:uppercase;background:#f5f2ea0e;border:1px solid #f5f2ea26;border-radius:999px;width:fit-content;max-width:100%;margin-top:4px;padding:4px 7px;font-size:.7rem;font-weight:900}.status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite dotPing;box-shadow:0 0 20px #d9ff6ae6}.icon-action{width:42px;height:42px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f5f2ea2e;border-radius:50%;place-items:center;display:grid}.caption-band{background:linear-gradient(90deg,#b8ff5c1a,#05050508 52%),linear-gradient(#f7f7f20f,#0000);border-left:1px solid #b8ff5cb8;width:min(100%,680px);min-height:132px;margin-top:18px;padding:18px 18px 18px 20px;position:relative;overflow:hidden}.caption-band:before{content:"";background:linear-gradient(100deg,#0000,#f7f7f214,#0000);animation:5.8s ease-in-out infinite captionSweep;position:absolute;inset:0;transform:translate(-100%)}.caption-label{color:var(--accent);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:9px;font-size:.76rem;font-weight:900;display:inline-flex;position:relative}.caption-band p{min-height:44px;color:var(--paper);margin-bottom:12px;font-size:clamp(1.06rem,2.2vw,1.6rem);line-height:1.2;position:relative}.mini-transcript{color:var(--muted);gap:5px;font-size:.84rem;display:grid;position:relative}.mini-transcript span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-transcript .customer:before{content:"Customer: ";color:#f2f2ec}.mini-transcript .agent:before{content:"Agent: ";color:var(--accent)}.error-line{width:min(100%,640px);color:var(--danger);margin:14px 0 0;font-weight:800}.service-log{background:linear-gradient(180deg, #f7f7f21a, transparent 36%), radial-gradient(circle at 94% 9%, #b8ff5c1f, transparent 30%), var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #f7f7f238;border-radius:28px;align-self:center;min-height:560px;padding:24px 24px 22px 34px;animation:.76s ease-out 90ms both rise;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.service-log:before{content:"";pointer-events:none;background-image:linear-gradient(#f7f7f209 1px,#0000 1px),linear-gradient(90deg,#f7f7f206 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.service-log.logging:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--blue), transparent);height:1px;animation:1.1s ease-out both logSweep;position:absolute;top:0;left:0;right:0}.log-status-rail{align-content:space-between;width:7px;display:grid;position:absolute;top:26px;bottom:26px;left:14px}.log-status-rail:before{content:"";background:linear-gradient(#0000,#f7f7f257,#0000);width:1px;position:absolute;top:8px;bottom:8px;left:3px}.log-status-rail span{z-index:1;background:var(--paper);border-radius:50%;width:7px;height:7px;position:relative;box-shadow:0 0 14px #f7f7f28c}.service-log-header{justify-content:space-between;align-items:start;gap:18px;display:flex;position:relative}.service-log h2,.client-proof h2{letter-spacing:0;margin:0;font-size:clamp(2rem,3.4vw,3.7rem);line-height:.96}.progress-pill{min-width:58px;min-height:34px;color:var(--accent);border:1px solid #b8ff5ca6;border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.progress-track{background:#f5f2ea26;height:2px;margin:20px 0;position:relative}.progress-track span{background:var(--accent);height:100%;transition:width .42s;display:block;box-shadow:0 0 18px #d9ff6ab3}.tool-pulse{background:linear-gradient(90deg,#f5f2ea0b,#0000),#ffffff06;border:1px solid #f7f7f226;border-radius:18px;gap:4px;min-height:70px;margin-bottom:13px;padding:12px;display:grid;position:relative}.tool-pulse:before{content:"";background:var(--dim);border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:12px}.tool-pulse.active:before{background:var(--accent);box-shadow:0 0 16px #b8ff5ccc}.tool-pulse span{color:var(--dim);letter-spacing:.13em;text-transform:uppercase;padding-left:15px;font-size:.68rem;font-weight:900}.tool-pulse strong{color:var(--paper);font-size:.98rem}.tool-pulse small{color:var(--muted);line-height:1.35}.generated-stack{gap:10px;display:grid;position:relative}.generated-item,.generated-empty{background:linear-gradient(90deg,#f7f7f214,#f7f7f206 42%,#0000),#05050547;border:1px solid #f7f7f221;border-radius:16px;grid-template-columns:minmax(82px,.38fr) minmax(0,1fr);align-items:center;min-height:48px;padding:11px 14px;animation:.42s cubic-bezier(.2,.9,.2,1) both materialize;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f7f7f21a}.generated-empty{grid-template-columns:1fr;gap:5px;padding:16px}.generated-item:before{content:"";background:#f7f7f28c;width:2px;position:absolute;inset:0 auto 0 0}.generated-item.active{background:linear-gradient(90deg,#b8ff5c21,#f7f7f209 48%,#0000),#05050561;border-color:#b8ff5c6b}.generated-item span,.generated-empty span{color:#f7f7f294;letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:900;display:block}.generated-item strong,.generated-empty strong{color:#f7f7f2f0;overflow-wrap:anywhere;font-size:.94rem;font-weight:650;line-height:1.28;display:block}.summary-panel{background:linear-gradient(#f7f7f212,#0000),#05050557;border:1px solid #f7f7f229;border-radius:18px;gap:12px;margin-top:14px;padding:16px;display:grid;position:relative}.summary-title{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;font-weight:900;display:inline-flex}.summary-panel p{color:var(--fog);margin:0;line-height:1.45}.cta-row,.export-row{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.cta-row{color:var(--ink);background:var(--accent)}.export-row{color:var(--paper);background:#f7f7f20e;border:1px solid #f7f7f22e}.privacy-note{color:var(--steel);margin:14px 0 0;font-size:.78rem;line-height:1.45;position:relative}.client-proof{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 8% 12%,#b8ff5c17,#0000 28%),#090a0aad;border:1px solid #f7f7f224;border-radius:28px;grid-template-columns:minmax(0,.7fr) minmax(360px,1fr);gap:clamp(22px,4vw,54px);width:min(100%,1240px);margin:-18px auto clamp(28px,6vh,64px);padding:clamp(22px,4vw,42px);display:grid;position:relative}.proof-copy p:last-child{max-width:520px;color:var(--fog);margin:16px 0 0;font-size:1rem;line-height:1.55}.proof-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.proof-steps article{background:#f7f7f20b;border:1px solid #f7f7f224;border-radius:18px;min-height:190px;padding:18px}.proof-steps span{color:var(--accent);letter-spacing:.14em;margin-bottom:28px;font-size:.72rem;font-weight:900;display:block}.proof-steps strong{color:var(--paper);margin-bottom:9px;font-size:1rem;display:block}.proof-steps p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}@media (width<=980px){.hero-workspace,.client-proof{grid-template-columns:1fr}.hero-workspace{min-height:auto;padding-top:44px}.service-log{min-height:0}.proof-steps{grid-template-columns:1fr}.proof-steps article{min-height:0}}@media (width<=640px){.demo-shell{padding:14px}.topbar{align-items:flex-start}.brand-lockup{letter-spacing:.12em;gap:9px}.brand-lockup img{width:32px;height:32px}.brand-lockup strong{letter-spacing:.16em;font-size:.72rem}.brand-lockup small{white-space:normal;max-width:160px;line-height:1.25}.book-link{min-height:38px;padding:0 11px;font-size:.82rem}.book-link svg{display:none}.portal-ring{opacity:.58;width:120vw;top:28%;right:-54vw}.ring-two{width:78vw;right:-20vw}.portal-aperture{opacity:.68;width:104px;top:30%;right:11vw}.orbit-dot,.vertical-signal{opacity:.45}.hero-workspace{gap:20px;padding:36px 0 24px}.scenario-rail{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.scenario{border-radius:14px;gap:6px;min-height:48px;padding:0 8px}.scenario svg{width:16px}.scenario strong{font-size:.76rem}.scenario small{font-size:.56rem}h1{margin-bottom:14px;font-size:clamp(2.5rem,14vw,4.15rem);line-height:.92}.lede{margin-bottom:18px;font-size:1rem}.proof-strip{gap:7px;margin-bottom:16px}.proof-strip span{justify-content:flex-start;width:100%}.voice-console{border-radius:20px;grid-template-columns:1fr auto;gap:12px;padding:12px}.voice-button{grid-column:1/-1;width:100%;min-height:58px}.voice-meta{min-height:44px}.voice-meta strong{font-size:.95rem}.agent-profile{font-size:.62rem}.caption-band{min-height:0;padding:15px}.caption-band p{min-height:0;font-size:1.05rem}.mini-transcript{display:none}.service-log{border-radius:22px;padding:18px 16px 16px 24px}.service-log h2,.client-proof h2{font-size:2.05rem}.service-log-header{align-items:center}.progress-pill{min-width:52px;min-height:32px;font-size:.82rem}.generated-item{grid-template-columns:78px minmax(0,1fr);padding:10px 12px}.generated-item span,.generated-empty span{letter-spacing:.12em;font-size:.58rem}.generated-item strong,.generated-empty strong{font-size:.86rem}.summary-panel{padding:14px}.client-proof{border-radius:22px;padding:20px 16px}}@media (width<=380px){.brand-lockup small,.scenario svg{display:none}.generated-item{grid-template-columns:1fr;gap:4px}}@keyframes breathe{0%,to{opacity:.68;transform:translateY(-50%)scale(1)}50%{opacity:.9;transform:translateY(-50%)scale(1.045)}}@keyframes aperture{0%,to{transform:translateY(-50%)rotate(0)scale(1)}50%{transform:translateY(-50%)rotate(12deg)scale(1.06)}}@keyframes driftOne{50%{transform:translate(18px,22px)}}@keyframes driftTwo{50%{transform:translate(-18px,-16px)}}@keyframes scan{to{transform:translateY(110vh)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dotPing{50%{transform:scale(1.45)}}@keyframes listenPulse{50%{box-shadow:0 0 0 8px #b8ff5c14}}@keyframes captionSweep{45%,to{transform:translate(100%)}}@keyframes materialize{0%{opacity:0;filter:blur(8px);transform:translateY(-8px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}