:root{
  --g1:#a21c8f; --g2:#e0379a; --g3:#fb6bb0; --accent:#d3268f;
  --dark:#0a0612; --panel:#120c1e; --panel2:#160f24;
  --ink:#16101d; --muted-d:#9a91a8; --muted-l:#5a5360;
  --grad-btn:linear-gradient(120deg,var(--g1),var(--g2) 55%,var(--g3));
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--dark);color:#fff}
a{color:inherit}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto}
.sec{padding:90px 24px}
.sec-dark{background:var(--dark)}
.sec-light{background:radial-gradient(120% 80% at 12% 0%,rgba(192,132,252,.12),transparent 58%),radial-gradient(120% 90% at 90% 100%,rgba(251,107,176,.08),transparent 60%),linear-gradient(165deg,#f8f3fd 0%,#f2ecf9 52%,#fcf5f7 100%)}
.eyebrow{font:700 12px 'Inter';letter-spacing:.14em;text-transform:uppercase;color:#c084fc;margin-bottom:14px}
.eyebrow.on-light{color:#7c3aed}
.h2{font:800 42px/1.1 'Plus Jakarta Sans';letter-spacing:-.025em}
.center-head{text-align:center;max-width:680px;margin:0 auto 52px}
.lead{font:400 18px/1.6 'Inter';color:var(--muted-d)}
.lead.on-light{color:var(--muted-l)}
.grad-text{background:linear-gradient(120deg,#f2e34d,#fb6bb0);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;padding-right:.12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.btn{font:600 15px 'Inter';border-radius:999px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.btn-primary{color:#fff;background:var(--grad-btn);padding:15px 30px;box-shadow:0 14px 34px rgba(210,38,143,.5)}
.btn-ghost{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);padding:14px 26px}
.grid{display:grid;gap:16px}
.cols3{grid-template-columns:repeat(3,1fr)}
.cols2{grid-template-columns:1fr 1fr}
.card-d{background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:16px}
.card-l{background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:16px;box-shadow:0 2px 8px rgba(20,16,29,.04)}
/* keyframes */
@keyframes wave{0%,100%{transform:scaleY(.32)}50%{transform:scaleY(1)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes drift{0%{transform:translate(0,0)}50%{transform:translate(14px,-20px)}100%{transform:translate(0,0)}}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes ring{0%{transform:scale(.55);opacity:.6}100%{transform:scale(1.7);opacity:0}}
@keyframes grow{from{transform:scaleY(.06)}to{transform:scaleY(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dash{to{stroke-dashoffset:-30}}
@keyframes poppulse{0%,100%{transform:translate(-50%,-50%) scale(.78);opacity:.4}50%{transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes tilepulse{0%,100%{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}50%{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}}
@keyframes iconpop{0%,100%{transform:scale(.88);opacity:.7}50%{transform:scale(1.14);opacity:1}}
@keyframes spark{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}16%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.05);opacity:0}}
@keyframes sh1{0%,26%{opacity:1}36%,100%{opacity:0}}
@keyframes sh2{0%,26%{opacity:0}36%,60%{opacity:1}70%,100%{opacity:0}}
@keyframes sh3{0%,60%{opacity:0}70%,94%{opacity:1}100%{opacity:0}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
/* nav */
.nav-shell{position:fixed;top:16px;left:0;right:0;z-index:100;display:flex;justify-content:center;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:1140px;padding:10px 12px 10px 18px;border-radius:18px;background:linear-gradient(120deg,rgba(46,23,86,.55),rgba(20,13,32,.5));backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(192,132,252,.22);box-shadow:0 10px 34px -12px rgba(0,0,0,.55);transition:background .3s,box-shadow .3s,border-color .3s}
.nav.scrolled{background:linear-gradient(120deg,rgba(34,17,64,.9),rgba(14,9,22,.9));border-color:rgba(192,132,252,.3);box-shadow:0 12px 36px -10px rgba(0,0,0,.6)}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.nav-logo img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(224,55,154,.45))}
.nav-logo span{font:800 20px 'Plus Jakarta Sans';letter-spacing:-.015em}
.nav-menu{display:flex;align-items:center;gap:28px;font:500 14.5px 'Inter'}
.nav-menu a{color:#d8d2e6;text-decoration:none;transition:color .2s}
.nav-menu a:hover{color:#fff}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-talk{font:600 14px 'Inter';color:#e8e2ef;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);padding:10px 18px;border-radius:11px;cursor:pointer;text-decoration:none}
.nav-book{font:600 14px 'Inter';color:#fff;background:var(--grad-btn);padding:11px 22px;border-radius:11px;box-shadow:0 10px 26px -6px rgba(210,38,143,.6);cursor:pointer;text-decoration:none}
.nav-burger{display:none;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:none}
.nav-burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.nav-burger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-burger.active span:nth-child(2){opacity:0}
.nav-burger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;top:88px;left:20px;right:20px;z-index:99;background:linear-gradient(120deg,rgba(34,17,64,.98),rgba(14,9,22,.98));backdrop-filter:blur(18px);border:1px solid rgba(192,132,252,.25);border-radius:18px;padding:16px;flex-direction:column;gap:4px;box-shadow:0 24px 56px rgba(0,0,0,.55)}
.mobile-menu.open{display:flex}
.mobile-menu a{padding:13px 14px;border-radius:11px;color:#d8d2e6;text-decoration:none;font:500 16px 'Inter'}
.mobile-menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.mobile-menu .m-cta{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}
.mobile-menu .m-cta a{text-align:center}
.mobile-menu .m-talk{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}
.mobile-menu .m-book{background:var(--grad-btn);color:#fff;font-weight:600}
/* hero */
.hero{position:relative;background:radial-gradient(120% 85% at 72% -12%,#9b46ff 0%,#6a28c4 26%,#2a1450 52%,#0f0920 76%,#0a0612 100%);overflow:hidden;padding:150px 24px 84px}
.hero-grid{position:relative;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:7px 15px;border-radius:999px;font:600 12px 'Inter';color:#fff;margin-bottom:26px}
.dot{width:7px;height:7px;border-radius:50%;background:#c3f04b;box-shadow:0 0 0 3px rgba(195,240,75,.25);animation:blink 1.6s infinite}
.hero h1{font:800 58px/1.04 'Plus Jakarta Sans';letter-spacing:-.035em;margin-bottom:20px}
.hero p{font:400 18px/1.6 'Inter';color:#d6cfe6;max-width:500px;margin-bottom:30px}
.hero-cta{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}
.play{width:22px;height:22px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center}
.play i{border-left:7px solid #16101d;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}
.trust-row{display:flex;align-items:center;gap:12px}
.avatars{display:flex}
.avatars span{width:30px;height:30px;border-radius:50%;border:2px solid #2a1450;margin-left:-8px;display:inline-flex;align-items:center;justify-content:center;font:700 10px 'Inter';color:#fff}
.hero-visual{position:relative;height:540px;display:flex;align-items:center;justify-content:center}
.hero-visual img.portrait{position:relative;z-index:1;width:290px;max-width:92%;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));animation:floaty 7s ease-in-out infinite}
.portal-glow{position:absolute;width:560px;height:560px;max-width:96%;border-radius:50%;background:radial-gradient(circle,rgba(139,61,240,0) 40%,rgba(139,61,240,.42) 52%,rgba(139,61,240,0) 72%);filter:blur(6px)}
.portal-ring{position:absolute;width:470px;height:470px;max-width:90%;border-radius:50%;background:conic-gradient(from 0deg,rgba(139,61,240,0),rgba(216,191,255,.7),rgba(224,55,154,.55),rgba(139,61,240,0));-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);animation:spin 18s linear infinite}
.float-card{position:absolute;left:-6px;bottom:34px;z-index:2;width:260px;max-width:62%;background:rgba(14,9,24,.78);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px;box-shadow:0 30px 70px -24px rgba(0,0,0,.85)}
.metric-chip{position:absolute;right:-4px;top:54px;z-index:2;background:rgba(14,9,24,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:11px 14px;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);animation:floaty 5.5s ease-in-out infinite .6s}
.bubble-msg{background:linear-gradient(120deg,var(--g1),var(--g2));border-radius:11px;padding:9px 12px;font:450 12px/1.45 'Inter';color:#fff;margin-bottom:8px}
.chip-row{display:flex;gap:7px}
.chip{flex:1;text-align:center;font:600 10px 'Inter';padding:7px;border-radius:7px}
.chip.green{color:#c3f04b;background:rgba(195,240,75,.12)}
.chip.pink{color:#fb9bcb;background:rgba(251,107,176,.12)}
.wavebars{display:flex;align-items:center;gap:2px;height:18px}
.wavebars span{width:2px;border-radius:2px;transform-origin:center;background:#fb6bb0}
/* stat band */
.statband{padding:0 24px;margin-top:-30px;position:relative;z-index:2}
.stats{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{border-radius:18px;padding:26px 22px}
.stat .v{font:800 38px 'Plus Jakarta Sans';letter-spacing:-.02em;line-height:1;margin-bottom:8px}
.stat .l{font:500 14px 'Inter'}
/* generic dark/light section text */
.sec-dark .h2{color:#fff}.sec-light .h2{color:var(--ink)}
/* trust */
.trust-wrap{text-align:center}
.trust-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}
.trust-tag{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 18px}
.trust-tag .m{width:28px;height:28px;border-radius:8px;background:var(--grad-btn);display:inline-flex;align-items:center;justify-content:center;font:800 10px 'Plus Jakarta Sans';color:#fff}
.trust-tag span:last-child{font:600 14px 'Inter';color:#d6cfe6}
/* problem cards */
.prob{padding:24px;transition:transform .25s,border-color .25s}
.prob:hover{transform:translateY(-4px);border-color:rgba(139,61,240,.4)}
.prob-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.prob-num{width:38px;height:38px;border-radius:10px;background:rgba(139,61,240,.16);display:inline-flex;align-items:center;justify-content:center;font:800 13px 'Plus Jakarta Sans';color:#c084fc}
.prob-title{font:700 17px 'Plus Jakarta Sans';color:#fff}
.prob p{font:400 14px/1.55 'Inter';color:var(--muted-d)}
.cmp{border-radius:18px;padding:26px}
.cmp-h{font:700 13px 'Inter';letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.cmp-row{display:flex;align-items:center;gap:12px;padding:11px 0}
.mk{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:700 12px 'Inter';flex:none}
.mk.x{background:rgba(244,63,94,.16);color:#fb7185}
.mk.ok{background:rgba(195,240,75,.18);color:#c3f04b}
/* agents */
.agent{position:relative;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.agent:hover{transform:translateY(-5px);box-shadow:0 22px 50px -18px rgba(139,61,240,.28);border-color:rgba(139,61,240,.45)}
.agent .ic{width:46px;height:46px;border-radius:12px;background:var(--grad-btn);display:inline-flex;align-items:center;justify-content:center;font:800 15px 'Plus Jakarta Sans';color:#fff;margin-bottom:16px}
.agent .t{font:700 19px 'Plus Jakarta Sans';color:var(--ink);margin-bottom:14px}
.agent .lab{font:600 11px 'Inter';letter-spacing:.05em;text-transform:uppercase;color:#a59bb0;margin-bottom:2px}
.agent .val{font:450 14px 'Inter';color:var(--muted-l)}
.agent .out{font:600 14px 'Inter';color:#1f9d57}
/* network */
.net-grid{position:relative;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.platform-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(192,132,252,.12);border:1px solid rgba(192,132,252,.28);padding:7px 14px;border-radius:999px;font:700 12px 'Inter';color:#c9a8ff;margin-bottom:20px}
.checklist{display:flex;flex-direction:column;gap:14px;margin:0 0 32px}
.checklist .row{display:flex;align-items:center;gap:13px}
.checklist .ck{width:26px;height:26px;border-radius:50%;background:rgba(195,240,75,.16);color:#c3f04b;display:inline-flex;align-items:center;justify-content:center;font:700 13px 'Inter';flex:none}
.globe{position:relative;width:100%;max-width:540px;margin:0 auto;aspect-ratio:1/1}
.globe>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cbub{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.45);z-index:3}
.cbub .lab{position:absolute;bottom:-7px;font:700 7px 'Inter';letter-spacing:.03em;text-transform:uppercase;color:#cabfe0;background:#0a0612;padding:1px 5px;border-radius:4px;white-space:nowrap}
.cbub .ic-svg{display:inline-flex;align-items:center;justify-content:center}
.cbub .ic-svg svg{width:19px;height:19px;position:static}
.hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:28px;background:linear-gradient(140deg,#7a1f8f,#a21c8f 50%,#e0379a);display:flex;align-items:center;justify-content:center;border:1px solid rgba(251,107,176,.5);box-shadow:0 0 55px rgba(224,55,154,.55),0 14px 34px rgba(0,0,0,.55);z-index:4}
.hub .ring{position:absolute;inset:-2px;border-radius:30px;border:2px solid rgba(251,107,176,.45);animation:ring 2.8s ease-out infinite}
.hub .bars{display:flex;align-items:center;gap:2.5px;height:26px}
.hub .bars span{width:2.5px;border-radius:2px;transform-origin:center;background:#fff}
.hub .star{position:absolute;top:14px;right:16px;font:700 14px 'Inter';color:#fff}
/* value cards */
.vcard{display:flex;flex-direction:column;border-radius:22px;padding:30px;min-height:480px}
.vcard h3{font:700 24px 'Plus Jakarta Sans';color:#fff;letter-spacing:-.01em}
.vcard p{font:450 16px/1.55 'Inter';color:rgba(255,255,255,.92)}
.vcard .visual{flex:1;display:flex;align-items:center;justify-content:center;position:relative;margin:18px 0}
.tilegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tile{width:74px;height:74px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .25s}
.tile:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35);transform:translateY(-3px)}
.tile .ip{display:inline-flex}
.tile:hover .ip{animation:iconpop .7s ease-in-out}
.morph .medal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:24px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font:700 34px 'Inter';color:#fff;box-shadow:0 0 30px rgba(255,255,255,.22);animation:medalpulse 2.6s ease-in-out infinite}
@keyframes medalpulse{0%,100%{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(1.05)}}
.ring-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:230px;height:230px;max-width:100%}
.ring-area .av{position:absolute;width:46px;height:46px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font:700 13px 'Inter';color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.25);animation:poppulse 3.2s ease-in-out infinite}
.ring-area .core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font:700 22px 'Inter';color:#fff;z-index:2}
.morph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px}
.morph .s{position:absolute;inset:0;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.36)}
.morph .s1{border-radius:50%;animation:sh1 6s ease-in-out infinite}
.morph .s2{top:50%;left:50%;inset:auto;transform:translate(-50%,-50%);width:130px;height:74px;border-radius:999px;animation:sh2 6s ease-in-out infinite}
.morph .s3{background:rgba(255,255,255,.92);border:none;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sh3 6s ease-in-out infinite}
.morph .spk{position:absolute;top:50%;left:50%;line-height:1;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.7);animation:spark 2.4s ease-out infinite;pointer-events:none}
/* features */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.feat{padding:22px;transition:transform .22s,border-color .22s}
.feat:hover{transform:translateY(-4px);border-color:rgba(139,61,240,.4)}
.feat .sq{display:inline-flex;width:12px;height:12px;border-radius:4px;background:var(--grad-btn);margin-bottom:14px}
.feat .t{font:700 16px 'Plus Jakarta Sans';color:var(--ink);margin-bottom:6px}
.feat .d{font:400 13px/1.5 'Inter';color:#6b6175}
/* how it works */
.flow{position:relative;background:var(--panel);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:38px 26px}
.flow .track{position:absolute;left:46px;right:46px;top:78px;height:2px;background:rgba(255,255,255,.08);border-radius:2px}
.flow .track-on{position:absolute;left:46px;top:78px;width:120px;height:2px;background:var(--grad-btn);border-radius:2px}
.steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.step{text-align:center}
.step .n{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font:800 18px 'Plus Jakarta Sans';color:#fff;box-shadow:0 10px 24px rgba(210,38,143,.4)}
.step .t{font:700 16px 'Plus Jakarta Sans';color:#fff;margin-bottom:6px}
.step .d{font:400 13px/1.5 'Inter';color:var(--muted-d)}
/* industries */
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.chip-ind{display:inline-flex;align-items:center;gap:9px;padding:8px 16px 8px 8px;border-radius:999px;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.1);background:var(--panel);color:var(--muted-d)}
.chip-ind .m{width:30px;height:30px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font:800 11px 'Plus Jakarta Sans';color:#fff;background:rgba(255,255,255,.1)}
.chip-ind span:last-child{font:600 14px 'Inter'}
.chip-ind.active{border-color:rgba(139,61,240,.55);background:linear-gradient(120deg,#2a1550,#160f26);color:#fff;box-shadow:0 10px 24px -12px rgba(139,61,240,.6)}
.chip-ind.active .m{background:var(--grad-btn)}
.ind-panel{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;background:var(--panel)}
.ind-head{position:relative;display:flex;align-items:center;gap:18px;padding:28px 32px;background:linear-gradient(120deg,rgba(122,31,143,.45),rgba(224,55,154,.28) 70%,rgba(18,12,30,0));overflow:hidden}
.ind-head .glow{position:absolute;top:-60px;right:-30px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(139,61,240,.3),transparent 68%)}
.ind-head .ic{position:relative;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#7a1f8f,#a21c8f 55%,#e0379a);display:inline-flex;align-items:center;justify-content:center;font:800 18px 'Plus Jakarta Sans';color:#fff;box-shadow:0 12px 28px rgba(210,38,143,.4);flex:none}
.ind-head .nm{font:800 28px 'Plus Jakarta Sans';color:#fff;letter-spacing:-.02em}
.ind-head .tg{font:450 15px 'Inter';color:#cabfe0}
.ind-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}
.ind-sub{background:var(--panel2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:22px}
.ind-sub .sh{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.ind-sub .sh .b{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font:700 12px 'Inter'}
.ind-sub .sh .lab{font:700 13px 'Inter';letter-spacing:.04em;text-transform:uppercase}
.rose .b{background:rgba(244,63,94,.16);color:#fb7185}.rose .lab{color:#fb7185}
.lime .b{background:rgba(195,240,75,.18);color:#c3f04b}.lime .lab{color:#c3f04b}
.ind-li{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06);font:450 14px/1.5 'Inter';color:#cabfd2}
.ind-li .dotp{width:7px;height:7px;border-radius:50%;background:#fb7185;flex:none;margin-top:7px}
.ind-li .ckp{width:18px;height:18px;border-radius:50%;background:rgba(195,240,75,.16);color:#c3f04b;display:inline-flex;align-items:center;justify-content:center;font:700 10px 'Inter';flex:none;margin-top:1px}
.ind-pane{display:none}.ind-pane.active{display:block}
/* integrations */
.intg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.intg{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:14px;padding:16px 18px;box-shadow:0 2px 8px rgba(20,16,29,.04);transition:border-color .2s,transform .2s}
.intg:hover{border-color:rgba(139,61,240,.45);transform:translateY(-3px)}
.intg .m{width:40px;height:40px;border-radius:10px;background:#faf6fa;border:1px solid rgba(20,16,29,.08);display:inline-flex;align-items:center;justify-content:center;font:800 13px 'Plus Jakarta Sans';color:var(--ink);flex:none}
.intg .nm{font:600 15px 'Inter';color:var(--ink)}
.intg .sub{font:450 12px 'Inter';color:#857d8e}
.intg .arr{width:30px;height:30px;border-radius:50%;background:rgba(139,61,240,.12);color:#7c3aed;display:inline-flex;align-items:center;justify-content:center;font:600 14px 'Inter';flex:none}
/* analytics */
.an-grid{position:relative;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.kpi{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.1)}
.kpi .l{font:450 14px 'Inter';color:#b9b2c8}.kpi .v{font:800 18px 'Plus Jakarta Sans';color:#fff}
.dash{background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:26px;box-shadow:0 36px 80px -28px rgba(0,0,0,.7)}
.dash-rev{background:#c3f04b;border-radius:14px;padding:18px;margin-bottom:14px}
.dash-rev .l{font:600 12px 'Inter';color:#3f5a18;margin-bottom:4px}
.dash-rev .v{font:800 30px 'Plus Jakarta Sans';color:#13210a;line-height:1}
.dash-rev .d{font:600 12px 'Inter';color:#3f5a18;margin-top:4px}
.dash-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.dash-tile{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:14px}
.dash-tile .l{font:450 12px 'Inter';color:#9a90a8;margin-bottom:6px}
.dash-tile .v{font:800 21px 'Plus Jakarta Sans';color:#fff}
.dash-tile .d{font:600 11px 'Inter';color:#c3f04b;margin-top:3px}
.chart{display:flex;align-items:flex-end;gap:8px;height:110px;padding:0 4px}
.chart .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}
.chart .bar{width:100%;border-radius:5px 5px 0 0;transform-origin:bottom;background:linear-gradient(180deg,var(--g3),var(--g1))}
.chart .lb{font:450 10px 'Inter';color:#7e7488}
/* testimonials */
.tst{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(20,16,29,.07);border-radius:18px;padding:28px;box-shadow:0 4px 16px rgba(20,16,29,.05)}
.tst .stat{font:800 30px 'Plus Jakarta Sans';color:var(--accent);line-height:1;margin-bottom:10px;padding:0}
.tst p{font:450 16px/1.6 'Inter';color:#3a3442;flex:1;margin-bottom:22px}
.tst .who{display:flex;align-items:center;gap:12px}
.tst .av{width:42px;height:42px;border-radius:50%;background:var(--grad-btn);display:inline-flex;align-items:center;justify-content:center;font:800 13px 'Plus Jakarta Sans';color:#fff}
.tst .nm{font:700 14px 'Inter';color:var(--ink)}.tst .ro{font:450 13px 'Inter';color:#857d8e}
/* pricing */
.price-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px}
.price-toggle button{padding:9px 18px;border-radius:999px;font:600 13px 'Inter';cursor:pointer;border:none;background:transparent;color:var(--muted-d)}
.price-toggle button.active{background:var(--grad-btn);color:#fff;box-shadow:0 6px 16px rgba(210,38,143,.4)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;border-radius:20px;padding:30px;background:var(--panel);border:1px solid rgba(255,255,255,.08)}
.plan.hi{background:radial-gradient(120% 100% at 50% 0%,#2a1550,#140c26);border:1px solid rgba(139,61,240,.5);box-shadow:0 30px 70px -28px rgba(139,61,240,.6);transform:scale(1.02)}
.plan .pop{position:absolute;top:18px;right:18px;font:700 11px 'Inter';color:#16101d;background:#c3f04b;padding:5px 11px;border-radius:999px}
.plan .nm{font:700 15px 'Inter';color:#c084fc;margin-bottom:8px}
.plan.hi .nm{color:#c9a8ff}
.plan .pr{display:flex;align-items:flex-end;gap:6px;margin-bottom:6px}
.plan .pr .amt{font:800 40px 'Plus Jakarta Sans';color:#fff;line-height:1}
.plan .pr .per{font:450 14px 'Inter';color:var(--muted-d);margin-bottom:6px}
.plan .tg{font:450 13px/1.5 'Inter';color:var(--muted-d);margin-bottom:22px}
.plan .pbtn{text-align:center;font:600 15px 'Inter';padding:13px;border-radius:999px;cursor:pointer;background:#fff;color:#16101d;border:none}
.plan.hi .pbtn{background:var(--grad-btn);color:#fff;box-shadow:0 12px 28px rgba(210,38,143,.45)}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-top:24px}
.plan li{display:flex;gap:10px;align-items:flex-start;font:450 14px/1.45 'Inter';color:#c9c2d6}
.plan li b{color:#c3f04b;font-weight:700;flex:none}
/* final cta */
.cta{position:relative;background:radial-gradient(115% 130% at 50% 130%,#9b46ff 0%,#6a28c4 22%,#2a1450 48%,#0f0920 72%,#0a0612 100%);overflow:hidden;padding:110px 24px;text-align:center}
.cta h2{font:800 54px/1.06 'Plus Jakarta Sans';letter-spacing:-.03em;margin-bottom:20px;max-width:760px;margin-left:auto;margin-right:auto}
.cta p{font:400 19px/1.6 'Inter';color:#d6cfe6;max-width:560px;margin:0 auto 34px}
.cta .row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.btn-white{font:600 16px 'Inter';color:#16101d;background:#fff;padding:15px 30px;border-radius:999px;cursor:pointer;text-decoration:none;border:none}
/* footer */
footer{background:#08040f;padding:64px 24px 40px}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:28px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-brand .logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.foot-brand .logo img{width:36px;height:36px;object-fit:contain}
.foot-brand .logo span{font:800 17px 'Plus Jakarta Sans';color:#fff}
.foot-brand p{font:400 14px/1.6 'Inter';color:#8b8398;max-width:300px;margin-bottom:20px}
.foot-contact{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.foot-contact a{display:flex;align-items:center;gap:10px;font:500 14px 'Inter';color:#d6cfe6;text-decoration:none}
.foot-contact a.addr{align-items:flex-start;font:450 13px/1.5 'Inter';color:#8b8398}
.foot-contact .ic{width:18px;color:#fb9bcb;flex:none;display:inline-flex;align-items:center;justify-content:center}
.foot-contact a.addr .ic{margin-top:1px}
.foot-ids{display:flex;gap:16px;margin-top:4px;font:450 12px 'Inter';color:#6e6679}
.socials{display:flex;gap:10px}
.socials a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font:700 11px 'Inter';color:#c4bcce;text-decoration:none;transition:all .2s}
.socials a:hover{background:var(--grad-btn);border-color:transparent;color:#fff}
.foot-col h4{font:700 13px 'Inter';color:#fff;margin-bottom:16px}
.foot-col .links{display:flex;flex-direction:column;gap:10px}
.foot-col .links a,.foot-col .links span{font:450 14px 'Inter';color:#8b8398;cursor:pointer;text-decoration:none}
.foot-col .links a.os{color:#c9a8ff}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;flex-wrap:wrap;gap:14px}
.foot-bottom .cp{font:450 13px 'Inter';color:#6e6679}
.foot-bottom .legal{display:flex;gap:18px}
.foot-bottom .legal span,.foot-bottom .legal a{font:450 13px 'Inter';color:#6e6679;cursor:pointer;text-decoration:none}
.foot-bottom .legal a:hover{color:#c9a8ff}
.foot-offices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:34px 0;border-top:1px solid rgba(255,255,255,.08)}
.office .role{font:700 11px 'Inter';letter-spacing:.05em;text-transform:uppercase;color:#fb9bcb;margin-bottom:6px}
.office h5{font:700 15px 'Plus Jakarta Sans';color:#fff;margin-bottom:8px}
.office p{font:450 13px/1.65 'Inter';color:#8b8398;margin-bottom:6px}
.office a{color:#c9a8ff;text-decoration:none}
.office a:hover{color:#fb9bcb}
.foot-hours{display:flex;flex-wrap:wrap;gap:6px 18px;font:450 13px 'Inter';color:#8b8398;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.foot-hours b{color:#d6cfe6;font-weight:600}
@media (max-width:880px){
  .nav-menu,.nav-talk{display:none}
  .nav-burger{display:flex}
  .hero-grid,.net-grid,.an-grid{grid-template-columns:1fr}
  .hero h1{font-size:40px}.h2{font-size:30px}.cta h2{font-size:36px}
  .cols3,.cols2,.feat-grid,.intg-grid,.stats,.steps,.plans,.tilegrid,.ind-body{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .ind-body{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .sec{padding:64px 20px}
  .flow .track,.flow .track-on{display:none}
  .hero-visual{height:420px}
}

/* ---- sub-page styles ---- */
.page-hero{position:relative;background:radial-gradient(120% 90% at 70% -20%,#9b46ff 0%,#6a28c4 26%,#2a1450 54%,#0f0920 78%,#0a0612 100%);padding:150px 24px 72px;overflow:hidden;text-align:center}
.page-hero h1{font:800 50px/1.06 'Plus Jakarta Sans';letter-spacing:-.03em;max-width:860px;margin:0 auto 18px;color:#fff}
.page-hero p{font:400 19px/1.6 'Inter';color:#d6cfe6;max-width:640px;margin:0 auto}
.prose{max-width:820px;margin:0 auto}
.prose h2{font:800 26px 'Plus Jakarta Sans';color:#16101d;margin:34px 0 12px}
.prose p,.prose li{font:400 15.5px/1.75 'Inter';color:#3a3442;margin-bottom:10px}
.prose ul{padding-left:20px;margin-bottom:12px}.prose a{color:#7c3aed}
.prose .upd{font:500 13px 'Inter';color:#857d8e;margin-bottom:8px}
.contact-form{display:flex;flex-direction:column;gap:14px;max-width:540px;text-align:left}
.contact-form label{font:600 13px 'Inter';color:#16101d;margin-bottom:-8px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px 15px;border-radius:11px;border:1px solid rgba(20,16,29,.14);background:#fff;font:450 15px 'Inter';color:#16101d}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.ind-tag{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:14px;padding:16px 18px;box-shadow:0 2px 8px rgba(20,16,29,.04);transition:transform .2s,border-color .2s}
.ind-tag:hover{transform:translateY(-3px);border-color:rgba(139,61,240,.4)}
.ind-tag .m{width:38px;height:38px;border-radius:10px;background:var(--grad-btn);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 12px 'Plus Jakarta Sans';flex:none}
.ind-tag span:last-child{font:600 15px 'Inter';color:#16101d}
.banner{background:linear-gradient(120deg,#2a1550,#140c26);border:1px solid rgba(139,61,240,.3);border-radius:20px;padding:36px;text-align:center;position:relative;overflow:hidden}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:880px){.page-hero h1{font-size:34px}.cards-2{grid-template-columns:1fr}}

/* ---- phase 2 ---- */
.faq{max-width:820px;margin:0 auto}
.faq details{background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:14px;margin-bottom:12px;box-shadow:0 2px 8px rgba(20,16,29,.04);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font:700 16px 'Plus Jakarta Sans';color:#16101d;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:#7c3aed;font-size:22px;font-weight:400;flex:none}
.faq details[open] summary::after{content:'\2212'}
.faq details p{padding:0 22px 18px;font:400 14.5px/1.7 'Inter';color:#5a5360;margin:0}
.cmp-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(20,16,29,.05);margin-bottom:30px}
.cmp-table th,.cmp-table td{padding:14px 18px;text-align:left;font:450 14.5px 'Inter';border-bottom:1px solid rgba(20,16,29,.06);color:#3a3442}
.cmp-table th{font:700 13px 'Inter';text-transform:uppercase;letter-spacing:.04em;color:#16101d;background:#faf6fa}
.cmp-table th:nth-child(3){color:#a21c8f}
.cmp-table td:first-child{color:#5a5360;font-weight:500}
.cmp-table .yes{color:#1f9d57;font-weight:600}.cmp-table .no{color:#e11d48}
.case{background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:18px;padding:28px;box-shadow:0 4px 16px rgba(20,16,29,.05)}
.case .role{font:700 11px 'Inter';letter-spacing:.05em;text-transform:uppercase;color:#7c3aed;margin-bottom:8px}
.case h3{font:800 19px 'Plus Jakarta Sans';color:#16101d;margin-bottom:10px}
.case p{font:400 14.5px/1.65 'Inter';color:#5a5360;margin-bottom:16px}
.case .metrics{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(20,16,29,.08);padding-top:16px}
.case .metric{font:800 26px 'Plus Jakarta Sans';color:#d3268f;line-height:1}
.case .metric small{display:block;font:500 12px 'Inter';color:#857d8e;margin-top:4px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.why{background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(20,16,29,.04);transition:transform .2s,border-color .2s}
.why:hover{transform:translateY(-4px);border-color:rgba(139,61,240,.4)}
.why .ic{width:42px;height:42px;border-radius:11px;background:var(--grad-btn);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 13px 'Plus Jakarta Sans';margin-bottom:14px}
.why h3{font:700 17px 'Plus Jakarta Sans';color:#16101d;margin-bottom:6px}
.why p{font:400 14px/1.6 'Inter';color:#5a5360}
@media(max-width:880px){.why-grid{grid-template-columns:1fr}}

/* ---- phase 3 ---- */
.sticky-cta{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:10px}
.sticky-cta a{font:600 14px 'Inter';padding:13px 20px;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px -8px rgba(0,0,0,.5)}
.sticky-cta .s-call{background:rgba(20,13,32,.92);color:#fff;border:1px solid rgba(192,132,252,.4);backdrop-filter:blur(10px)}
.sticky-cta .s-demo{background:var(--grad-btn);color:#fff}
@media(max-width:880px){.sticky-cta{left:14px;right:14px;bottom:14px}.sticky-cta a{flex:1;text-align:center;padding:14px}}
.roi-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.roi-card{background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:18px;padding:28px;box-shadow:0 4px 16px rgba(20,16,29,.05)}
.roi-field{margin-bottom:18px}
.roi-field label{display:block;font:600 13px 'Inter';color:#16101d;margin-bottom:7px}
.roi-field input{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(20,16,29,.14);font:500 15px 'Inter';color:#16101d}
.roi-field input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.roi-out{background:radial-gradient(120% 100% at 50% 0%,#2a1550,#140c26);border:1px solid rgba(139,61,240,.4);border-radius:18px;padding:28px;color:#fff}
.roi-out .big{font:800 44px 'Plus Jakarta Sans';color:#c3f04b;line-height:1;margin:6px 0 2px}
.roi-out .row2{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font:450 14px 'Inter';color:#c4bcce}
.roi-out .row2 b{color:#fff;font-weight:700}
.demo-stage{max-width:520px;margin:0 auto;background:rgba(18,12,30,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px;box-shadow:0 36px 80px -24px rgba(0,0,0,.7)}
.demo-msg{max-width:84%;padding:11px 14px;border-radius:14px;font:450 14px/1.5 'Inter';margin-bottom:10px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.demo-msg.show{opacity:1;transform:none}
.demo-msg.caller{align-self:flex-start;background:rgba(255,255,255,.1);color:#e8e2ef;border-radius:14px 14px 14px 4px}
.demo-msg.ai{align-self:flex-end;margin-left:auto;background:linear-gradient(120deg,#a21c8f,#e0379a);color:#fff;border-radius:14px 14px 4px 14px}
.lp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:880px){.roi-wrap{grid-template-columns:1fr}.lp-benefits{grid-template-columns:1fr}}

/* ---- demo language layout ---- */
.demo-grid{display:grid;grid-template-columns:248px 1fr;gap:22px;align-items:start;max-width:920px;margin:0 auto}
.lang-list{display:flex;flex-direction:column;gap:8px}
.lang-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(20,16,29,.1);background:#fff;cursor:pointer;font:600 14px 'Inter';color:#16101d;text-align:left;transition:all .2s}
.lang-btn:hover{border-color:rgba(139,61,240,.4);transform:translateX(2px)}
.lang-btn.active{background:linear-gradient(120deg,#a21c8f,#fb6bb0);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px rgba(210,38,143,.5)}
.lang-btn .nm{display:flex;flex-direction:column;line-height:1.3}
.lang-btn .nm small{font:450 11px 'Inter';opacity:.7}
.demo-grid .demo-stage{max-width:none;margin:0}
@media(max-width:880px){.demo-grid{grid-template-columns:1fr}.lang-list{flex-direction:row;flex-wrap:wrap}.lang-btn{flex:1;min-width:130px}}

/* ---- live agent ---- */
.live-wrap{max-width:720px;margin:0 auto}
.key-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
.key-row input{flex:1;min-width:240px;padding:12px 14px;border-radius:11px;border:1px solid rgba(20,16,29,.14);font:500 14px 'Inter';color:#16101d}
.key-row select{padding:12px 14px;border-radius:11px;border:1px solid rgba(20,16,29,.14);font:500 14px 'Inter';color:#16101d;background:#fff}
.live-stage{background:rgba(18,12,30,.92);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;display:flex;flex-direction:column;box-shadow:0 30px 70px -28px rgba(0,0,0,.6)}
.live-box{display:flex;flex-direction:column;overflow:auto;max-height:360px;min-height:200px;margin-bottom:16px}
.mic{width:74px;height:74px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(120deg,#a21c8f,#fb6bb0);color:#fff;font:700 11px 'Inter';display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 12px 30px -8px rgba(210,38,143,.6)}
.mic.rec{animation:micpulse 1.2s ease-in-out infinite}
@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(251,107,176,.55)}50%{box-shadow:0 0 0 18px rgba(251,107,176,0)}}
.live-status{text-align:center;font:500 13px 'Inter';color:#b9b2c8;margin-top:12px;min-height:18px}
.live-note{font:400 13px/1.6 'Inter';color:#857d8e;background:#fff;border:1px solid rgba(20,16,29,.08);border-radius:12px;padding:16px;margin-top:18px}

/* ---- agent tabs + call cta (Bolna-style) ---- */
.atabs{display:inline-flex;gap:4px;background:#120c1e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:5px;flex-wrap:wrap;justify-content:center}
.atab{padding:9px 18px;border-radius:9px;font:600 14px 'Inter';color:#9a91a8;cursor:pointer;border:none;background:transparent;transition:all .2s}
.atab.active{background:linear-gradient(120deg,var(--g1),var(--g3));color:#fff}
.apane{display:none}
.apane.active{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.acard{background:#120c1e;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;transition:border-color .25s,transform .25s}
.acard:hover{border-color:rgba(139,61,240,.45);transform:translateY(-3px)}
.acard .top{display:flex;justify-content:space-between;gap:16px}
.acard h3{font:700 19px 'Plus Jakarta Sans';color:#fff;margin-bottom:10px}
.atags{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.atag{font:600 11px 'Inter';color:#c9c2d6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:7px}
.acard p{font:400 14px/1.55 'Inter';color:#9a91a8}
.acard .btns{display:flex;flex-direction:column;gap:10px;flex:none}
.aplay{width:48px;height:48px;border-radius:12px;background:linear-gradient(120deg,var(--g2),var(--g3));color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px}
.aarrow{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#c9c2d6;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px}
.aphone{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fb9bcb;font:700 16px 'Plus Jakarta Sans';text-decoration:none;transition:background .2s}
.aphone:hover{background:rgba(251,107,176,.08)}
.callcta{text-align:center}
.callbtn{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px 36px;font:700 22px 'Plus Jakarta Sans';color:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s;background:rgba(255,255,255,.03)}
.callbtn:hover{border-color:var(--g3);box-shadow:0 16px 36px -10px rgba(210,38,143,.5)}
.callbtn .ph{color:#fb9bcb}
@media(max-width:880px){.apane.active{grid-template-columns:1fr}.callbtn{font-size:18px}}

/* ---- demo: Your Voice Any Language map picker ---- */
.voice-map{position:relative;max-width:920px;margin:26px auto 0;border-radius:22px;padding:46px 30px;background-color:#f1ecf7;background-image:radial-gradient(circle at center,rgba(20,16,29,.10) 1.2px,transparent 1.3px);background-size:24px 24px;border:1px solid rgba(20,16,29,.06)}
.map-pills{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.map-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid rgba(20,16,29,.1);border-radius:999px;padding:7px 16px 7px 7px;cursor:pointer;box-shadow:0 6px 18px rgba(20,16,29,.12);font:700 14px 'Inter';color:#16101d;transition:transform .2s,box-shadow .2s}
.map-pill .flag{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;background:#f1ecf7}
.map-pill:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 24px rgba(20,16,29,.18)}
.map-pill.active{background:linear-gradient(120deg,#a21c8f,#fb6bb0);color:#fff;border-color:transparent}
.map-pill.active .flag{background:rgba(255,255,255,.25)}

/* ---- demo: interactive world-map markers ---- */
.voice-map{position:relative;max-width:980px;margin:26px auto 0;border-radius:22px;min-height:460px;background-color:#ece6f5;background-image:url(assets/world-map.png);background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid rgba(20,16,29,.06);overflow:visible}
.map-pills{position:absolute;inset:0}
.mk{position:absolute;transform:translate(-50%,-50%);z-index:2}
.mk-btn{position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(20,16,29,.12);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;box-shadow:0 8px 20px rgba(20,16,29,.2);font:700 13px 'Inter';color:#16101d;white-space:nowrap;transition:transform .2s}
.mk-btn:hover{transform:scale(1.05)}
.mk-btn .flag{width:26px;height:26px;border-radius:50%;background:#f1ecf7;display:inline-flex;align-items:center;justify-content:center;font-size:14px;overflow:hidden}
.mk-btn .flag img{width:100%;height:100%;object-fit:cover}
.mk-btn .ping{position:absolute;left:16px;top:50%;width:10px;height:10px;border-radius:50%;background:#fb6bb0;transform:translate(-50%,-50%);animation:mkping 2s ease-out infinite;z-index:-1}
@keyframes mkping{0%{box-shadow:0 0 0 0 rgba(251,107,176,.5)}100%{box-shadow:0 0 0 14px rgba(251,107,176,0)}}
.mk-pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:#16101d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;display:none;flex-direction:column;gap:3px;min-width:160px;max-height:240px;overflow:auto;box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:6}
.mk:hover .mk-pop,.mk.open .mk-pop{display:flex}
.mk-pop .ph{font:700 10px 'Inter';letter-spacing:.06em;text-transform:uppercase;color:#9a90a8;padding:4px 10px 6px}
.mk-pop button{background:transparent;border:none;color:#d8d2e6;font:600 13px 'Inter';text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
.mk-pop button:hover{background:rgba(255,255,255,.08);color:#fff}
.mk-pop button.active{background:linear-gradient(120deg,#a21c8f,#fb6bb0);color:#fff}
@media(max-width:880px){.voice-map{min-height:auto;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:26px}.map-pills{position:static}.mk{position:static;transform:none}.mk-pop{position:static;transform:none;margin-top:6px}}

/* ---- demo: two-step dropdown picker ---- */
.picker-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;max-width:620px;margin:26px auto 0}
.picker-field{flex:1;min-width:220px;display:flex;flex-direction:column;gap:7px}
.picker-field label{font:700 12px 'Inter';letter-spacing:.04em;text-transform:uppercase;color:#7c3aed}
.picker-field select{padding:14px 16px;border-radius:13px;border:1px solid rgba(20,16,29,.14);background:#fff;font:600 15px 'Inter';color:#16101d;cursor:pointer}
.picker-field select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
@media(max-width:880px){.picker-field{min-width:100%}}