:root{
      --brand:#6558f5;
      --brand-2:#7a6df9;
      --brand-3:#8f86ff;
      --cyan:#48c9ff;
      --ink:#17182d;
      --ink-2:#51566f;
      --muted:#777d95;
      --line:#e9e9f5;
      --panel:#f7f7ff;
      --panel-2:#f2f4ff;
      --white:#fff;
      --night:#11152f;
      --night-2:#171d40;
      --shadow:0 22px 70px rgba(53,45,152,.12);
      --shadow-sm:0 10px 34px rgba(53,45,152,.10);
      --radius:26px;
      --max:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
    button,a{font:inherit}
    a{text-decoration:none;color:inherit}
    .container{width:min(var(--max),calc(100% - 48px));margin:auto}
    .nav{position:fixed;z-index:50;inset:0 0 auto 0;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(235,235,247,.7)}
    .nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.3px}
    .brand-mark{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#8e82ff 58%,#b6d7ff);box-shadow:0 8px 20px rgba(101,88,245,.28);position:relative;transform:rotate(-6deg)}
    .brand-mark:before{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.95);border-radius:7px;transform:rotate(6deg)}
    .brand-mark:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;top:12px;left:12px;box-shadow:0 0 16px #fff}
    .nav-links{display:flex;gap:28px;align-items:center;font-size:14px;color:#52566b}
    .nav-links a:hover{color:var(--brand)}
    .btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:700;transition:.25s ease;white-space:nowrap}
    .btn-primary{color:#fff;background:linear-gradient(135deg,var(--brand),#7464f8 55%,#8e7cff);box-shadow:0 12px 28px rgba(101,88,245,.28)}
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(101,88,245,.34)}
    .btn-ghost{background:#fff;border:1px solid #dddff2;color:var(--ink)}
    .btn-ghost:hover{border-color:#c9c4ff;color:var(--brand);transform:translateY(-2px)}
    .section{padding:112px 0}
    .section-head{max-width:780px;margin:0 auto 54px;text-align:center}
    .section-head .eyebrow{margin-bottom:13px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e1defe;background:#f8f7ff;color:#6256e9;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--cyan));box-shadow:0 0 0 5px rgba(101,88,245,.09)}
    h1,h2,h3,h4,h5{font-weight: bold !important}
    h1,h2,h3,p{margin-top:0}
    h1{font-size:clamp(48px,6vw,82px);line-height:1.08;letter-spacing:-3.2px;margin-bottom:24px}
    h2{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-1.8px;margin-bottom:16px}
    h3{font-size:20px;line-height:1.35;letter-spacing:-.4px}
    .lead{font-size:20px;color:var(--ink-2);max-width:760px}
    .hero{padding:104px 0 112px;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(111,96,255,.18),transparent 30%),radial-gradient(circle at 20% 10%,rgba(109,212,255,.13),transparent 28%),linear-gradient(180deg,#fbfbff 0%,#f4f2ff 100%)}
    .hero:after{content:"";position:absolute;inset:auto -10% -240px -10%;height:430px;background:radial-gradient(ellipse at center,rgba(117,104,248,.08),transparent 68%);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px}
    .hero-copy{position:relative;z-index:2;min-width:0}
    .hero-copy .eyebrow{margin-bottom:24px}
    .hero-title{font-size:clamp(44px,5vw,68px);line-height:1.09;letter-spacing:-2.7px}
    .hero-title span{display:block;white-space:nowrap}
    .gradient-text{background:linear-gradient(105deg,#1a1b32 0%,#25264b 35%,#6558f5 78%,#8b7fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .hero .lead{margin-bottom:30px}
    .hero-copy .lead{font-size:clamp(15.5px,1.42vw,17.5px);line-height:1.72;max-width:560px;white-space:normal}
    .hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
    .micro-proof{margin-top:28px;display:flex;gap:20px;align-items:center;color:#656a82;font-size:13px}
    .micro-proof span{display:inline-flex;align-items:center;gap:7px}
    .hero-compliance-note{margin-top:14px;color:#8a90a3;font-size:11px;line-height:1.55;letter-spacing:.02em}
    .dot-ok{width:16px;height:16px;border-radius:50%;background:#ecf9f2;color:#1f9f68;display:grid;place-items:center;font-size:11px}
    .hero-visual{position:relative;min-height:548px;display:grid;place-items:center;justify-self:end;width:100%}
    .orb{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(127,115,255,.13),rgba(127,115,255,.04) 45%,transparent 72%);filter:blur(.2px)}
    .orbit{position:absolute;width:468px;height:468px;border:1px solid rgba(118,107,244,.11);border-radius:50%;animation:spin 28s linear infinite}
    .orbit:before,.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#7e70fa;box-shadow:0 0 0 6px rgba(126,112,250,.08),0 0 20px rgba(126,112,250,.25)}
    .orbit:before{top:20px;left:110px}.orbit:after{right:40px;bottom:92px}
    @keyframes spin{to{transform:rotate(360deg)}}
    .call-shell{width:min(548px,100%);border-radius:34px;background:rgba(255,255,255,.88);border:1px solid rgba(222,221,242,.92);box-shadow:0 34px 90px rgba(40,34,120,.16);backdrop-filter:blur(20px);padding:18px;position:relative;z-index:2;transform:rotate(.45deg)}
    .call-top{display:flex;align-items:center;justify-content:space-between;padding:7px 6px 14px}
    .agent-id{display:flex;align-items:center;gap:11px}
    .agent-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#6759f5,#9d95ff);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(101,88,245,.25)}
    .agent-id strong{display:block;font-size:14px}.agent-id small{display:block;color:#7a7f96;font-size:11px}
    .status{font-size:11px;color:#198a5f;background:#ebf8f2;border:1px solid #d7f0e5;padding:6px 10px;border-radius:999px}
    .call-screen{background:linear-gradient(180deg,#151834,#0f132c);border-radius:25px;padding:22px;min-height:446px;color:#fff;position:relative;overflow:hidden}
    .call-screen:before{content:"";position:absolute;left:-120px;top:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(109,193,255,.16),transparent 70%)}
    .call-screen:after{content:"";position:absolute;right:-110px;bottom:-120px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(121,106,248,.18),transparent 70%)}
    .live-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aeb5d4;position:relative;z-index:2}
    .voice-call-screen{min-height:408px;padding:20px 22px 20px}
    .voice-hero-stage{position:relative;z-index:2;margin-top:14px;height:328px;overflow:hidden;padding:2px 0 8px;mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 5%,#000 93%,transparent 100%)}
    .conversation-track{display:flex;flex-direction:column;gap:12px;will-change:transform;animation:chatScroll 14s ease-in-out infinite}
    .voice-row{display:flex;width:100%;opacity:0;transform:translateY(10px);animation-duration:14s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}
    .voice-row.customer{justify-content:flex-start;animation-name:showCustomer}
    .voice-row.customer-confirm{justify-content:flex-start;animation-name:showConfirm}
    .voice-row.agent{justify-content:flex-end;animation-name:showAgent}
    .voice-row.system{justify-content:flex-end;animation-name:showSystem}
    .voice-row.result{justify-content:flex-end;animation-name:showResult}
    .voice-card,.system-card,.result-card{border-radius:20px;border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 28px rgba(8,10,28,.16);backdrop-filter:blur(10px)}
    .voice-card{width:min(384px,92%);padding:14px 16px;background:rgba(255,255,255,.06)}
    .voice-card.agent-card{background:linear-gradient(135deg,rgba(94,209,255,.08),rgba(124,106,248,.14));border-color:rgba(158,149,255,.2)}
    .voice-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:10px;color:#aeb6d6}
    .role-pill{display:inline-flex;align-items:center;gap:8px;color:#eef2ff;font-weight:700;letter-spacing:.03em}
    .role-pill i{width:10px;height:10px;border-radius:50%;display:block;background:#67d9ff;box-shadow:0 0 0 4px rgba(103,217,255,.11)}
    .voice-card.agent-card .role-pill i{background:#9c8cff;box-shadow:0 0 0 4px rgba(156,140,255,.12)}
    .voice-wave{display:flex;align-items:center;gap:10px;margin-bottom:10px;width:100%}
    .voice-wave-icon{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;position:relative;flex:0 0 34px}
    .voice-wave-icon svg{width:15px;height:15px;fill:#edf1ff;position:relative;z-index:2}
    .voice-wave-icon:after{content:"";position:absolute;inset:5px;border-radius:9px;border:1px solid rgba(114,225,255,.22);animation:pulseMic 2.2s ease-out infinite}
    .voice-card.agent-card .voice-wave-icon:after{border-color:rgba(161,142,255,.24)}
    .waveform{flex:1;min-width:185px;display:flex;align-items:flex-end;justify-content:flex-start;gap:5px;height:24px;padding:0;border-radius:0;background:transparent;border:none;box-shadow:none}
    .waveform span{display:block;width:5px;border-radius:999px;background:linear-gradient(180deg,#75e1ff,#8b79ff);animation:waveDance 1.25s ease-in-out infinite}
    .waveform span:nth-child(1){height:6px;animation-delay:0s}.waveform span:nth-child(2){height:14px;animation-delay:.1s}.waveform span:nth-child(3){height:20px;animation-delay:.2s}.waveform span:nth-child(4){height:12px;animation-delay:.3s}.waveform span:nth-child(5){height:8px;animation-delay:.4s}.waveform span:nth-child(6){height:17px;animation-delay:.5s}.waveform span:nth-child(7){height:10px;animation-delay:.6s}.waveform span:nth-child(8){height:18px;animation-delay:.7s}.waveform span:nth-child(9){height:9px;animation-delay:.8s}.waveform span:nth-child(10){height:15px;animation-delay:.9s}.waveform span:nth-child(11){height:7px;animation-delay:1s}.waveform span:nth-child(12){height:13px;animation-delay:1.1s}
    .voice-wave-label{font-size:10px;color:#b5bddf;white-space:nowrap}
    .voice-card p{margin:0;color:#f0f3ff;font-size:12.5px;line-height:1.62}
    .system-card{width:min(100%,440px);padding:14px 16px;background:rgba(116,103,246,.15);border-color:rgba(152,141,255,.26);display:flex;align-items:center;gap:12px;color:#eef2ff}
    .system-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#7466f6;box-shadow:0 10px 24px rgba(116,102,246,.24);font-weight:800;flex:0 0 34px}
    .system-text strong{display:block;font-size:14px;color:#fff}
    .system-text small{display:block;margin-top:3px;color:#cdd4f5;font-size:11px}
    .result-card{width:min(100%,440px);padding:15px 16px;background:linear-gradient(135deg,rgba(94,209,255,.08),rgba(124,106,248,.14));border-color:rgba(158,149,255,.2)}
    .voice-card.customer-confirm-card{width:min(220px,52%)}
    .result-title{display:block;margin-bottom:8px;color:#eef2ff;font-size:11px;letter-spacing:.04em}
    .result-card p{margin:0;color:#fff;font-size:13px;line-height:1.62}
    @keyframes pulseMic{0%{transform:scale(.9);opacity:0}25%{opacity:.6}100%{transform:scale(1.16);opacity:0}}
    @keyframes waveDance{0%,100%{transform:scaleY(.65);opacity:.72}50%{transform:scaleY(1.08);opacity:1}}
    @keyframes showCustomer{0%,6%{opacity:0;transform:translateY(10px)}12%,91%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes showAgent{0%,20%{opacity:0;transform:translateY(10px)}28%,91%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes showConfirm{0%,38%{opacity:0;transform:translateY(10px)}46%,91%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes showSystem{0%,54%{opacity:0;transform:translateY(10px)}62%,91%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes showResult{0%,70%{opacity:0;transform:translateY(10px)}78%,91%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes chatScroll{0%,26%{transform:translateY(0)}40%{transform:translateY(-76px)}56%{transform:translateY(-154px)}72%{transform:translateY(-244px)}88%,96%{transform:translateY(-330px)}100%{transform:translateY(0)}}
    .float-card{position:absolute;z-index:3;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid #ececf7;box-shadow:var(--shadow-sm);padding:14px 16px;min-width:170px}
    .float-card small{display:block;color:#83879d;font-size:10px}.float-card strong{font-size:20px;letter-spacing:-.6px}
    .float-a{left:-54px;top:68px;transform:rotate(-3deg)}.float-b{right:-14px;bottom:74px;transform:rotate(3deg)}
    @keyframes signalSlide{0%{transform:translateX(0);opacity:.55}50%{transform:translateX(125%);opacity:1}100%{transform:translateX(210%);opacity:.18}}
    @keyframes pulseMic{0%{transform:scale(.9);opacity:0}25%{opacity:.6}100%{transform:scale(1.16);opacity:0}}
    @keyframes coreBreathe{0%,100%{transform:scale(.96);opacity:.86}50%{transform:scale(1.05);opacity:1}}
    @keyframes ripple{0%{transform:scale(.88);opacity:0}30%{opacity:.42}100%{transform:scale(1.12);opacity:0}}
    @keyframes turnCustomer{0%,4%{opacity:0;transform:translateY(12px)}10%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes turnAgent{0%,22%{opacity:0;transform:translateY(12px)}29%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    @keyframes turnWorkflow{0%,45%{opacity:0;transform:translateX(-50%) translateY(8px)}52%,92%{opacity:1;transform:translateX(-50%) translateY(0)}97%,100%{opacity:0;transform:translateX(-50%) translateY(-4px)}}
    @keyframes turnFinal{0%,62%{opacity:0;transform:translateY(12px)}69%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:translateY(-4px)}}
    .metrics-wrap{position:relative;z-index:8;margin-top:-24px;margin-bottom:-64px;padding:0;background:linear-gradient(180deg,#f4f2ff 0%,#f4f2ff 49.8%,#fafaff 50.2%,#fafaff 100%)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(226,224,244,.95);border-radius:26px;overflow:hidden;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 22px 60px rgba(47,43,111,.13)}
    .metric{padding:30px 28px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .metric:not(:last-child){border-right:1px solid var(--line)}
    .metric .tag{font-size:12px;font-weight:800;color:#7266ef;margin-bottom:11px}
    .metric strong{display:flex;align-items:center;justify-content:center;gap:8px;font-size:36px;line-height:1;letter-spacing:-1.4px;margin-bottom:11px}.metric-down{font-size:25px;line-height:1;color:#7266ef;font-weight:800;transform:translateY(-1px)}
    .metric p{margin:0;color:#666b81;font-size:13px}
    .metrics-note{margin:12px auto 0;text-align:center;color:#8b90a1;font-size:11px;line-height:1.55;max-width:980px;padding:0 12px}
    .demo{padding-top:176px;padding-bottom:82px;background:linear-gradient(180deg,#fafaff 0%,#f7f8ff 52%,#fafafe 100%);position:relative;overflow:hidden}
    .demo:before{content:"";position:absolute;left:-110px;bottom:-145px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(109,193,255,.18) 0%,rgba(109,193,255,.09) 38%,transparent 72%);filter:blur(8px);pointer-events:none}
    .demo:after{content:"";position:absolute;right:-120px;bottom:-155px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(121,106,248,.16) 0%,rgba(121,106,248,.08) 42%,transparent 72%);filter:blur(10px);pointer-events:none}
    .demo .container{position:relative;z-index:2}
    .demo .container:after{content:"";position:absolute;right:80px;bottom:34px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(115,223,190,.11),transparent 70%);pointer-events:none;filter:blur(8px);z-index:0}
    .voice-console{display:grid;grid-template-columns:320px 1fr;gap:22px;padding:18px;border:1px solid #e5e4f4;border-radius:30px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:var(--shadow);position:relative;z-index:1}
    .voice-list{display:grid;gap:9px}
    .voice-tab{border:1px solid transparent;background:#f8f8fc;border-radius:18px;padding:16px;text-align:left;cursor:pointer;display:flex;gap:13px;align-items:center;transition:.2s}
    .voice-tab:hover{transform:translateX(3px)}
    .voice-tab.active{background:linear-gradient(135deg,#f0efff,#f9f9ff);border-color:#d8d4ff;box-shadow:0 8px 22px rgba(86,74,210,.08)}
    .voice-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--brand);font-weight:900;box-shadow:0 4px 12px rgba(46,41,115,.08)}
    .voice-tab b{display:block;font-size:14px}.voice-tab small{color:#8b8fa4;font-size:11px}
    .voice-stage{min-height:376px;border-radius:22px;background:linear-gradient(145deg,#151936,#11152f);color:#fff;padding:28px;position:relative;overflow:hidden}
    .voice-stage:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(113,100,249,.55),transparent 68%)}
    .voice-stage:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-120px;bottom:-150px;background:radial-gradient(circle,rgba(72,201,255,.22),transparent 65%)}
    .voice-stage-top{display:flex;justify-content:space-between;gap:20px;position:relative;z-index:2}
    .voice-label{font-size:12px;color:#aaaed2;letter-spacing:.9px}.voice-stage h3{font-size:28px;margin:7px 0 8px}.voice-stage p{color:#bdc2dc;font-size:14px;max-width:610px}
    .play-btn{width:60px;height:60px;border-radius:19px;border:1px solid rgba(255,255,255,.18);background:#fff;color:#2b2c46;cursor:pointer;display:grid;place-items:center;font-size:18px;box-shadow:0 14px 30px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;position:relative;z-index:3}
    .play-btn:hover{transform:scale(1.06);box-shadow:0 18px 40px rgba(0,0,0,.3)}
    .voice-stage.playing .play-btn{background:linear-gradient(135deg,#ffffff,#eceaff);box-shadow:0 18px 42px rgba(92,78,225,.35)}
    .studio-meta{display:flex;align-items:center;gap:9px;margin-top:14px;position:relative;z-index:2;flex-wrap:wrap}.studio-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid rgba(150,139,255,.24);background:rgba(120,105,248,.11);color:#d9d5ff;font-size:11px;font-weight:700}.studio-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#55d5a3;box-shadow:0 0 0 5px rgba(85,213,163,.09)}.studio-duration{font-size:11px;color:#8f96ba}
    .demo-wave{height:128px;display:flex;align-items:center;gap:5px;margin-top:26px;position:relative;z-index:2;padding:0 8px}
    .demo-wave i{flex:1;max-width:7px;border-radius:999px;background:linear-gradient(180deg,#a69cff 0%,#7b6df7 42%,#58cdfa 100%);height:10%;opacity:.58;transition:height .07s linear,opacity .12s ease;box-shadow:0 0 14px rgba(102,91,244,.08)}
    .voice-stage.playing .demo-wave i{opacity:.98;box-shadow:0 0 18px rgba(102,91,244,.2)}
    .voice-stage.playing.fallback-wave .demo-wave i{animation:demoWave .8s ease-in-out infinite}
    .voice-stage.playing.fallback-wave .demo-wave i:nth-child(3n){animation-delay:.08s}.voice-stage.playing.fallback-wave .demo-wave i:nth-child(4n){animation-delay:.16s}.voice-stage.playing.fallback-wave .demo-wave i:nth-child(5n){animation-delay:.24s}
    @keyframes demoWave{0%,100%{height:10%;opacity:.55}50%{height:88%;opacity:1}}
    .studio-progress{position:relative;z-index:2;margin:2px 8px 14px}.progress-track{height:4px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;cursor:pointer}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#8376ff,#57cbff);border-radius:inherit;transition:width .12s linear}.time-row{display:flex;justify-content:space-between;margin-top:7px;font-size:10px;color:#7f87ab;font-variant-numeric:tabular-nums}
    .now-playing{position:relative;z-index:2;display:flex;align-items:center;gap:8px;color:#aeb3d1;font-size:12px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#42d59b;box-shadow:0 0 0 7px rgba(66,213,155,.1)}.voice-stage.playing .pulse-dot{animation:pulseLive 1.35s ease-in-out infinite}@keyframes pulseLive{0%,100%{box-shadow:0 0 0 5px rgba(66,213,155,.08)}50%{box-shadow:0 0 0 10px rgba(66,213,155,.02)}}
    .process{overflow:hidden;padding-top:82px;background:linear-gradient(180deg,#f4f5fb 0%,#f9f9fd 44%,#ffffff 100%);border-top:0;position:relative}
    .process:before{content:"";position:absolute;left:-120px;bottom:-170px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(121,106,248,.13) 0%,rgba(121,106,248,.06) 42%,transparent 72%);filter:blur(10px);pointer-events:none}
    .process:after{content:"";position:absolute;right:-135px;bottom:-165px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(92,208,255,.13) 0%,rgba(92,208,255,.06) 42%,transparent 72%);filter:blur(10px);pointer-events:none}
    .process-layout{display:grid;grid-template-columns:330px 1fr;gap:56px;align-items:start;position:relative;z-index:2}
    .process-layout:after{content:"";position:absolute;right:70px;bottom:8px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(121,106,248,.07),transparent 72%);pointer-events:none;filter:blur(10px);z-index:0}
    .process-sticky{position:sticky;top:110px}
    .process-sticky .eyebrow{margin-bottom:13px}
    .process-sticky p{color:var(--ink-2);margin-top:20px}
    .process-rail{display:grid;gap:18px}
    .process-card{border:1px solid #e8e7f2;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fcfcff 100%);padding:28px 30px;display:grid;grid-template-columns:120px 1fr;gap:25px;align-items:start;position:relative;box-shadow:0 10px 28px rgba(43,39,102,.05);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,background .32s ease;isolation:isolate;overflow:visible}
    .process-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;border-radius:28px 0 0 28px;background:linear-gradient(180deg,#7c68ff,#56d2ff);opacity:0;transition:opacity .32s ease,transform .32s ease;transform:scaleY(.72);transform-origin:top}
    .process-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(43,39,102,.13);border-color:#cfc8ff;background:linear-gradient(135deg,#ffffff 0%,#f8f7ff 54%,#f4fbff 100%)}
    .process-card:hover:before{opacity:1;transform:scaleY(1)}
    .process-card:after{display:none}
    .step{width:88px;height:88px;border-radius:26px;background:linear-gradient(145deg,#f1f0ff,#fff);border:1px solid #dfdcff;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 10px 24px rgba(105,93,240,.08);transition:transform .32s ease,box-shadow .32s ease,background .32s ease,border-color .32s ease}
    .step strong{font-size:34px;color:#695df0;position:relative;z-index:2}.step span{position:absolute;bottom:-25px;font-size:11px;color:#898da3;white-space:nowrap}
    .process-card > div:last-child{position:relative;z-index:2}
    .process-card h3{margin:2px 0 10px;font-size:22px;transition:color .32s ease}.process-card p{margin:0;color:#62677d;font-size:14px;transition:color .32s ease}
    .process-meta{margin-top:15px;display:flex;flex-wrap:wrap;gap:8px}.pill{font-size:11px;background:#f7f7fb;color:#6f7389;border:1px solid #ececf4;border-radius:999px;padding:6px 9px;transition:background .32s ease,border-color .32s ease,color .32s ease,transform .32s ease}
    .process-card:hover .step{transform:translateY(-2px) scale(1.03);background:linear-gradient(145deg,#edeafe,#ffffff 45%,#eef9ff 100%);border-color:#c9c1ff;box-shadow:0 16px 30px rgba(105,93,240,.16)}
    .process-card:hover h3{color:#4a3ff0}
    .process-card:hover p{color:#545a73}
    .process-card:hover .pill{background:#f2f1ff;border-color:#d8d3ff;color:#5c56a4;transform:translateY(-1px)}
    .engineering{background:linear-gradient(155deg,#10142e 0%,#151a3a 55%,#10142e 100%);color:#fff;position:relative;overflow:hidden}
    .engineering:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(102,88,245,.25),transparent 26%),radial-gradient(circle at 82% 62%,rgba(72,201,255,.12),transparent 23%)}
    .engineering .section-head{position:relative;z-index:2}.engineering .section-head p{color:#aeb4d1}.engineering .eyebrow{background:rgba(121,106,248,.12);border-color:rgba(164,154,255,.18);color:#c4beff}
    .eng-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:2}
    .eng-card{min-height:235px;border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);transition:.28s}
    .eng-card:hover{transform:translateY(-7px) scale(1.01);border-color:rgba(177,167,255,.72);background:linear-gradient(145deg,rgba(122,107,248,.34),rgba(70,192,255,.14) 58%,rgba(255,255,255,.08));box-shadow:0 22px 46px rgba(31,37,88,.34),0 0 0 1px rgba(174,164,255,.18) inset}
    .eng-num{font-size:11px;color:#8f98bd;letter-spacing:1px;margin-bottom:36px}.eng-card strong{display:block;font-size:20px;margin-bottom:11px}.eng-card p{margin:0;color:#aeb4cf;font-size:13px}.eng-icon{width:40px;height:40px;border-radius:13px;background:rgba(130,115,252,.15);border:1px solid rgba(167,157,255,.16);display:grid;place-items:center;margin-bottom:18px;color:#c7c1ff;font-weight:900;transition:transform .95s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,background .35s ease,border-color .35s ease}
    .eng-card:hover .eng-icon{transform:rotate(360deg) scale(1.08);background:rgba(130,115,252,.24);border-color:rgba(196,188,255,.3);box-shadow:0 12px 26px rgba(101,88,245,.28),0 0 0 8px rgba(101,88,245,.08)}

    /* Hero partner logo marquee */
    .hero-logo-strip{position:relative;z-index:4;margin-top:24px;width:100%}
    .hero-logo-kicker{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px;color:#8289a3;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
    .hero-logo-kicker:before,.hero-logo-kicker:after{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,rgba(116,124,153,.48),transparent)}
    .logo-marquee{position:relative;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding:4px 0 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.12) 7%,#000 16%,#000 84%,rgba(0,0,0,.12) 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.12) 7%,#000 16%,#000 84%,rgba(0,0,0,.12) 93%,transparent 100%)}
    .logo-track{display:flex;width:max-content;will-change:transform;animation:logoMarquee 58s linear infinite}
    .logo-marquee:hover .logo-track{animation-play-state:paused}
    .logo-set{display:flex;align-items:center;gap:16px;padding-right:16px;flex:0 0 auto}
    .logo-card{position:relative;overflow:hidden;width:178px;height:74px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:22px;border:1px solid rgba(133,141,172,.22);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,248,255,.92));box-shadow:none;backdrop-filter:blur(10px);transition:transform .28s ease,border-color .28s ease,background .28s ease}
    .logo-card:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.18));pointer-events:none;opacity:.9}
    .logo-card img{position:relative;z-index:1;display:block;max-width:78%;max-height:42px;width:auto;height:auto;object-fit:contain;opacity:.96;transition:opacity .28s ease,transform .28s ease}
    .logo-card:hover{transform:translateY(-2px);border-color:rgba(117,105,239,.34);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,250,255,.96))}
    .logo-card:hover img{opacity:1;transform:scale(1.02)}
    @keyframes logoMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    @media (max-width:640px){.hero-logo-strip{margin-top:18px}.hero-logo-kicker{margin-bottom:10px;letter-spacing:.16em}.hero-logo-kicker:before,.hero-logo-kicker:after{width:24px}.logo-set{gap:12px;padding-right:12px}.logo-card{width:144px;height:68px;border-radius:18px;padding:0 14px}.logo-card img{max-width:76%;max-height:34px}.logo-track{animation-duration:44s}}

    .award{background:#fff}
    .award-card{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #e9e9f3;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#fff,#fafaff);box-shadow:var(--shadow-sm)}
    .award-copy{padding:52px}.award-copy .eyebrow{margin-bottom:22px}.award-copy h2{font-size:42px}.award-copy p{color:#64697e}
    .award-visual{min-height:420px;background:linear-gradient(145deg,#06070d,#131417 52%,#08090f);display:grid;place-items:center;padding:38px;position:relative;overflow:hidden;isolation:isolate}
    .award-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(225,205,128,.13),transparent 26%)}
    .award-lines,.award-lines:before,.award-lines:after{content:"";position:absolute;border:1px solid rgba(223,203,139,.18);border-radius:50%;pointer-events:none}
    .award-lines{width:320px;height:760px;left:-48px;top:-120px;transform:rotate(22deg)}
    .award-lines:before{width:420px;height:1020px;left:118px;top:-88px;transform:rotate(-12deg)}
    .award-lines:after{width:280px;height:700px;right:-250px;top:26px;transform:rotate(8deg)}
    .award-lines-b,.award-lines-b:before,.award-lines-b:after{content:"";position:absolute;border:1px solid rgba(223,203,139,.16);border-radius:50%;pointer-events:none}
    .award-lines-b{width:360px;height:820px;right:-92px;top:-110px;transform:rotate(-24deg)}
    .award-lines-b:before{width:240px;height:560px;left:-164px;bottom:-180px;transform:rotate(16deg)}
    .award-lines-b:after{width:180px;height:440px;left:-84px;top:120px;transform:rotate(-12deg)}
    .award-stage{position:relative;z-index:2;width:min(100%,500px);padding:34px 34px 30px;border:1px solid rgba(224,202,126,.24);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 24px 60px rgba(0,0,0,.35)}
    .award-stage:before,.award-stage:after{display:none}
    .award-kicker{display:block;margin-bottom:18px;color:#f0ead2;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;opacity:.88}
    .award-super{font-size:20px;line-height:1.5;color:#f4e3a0;font-weight:800;letter-spacing:.3px}
    .award-super small{display:block;font-size:16px;color:#f7f1d9;font-weight:700;opacity:.95}
    .award-seal{display:inline-flex;align-items:center;justify-content:center;margin:20px 0 16px;padding:10px 18px;border-radius:999px;border:1px solid rgba(234,210,130,.36);background:rgba(227,204,123,.08);color:#f8e7a8;font-weight:800;letter-spacing:1px}
    .award-brandline{font-size:30px;line-height:1.25;color:#fff6d2;font-weight:900;letter-spacing:.2px;margin-bottom:12px}
    .award-subline{font-size:16px;color:#efe9d5;opacity:.95;margin-bottom:18px}
    .award-note{font-size:12px;line-height:1.7;color:rgba(244,240,225,.72)}
    .final-cta{padding:38px 0 112px}
    .cta-box{border-radius:36px;overflow:hidden;background:radial-gradient(circle at 20% 80%,rgba(255,136,32,.22),transparent 18%),radial-gradient(circle at 50% 70%,rgba(124,98,255,.32),transparent 24%),radial-gradient(circle at 82% 78%,rgba(97,171,255,.22),transparent 20%),linear-gradient(180deg,#05070d 0%,#090d15 100%);border:1px solid rgba(255,255,255,.06);color:#fff;padding:64px 70px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;box-shadow:0 28px 80px rgba(7,10,20,.45)}
    .cta-box:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 26%);pointer-events:none}
    .cta-box:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
    .cta-box > *{position:relative;z-index:2}.cta-box h2{margin-bottom:10px;max-width:680px}.cta-box p{margin:0;color:#dbe3f6}.cta-box .btn{background:#fff;color:#11182c;box-shadow:0 14px 30px rgba(0,0,0,.24)}
    .consult-btn span{display:inline-block;animation:arrowWiggle 1.8s ease-in-out infinite;transform-origin:center}
    .consult-btn:hover span{animation-duration:.7s}
    @keyframes arrowWiggle{0%,100%{transform:translateX(0) rotate(0deg)}20%{transform:translateX(2px) rotate(10deg)}40%{transform:translateX(5px) rotate(0deg)}60%{transform:translateX(3px) rotate(-8deg)}80%{transform:translateX(5px) rotate(0deg)}}
    .voice-stage{position:relative;overflow:hidden}
    .voice-stage:before{content:"";position:absolute;inset:auto -60px -80px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(112,98,250,.28),transparent 60%);filter:blur(10px);pointer-events:none}
    .voice-stage-top{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
    .voice-stage-top > div:first-child{max-width:100%}
    .voice-label{padding-right:0}
    footer{border-top:1px solid #ececf3;padding:30px 0 42px;color:#777b8d;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-brand{display:flex;align-items:center;gap:9px;color:#26283c;font-weight:800}.footer-brand .brand-mark{width:26px;height:26px;border-radius:8px}.footer-brand .brand-mark:before{inset:6px}.footer-brand .brand-mark:after{left:10px;top:10px}
    .modal{position:fixed;z-index:100;inset:0;background:rgba(13,16,37,.46);display:none;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(8px)}
    .modal.show{display:flex}.modal-card{width:min(480px,100%);border-radius:28px;background:#fff;padding:28px;box-shadow:0 28px 90px rgba(18,16,65,.25)}.modal-card h3{font-size:24px;margin-bottom:10px}.modal-card p{color:#6a6e82}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
    @media (max-width:1120px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-visual{justify-self:center;min-height:540px}.call-shell{width:min(576px,100%)}.float-a{left:0;top:56px}.float-b{right:8px}}
    @media (max-width:720px){.voice-hero-stage{height:340px}.voice-card,.system-card,.result-card{width:100%}.voice-row.agent,.voice-row.customer,.voice-row.customer-confirm,.voice-row.system,.voice-row.result{justify-content:stretch}.conversation-track{gap:10px}}
    .reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.in{opacity:1;transform:none}
    @media (max-width:1020px){.hero{padding-top:86px}.metrics-wrap{margin-top:-20px;margin-bottom:-54px}.demo{padding-top:156px;padding-bottom:74px}.process{padding-top:74px}.nav-links{display:none}.hero-grid,.award-card{grid-template-columns:1fr}.hero-copy{text-align:center}.hero .lead{margin-inline:auto}.hero-actions,.micro-proof{justify-content:center}.hero-visual{min-height:520px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.voice-console,.process-layout{grid-template-columns:1fr}.process-sticky{position:static;text-align:center}.eng-grid{grid-template-columns:repeat(2,1fr)}.award-copy{text-align:center}.cta-box{padding:52px;display:block;text-align:center}.cta-box .btn{margin-top:24px}}
    @media (max-width:640px){.hero-copy .lead{white-space:normal}.metrics-wrap{margin-top:-12px;margin-bottom:-36px}.demo{padding-top:126px;padding-bottom:62px}.process{padding-top:62px}.container{width:min(100% - 28px,var(--max))}.nav-inner{height:64px}.hero{padding-top:72px}.section{padding:82px 0}h1{font-size:48px;letter-spacing:-2px}.hero-title{font-size:42px;letter-spacing:-1.8px}.hero-title span{white-space:nowrap}.lead{font-size:17px}.hero-lead-nowrap{white-space:normal}.hero-logo-strip{margin-top:18px}.logo-card{width:144px;height:68px;border-radius:18px}.logo-card img{max-width:74%;max-height:34px}.hero-logo-kicker{letter-spacing:.18em}.hero-grid{gap:28px}.hero-visual{min-height:470px}.call-shell{transform:none}.float-card{display:none}.metrics{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid var(--line)!important}.metric:last-child{border-bottom:0!important}.voice-console{padding:10px}.voice-list{grid-template-columns:repeat(2,1fr)}.voice-tab{padding:12px}.voice-tab small{display:none}.voice-stage{padding:22px;min-height:350px}.voice-stage h3{font-size:24px}.demo-wave{height:108px;gap:4px}.play-btn{width:54px;height:54px;border-radius:17px}.demo:before,.demo:after,.demo .container:after,.process:before,.process:after,.process-layout:after{opacity:.75}.process-card{grid-template-columns:76px 1fr;padding:22px 20px;gap:14px}.step{width:64px;height:64px;border-radius:20px}.step strong{font-size:26px}.step span{display:none}.process-card:after{display:none}.eng-grid{grid-template-columns:1fr}.award-copy{padding:36px 28px}.award-copy h2{font-size:34px}.award-visual{min-height:320px;padding:24px}.award-stage{padding:24px 22px 22px}.award-brandline{font-size:24px}.award-super{font-size:18px}.award-super small{font-size:14px}.voice-stage-top > div:first-child{max-width:100%}.voice-label{padding-right:0}.cta-box{padding:42px 24px}.footer-inner{display:grid;text-align:center;justify-content:center}.footer-brand{justify-content:center}}
    @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.logo-track{transform:none}.logo-set[aria-hidden="true"]{display:none}}
