.industry-page--ecommerce{--ind: #B496F0;--ind-glow: 180 150 240}.ip-hero{position:relative;min-height:92vh;padding:170px 0 70px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ip-hero .glow{background:radial-gradient(circle,rgba(var(--ind-glow),.26),rgba(var(--ind-glow),.06) 36%,transparent 66%)}.ip-hero-inner{position:relative;z-index:3;text-align:center;max-width:880px;padding:0 32px}.ip-hero .eyebrow .dot{background:var(--ind);box-shadow:0 0 12px var(--ind)}.ip-hero h1{font-size:clamp(44px,6.4vw,88px);line-height:1;letter-spacing:-.04em;font-weight:600;margin:24px 0 20px}.ip-hero h1 .italic{font-style:italic;font-family:"Instrument Serif",serif;font-weight:400;color:var(--ind)}.ip-hero .lede{font-size:20px;color:var(--text-2);max-width:600px;margin:0 auto 36px;text-wrap:balance;line-height:1.5}.ip-hero-cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ip-hero-cards .hero-card{border-color:var(--line-strong)}.ip-hero-cards .hero-card .badge{background:rgba(var(--ind-glow),.15);color:var(--ind)}[data-theme=light] .ip-hero-cards .hero-card{background:#fffcf8eb}.ip-hc-1{top:22%;left:6%;animation-delay:0s}.ip-hc-2{top:30%;right:6%;animation-delay:-2.4s}.ip-hc-3{bottom:20%;left:9%;animation-delay:-4.2s}.ip-hc-4{bottom:26%;right:8%;animation-delay:-6s}.ip-section .section-head h2 .accent,.section-head h2 .ip-accent{color:var(--ind);font-style:italic;font-family:"Instrument Serif",serif;font-weight:400}.ip-sim-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 28px;max-width:720px}.ip-chip{position:relative;overflow:hidden;padding:9px 18px;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:500;color:var(--text-2);cursor:pointer;transition:color .2s,border-color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.ip-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.ip-chip:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.ip-chip:hover:after{transform:translate(100%)}.ip-chip.active{background:var(--ind);color:#fff;border-color:transparent;box-shadow:0 8px 22px -8px rgba(var(--ind-glow),.6)}.ip-chip.active:after{background:linear-gradient(120deg,transparent,rgba(255,255,255,.38),transparent)}.ip-sim{display:grid;grid-template-columns:1.32fr .68fr;gap:18px;max-width:1040px;margin:0 auto;align-items:stretch}.ip-phone{background:var(--bg-card);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:540px;position:relative}.ip-phone-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--bg-2)}.ip-phone-head .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--ind),var(--coral-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}.ip-phone-head .who{flex:1;min-width:0}.ip-phone-head .nm{font-weight:600;font-size:14.5px}.ip-phone-head .mt{font-size:12px;color:var(--text-3);font-family:var(--f-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--acc-green);padding:4px 11px;background:#6fcf8a24;border-radius:999px}.ip-live .pip{width:6px;height:6px;border-radius:50%;background:var(--acc-green);box-shadow:0 0 8px var(--acc-green);animation:pulse-dot 1.4s infinite}.ip-live.ended{color:var(--text-3);background:#ffffff0d}.ip-live.ended .pip{background:var(--text-3);box-shadow:none;animation:none}.ip-timer{font-family:var(--f-mono);font-size:12.5px;color:var(--text-2);flex-shrink:0}.ip-log{flex:1;padding:22px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scroll-behavior:smooth}.ip-log::-webkit-scrollbar{width:0}.ip-log .msg{max-width:78%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.5;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}.ip-log .msg.ai{background:var(--bg-3);align-self:flex-start;border-bottom-left-radius:5px}.ip-log .msg.user{background:var(--ind);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.ip-log .msg.in{opacity:1;transform:none}.ip-log .role{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;opacity:.6;font-weight:600}.ip-typing{align-self:flex-start;display:inline-flex;gap:4px;padding:13px 16px;background:var(--bg-3);border-radius:16px 16px 16px 5px}.ip-typing span{width:7px;height:7px;border-radius:50%;background:var(--text-3);animation:ip-typing 1.2s infinite}.ip-typing span:nth-child(2){animation-delay:.2s}.ip-typing span:nth-child(3){animation-delay:.4s}@keyframes ip-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.ip-phone-foot{border-top:1px solid var(--line);padding:18px 22px;background:var(--bg-2)}.ip-intent{display:flex;align-items:center;gap:14px;margin-bottom:14px}.ip-intent .lab{width:96px;font-size:12px;color:var(--text-3);flex-shrink:0}.ip-intent .bar{flex:1;height:7px;background:var(--bg-3);border-radius:999px;overflow:hidden}.ip-intent .fill{height:100%;width:0;border-radius:999px;background:var(--ind);transition:width .9s cubic-bezier(.34,1.3,.64,1)}.ip-intent .pct{width:38px;text-align:right;font-family:var(--f-mono);font-size:12.5px;color:var(--text-2)}.ip-outcome{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:13px;background:rgba(var(--ind-glow),.08);border:1px solid rgba(var(--ind-glow),.22);font-size:13.5px;font-weight:500;color:var(--text);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}.ip-outcome.show{opacity:1;transform:none}.ip-outcome .tick{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--ind);color:#fff;display:inline-flex;align-items:center;justify-content:center}.ip-outcome .tick svg{width:13px;height:13px}.ip-replay{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 18px;border-radius:999px;background:var(--ind);color:#fff;font-size:13.5px;font-weight:500;cursor:pointer;transition:filter .2s,transform .2s,box-shadow .2s}.ip-replay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(255,255,255,.38),transparent);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.ip-replay:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(var(--ind-glow),.55)}.ip-replay:hover:after{transform:translate(100%)}.ip-replay svg{position:relative;z-index:1;width:14px;height:14px}.ip-side-card{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:22px;flex:1}.ip-side-card .sc-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:18px;display:flex;align-items:center;gap:8px}.ip-metric{margin-bottom:18px}.ip-metric .mv{font-family:var(--f-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1}.ip-metric .ml{font-size:12px;color:var(--text-3);margin-top:6px;text-transform:uppercase;letter-spacing:.05em}.ip-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto}.ip-cap{position:relative;padding:30px;background:var(--bg-card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.ip-cap:hover{transform:translateY(-4px);border-color:rgba(var(--ind-glow),.4);background:rgba(var(--ind-glow),.03)}.ip-cap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0),rgba(var(--ind-glow),.14),transparent 50%);opacity:0;transition:opacity .25s;pointer-events:none}.ip-cap:hover:before{opacity:1}.ip-cap .ic{width:46px;height:46px;border-radius:13px;background:rgba(var(--ind-glow),.1);color:var(--ind);display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.ip-cap .ic svg{width:22px;height:22px}.ip-cap h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px;position:relative}.ip-cap p{font-size:14px;color:var(--text-2);line-height:1.55;position:relative}.ip-side{display:flex;flex-direction:column;gap:14px}.ip-side-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:22px;flex:1}.ip-side-card .sc-head{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:8px}.ip-side-card .sc-head .pip{width:6px;height:6px;border-radius:50%;background:var(--ind);box-shadow:0 0 8px var(--ind)}.ip-metric{width:100%;margin-bottom:18px;text-align:center}.ip-metric:last-child{margin-bottom:0}.ip-metric .mv{display:block;font-family:var(--f-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--ind)}.ip-metric .mv.tinted{color:var(--ind)}.ip-metric .mv.green{color:var(--acc-green)}.ip-metric .ml{display:block;font-size:12px;color:var(--text-3);margin-top:8px;text-transform:uppercase;letter-spacing:.05em}.ip-metric.bumped .mv{animation:ip-bump .5s cubic-bezier(.34,1.56,.64,1)}@keyframes ip-bump{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.ip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:980px;margin:0 auto;text-align:center}.ip-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.ip-stat .big-num{display:block;width:100%;color:var(--ind)}.ip-stat .big-lbl{display:block;width:100%;margin-top:8px}.ip-stat .sublabel{font-size:13.5px;color:var(--text-2);margin-top:10px;max-width:240px;line-height:1.45}.ip-section .flow-step:hover .dot{background:var(--ind);border-color:var(--ind);color:#fff}.ip-section .flow-track:before{background:linear-gradient(90deg,transparent,var(--line-strong),var(--ind),var(--line-strong),transparent)}.ip-cta{background:radial-gradient(ellipse at center,rgba(var(--ind-glow),.15),transparent 60%)}.ip-cta h2 .italic{color:var(--ind)}.ip-cta .btn-primary{background:var(--ind)}.ip-cta .btn-primary:hover{box-shadow:0 12px 32px -8px rgba(var(--ind-glow),.5)}@media (max-width: 920px){.ip-sim{grid-template-columns:1fr}.ip-side{flex-direction:row}.ip-caps{grid-template-columns:1fr;max-width:460px}.ip-stats{grid-template-columns:1fr;gap:36px}}@media (max-width: 560px){.ip-side{flex-direction:column}.ip-hero{min-height:auto;padding:150px 0 50px}}