@font-face{font-family:'Clash Display';src:url('/assets/brand/ai-saas/clash-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Clash Display';src:url('/assets/brand/ai-saas/clash-medium.woff2') format('woff2');font-weight:500;font-display:swap}
#saas-variant{--av-brand:#5552ff;--av-brand-hover:#4542e7;--av-brand-soft:#efeeff;--av-canvas:#fafbfc;--av-ink:#18163f;--av-muted:#777891;--studio-ink:#18163f;--studio-muted:#777891;--studio-blue:#5552ff;--studio-line:#ededf4;--studio-shadow-soft:0 6px 24px #17174004;--ink:#18163f;--muted:#777891;--accent:#5552ff;--bg:#fdfdfd;--soft:#efeeff;background:#fdfdfd!important;color:#1a1a1a!important}
#saas-variant :is(p,span,b,strong,small,label,dt,dd,summary,a,li,div,button,input,textarea,select){font-family:Manrope,sans-serif!important}
#saas-variant :is(h1,h2,h3,h4,h5,h6,.electric-brand-name,.electric-brand){font-family:'Clash Display',Manrope,sans-serif!important;font-weight:500;letter-spacing:-.03em;color:#1a1a1a!important}
#saas-variant a:focus-visible,#saas-variant button:focus-visible{outline:2px solid #5552ff;outline-offset:4px}
#saas-variant .electric-brand img,#saas-variant .brand img{width:40px!important;height:40px!important;object-fit:contain;background:#5552ff!important;padding:7px!important;border-radius:12px!important}
#saas-variant img[src*="avibot-mark"]{background:#5552ff!important;border-radius:12px!important;padding:7px!important;object-fit:contain}
#saas-variant .electric-brand,#saas-variant .electric-brand-name{font-size:27px!important;font-weight:600!important;letter-spacing:-1px!important;color:#17153d!important}
.variant-switch{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:8px;background:#18163f;box-shadow:0 8px 28px #18163f26;padding:7px;border-radius:50px;color:white;font:12px Manrope,sans-serif}
.variant-switch span{padding:0 12px;color:#c7c6e2;white-space:nowrap}.variant-switch a{color:white!important;padding:8px 15px;border-radius:30px;text-decoration:none;background:#ffffff15}.variant-switch a:hover{background:#5552ff}
/* Landing: the reference's centred headline, ribbon and large product window. */
#saas-variant.electric-site .wrap{max-width:1240px}
#saas-variant.electric-site nav{height:110px}
#saas-variant.electric-site .navlinks{font-size:14px;gap:28px;color:#6b6b6b}
#saas-variant.electric-site .hero{position:relative;overflow:hidden;background:#fdfdfd!important;padding:70px 0 60px}
#saas-variant.electric-site .hero::before{content:none!important}
#saas-variant.electric-site .hero>.wrap{position:relative;z-index:1}
#saas-variant.electric-site .herogrid{display:flex;flex-direction:column;gap:40px;align-items:center;text-align:center}
#saas-variant.electric-site .herogrid>div:first-child{max-width:1050px}
#saas-variant.electric-site .hero .eyebrow{display:inline-flex;gap:10px;align-items:center;padding:10px 20px;background:#f1f1f1;border:1px solid #ececec;border-radius:30px;font-size:12px;letter-spacing:0;margin-bottom:28px;color:#444!important}
#saas-variant.electric-site .hero .dot{background:#5552ff!important}
#saas-variant.electric-site .hero h1{font-family:'Clash Display',Manrope,sans-serif!important;font-size:clamp(44px,5.2vw,76px);font-weight:400;line-height:1.06;letter-spacing:-3px;margin:0 auto 24px}
#saas-variant.electric-site .hero h1 em{font-style:normal;background:linear-gradient(90deg,#5552ff,#d251ff);background-clip:text;color:transparent!important;font-weight:500}
#saas-variant.electric-site .hero h1 em br{display:none}
#saas-variant.electric-site .intro{max-width:760px;margin:0 auto 26px;font-size:18px;line-height:1.6;color:#6a6a6a}
#saas-variant.electric-site :is(.btn,.button,.chat-form button,.consultant-form button){border-radius:100px!important;background:#5552ff!important;border-color:#5552ff!important;color:white!important;box-shadow:none!important;padding:14px 28px;font-size:15px;min-height:50px;transition:background .18s ease,box-shadow .18s ease!important}
#saas-variant.electric-site :is(.btn,.button):hover{background:#4542e7!important;box-shadow:0 5px 20px #5552ff24!important}
#saas-variant.electric-site .btn.outline{background:transparent!important;color:#1a1a1a!important;border:1px solid #d4d4d4!important}
#saas-variant.electric-site .hero .fine{margin-top:14px;color:#777;font-size:12px}
#saas-variant.electric-site .scene{width:min(1060px,100%);max-width:none;min-height:0;padding:0;margin:0;position:relative}
#saas-variant.electric-site .scene::before{content:'';position:absolute;left:calc(50% - 50vw);top:-40px;width:100vw;height:740px;background:url('/assets/brand/ai-saas/reference-ribbon-20260913.webp') center top/cover no-repeat;z-index:0;pointer-events:none;mask-image:linear-gradient(#000 70%,transparent)}
#saas-variant.electric-site .product-window{display:block;border:12px solid #f0f0f0;border-radius:24px;box-shadow:0 -20px 40px #0000000b;overflow:hidden;background:white;position:relative;z-index:1}
#saas-variant.electric-site .product-window img{display:block;width:100%;height:auto;min-height:380px;object-fit:cover;object-position:top}
#saas-variant.electric-site .scene>img{position:absolute;right:30px;bottom:18px;width:76px!important;height:65px!important;border-radius:10px!important;z-index:3}
#saas-variant.electric-site .scene-note{position:static;display:block;width:max-content;max-width:100%;margin:20px auto 0;color:#777;background:transparent;box-shadow:none;font-size:12px}
#saas-variant.electric-site .hero-inquiry{position:relative;left:auto;bottom:auto;width:100%;margin:14px 0 0;padding:18px 120px 18px 24px;background:white;border:1px solid #ededed;border-radius:16px;text-align:left;box-shadow:none}
#saas-variant.electric-site .hero-inquiry b{font-size:10px;color:#777}
#saas-variant.electric-site .hero-inquiry p{font-size:14px;margin:6px 0 0}
#saas-variant.electric-site .steps{margin-top:65px;gap:24px}
#saas-variant.electric-site .step{box-shadow:none;background:#fff;border:1px solid #ededf2;border-radius:18px;padding:24px}
#saas-variant.electric-site :is(.num,.setup-number){font-family:'Clash Display',Manrope,sans-serif!important;color:#5552ff!important}
#saas-variant.electric-site .process-visual{background:#fafafa;border-radius:14px}
#saas-variant.electric-site :is(.mini-send,.mini-check,.mini-lead em){background:#5552ff!important;color:white!important}
#saas-variant.electric-site .section{padding-block:90px}
#saas-variant.electric-site :is(.benefits,.kbsection,.setup,.pricing){background:#fdfdfd!important}
#saas-variant.electric-site h2{font-size:46px;font-weight:400;line-height:1.15;letter-spacing:-1.5px}
#saas-variant.electric-site h3{font-size:24px;font-weight:500;line-height:1.3}
#saas-variant.electric-site .sectionhead{max-width:820px;margin:0 auto 42px;text-align:center;display:block}
#saas-variant.electric-site .sectionhead>p{max-width:650px;margin:20px auto 0;color:#6a6a6a}
#saas-variant.electric-site .eyebrow{color:#777!important;letter-spacing:1px;font-size:11px}
#saas-variant.electric-site :is(.category,.visual-benefits article,.visual-benefits article:last-child,.visual-control .capability,.visual-control .capability:nth-child(2),.visual-control .capability:last-child,.visual-setup li,.faq details){border-radius:18px!important;box-shadow:none!important;border:1px solid #ededf2!important;background:white!important}
#saas-variant.electric-site .category img{border-radius:12px}
#saas-variant.electric-site .visual-example-label{text-align:center;color:#777}
#saas-variant.electric-site .visual-benefits .explain-scene{background:#fafafa!important;border-radius:14px!important}
#saas-variant.electric-site :is(.explain-step,.explain-connector,.route-arrow,.explain-kicker,.control-picture svg,.mini-request svg){color:#5552ff!important}
#saas-variant.electric-site :is(.explain-buyer,.message-user p,.consultant-message-user){background:#5552ff!important;color:white!important}
#saas-variant.electric-site .explain-buyer .explain-kicker{color:white!important}
#saas-variant.electric-site :is(.chat-shell,.landing-demo-lead,.kbdoc,.pricecard,.consultant-panel){border-radius:20px!important;border:1px solid #ededf2!important;box-shadow:0 12px 48px #17174008!important}
#saas-variant.electric-site :is(.chat-messages,.consultant-messages){background:#fafbfc!important}
#saas-variant.electric-site :is(.chat-header-actions button,.suggestions button,.consultant-suggestions button,.reset-chat,.demo-company-label,.trial,.setup-ready,.delivery-destinations>span){color:#5552ff!important;background:#efeeff!important;border-color:#dad9ff!important;border-radius:10px!important}
#saas-variant.electric-site .visual-control .control-picture{background:#fafafa!important;border-radius:14px!important}
#saas-variant.electric-site .pricecard .price{font-family:'Clash Display',Manrope,sans-serif!important;color:#5552ff;font-size:64px;font-weight:500}
#saas-variant.electric-site .final{background:linear-gradient(120deg,#f1f0ff,#fcf4ff)!important;border:1px solid #e9e3ff;border-radius:24px;padding:44px}
#saas-variant.electric-site .site-footer{background:#fdfdfd!important}
#saas-variant.electric-site .consultant-launcher{display:grid!important;place-items:center!important;padding:0!important;background:#5552ff!important;border-radius:50%!important}
#saas-variant.electric-site .consultant-launcher-mark{display:block!important;transform:none!important}
#saas-variant.electric-site .consultant-launcher-mark svg{position:absolute!important;top:50%!important;left:50%!important;display:block!important;width:31px!important;height:31px!important;margin:0!important;transform:translate(-50%,-50%)!important}
#saas-variant.electric-site .consultant-launcher>i{display:none!important}
/* Cabinet: white navigation, lilac selection, quiet grey metric tiles. */
#saas-variant .app-shell,#saas-variant .content{background:#fafbfc!important;color:#18163f!important}
#saas-variant .app-shell{grid-template-columns:252px minmax(0,1fr)}
#saas-variant .content{padding:0 28px 40px!important}
#saas-variant .sidebar{background:white!important;padding:20px 18px!important;border-right:1px solid #f1f1f5}
#saas-variant .sidebar-top{padding-left:4px;margin-bottom:28px}
#saas-variant .sidebar .nav-item{border-radius:14px!important;padding:14px 16px!important;min-height:48px;font-size:14px!important;color:#797992!important}
#saas-variant .sidebar .nav-item.active{background:#5552ff!important;color:white!important;box-shadow:0 10px 24px #25225b0d!important}
#saas-variant .sidebar .nav-item.active svg{color:white!important}
#saas-variant .topbar{background:white;min-height:108px!important;margin:0 -28px 24px;padding:16px 28px}
#saas-variant .topbar h1{font-size:28px!important;font-weight:600;color:#17153d!important}
#saas-variant .topbar .eyebrow{color:#88889c!important}
#saas-variant :is(.card,.chart-panel,.recent-leads,.metric,.kpi-card,.analytics-score,.analytics-chart,.analytics-funnel,.hourly-demand,.analytics-breakdown,.lead-product-card,.lead-detail,.demo-company-intro,.demo-chat-card,.demo-lead-preview,.billing-hero,.tariff-card,.support-workspace,.support-new,.support-command,.audit-report-hero,.audit-next,.audit-loss-chart,.audit-recommendations){border-radius:18px!important;box-shadow:0 5px 24px #17174004!important;background:white!important;border:1px solid #f3f3f7!important}
#saas-variant .content :is(h2,h3){color:#17153d!important;letter-spacing:-.5px;font-weight:600}
#saas-variant .content button,#saas-variant .ui-button,#saas-variant .date-control{font-family:Manrope,sans-serif!important;border-radius:10px!important;color:#5552ff!important;border-color:#dad9ff!important;background:#fff!important;box-shadow:none!important}
#saas-variant :is(.ui-button-primary,.content button.primary,.demo-composer button,.chat-form button,.payment-options button,.support-filters button.active,.lead-stage button.active){color:white!important;background:#5552ff!important;border-color:#5552ff!important}
#saas-variant .content button:disabled{color:#aaa8b8!important;background:#f0f0f5!important;border-color:transparent!important}
#saas-variant :is(.metric-symbol,.score-icon,.integration-mark,.empty-icon,.support-entry-mark){background:#efeeff!important;color:#5552ff!important;border-radius:12px}
#saas-variant :is(.pill,.coming-soon,.demo-company-badge,.repeat-badge,.peak-time,.analytics-notice,.audit-method,.demo-prompts button){background:#efeeff!important;color:#5552ff!important;border-radius:8px!important}
#saas-variant :is(input,textarea,select,.knowledge-editor){border-radius:10px!important;font-family:Manrope,sans-serif!important}
#saas-variant :is(input[type=checkbox],input[type=radio]){accent-color:#5552ff!important}
#saas-variant :is(.chat-window,.demo-chat-messages,.demo-route,.support-messages){background:#fafbfc!important;border-radius:14px!important}
#saas-variant .demo-bubble.user p,#saas-variant .chat-message.user,#saas-variant .support-message.admin{background:#5552ff!important;color:white!important}
#saas-variant .subscription-summary{background:#5552ff!important;border-radius:18px!important;padding:20px!important}
#saas-variant .subscription-summary :is(span,small,svg){color:white!important}
#saas-variant .subscription-summary i{background:#c9b3ff!important}
#saas-variant .service-statuses{box-shadow:none!important;border:0!important;background:transparent!important}
#saas-variant .overview-stack{display:grid;grid-template-columns:1.05fr 1fr;gap:24px!important;align-items:stretch}
#saas-variant .overview-stack .dashboard-grid{display:contents}
#saas-variant .overview-stack .funnel-metrics{grid-column:1;grid-row:1;background:white!important;border-radius:18px!important;padding:24px!important;gap:14px!important;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #f3f3f7!important}
#saas-variant .overview-stack .metric{display:flex;flex-direction:column;gap:16px;border:0!important;box-shadow:none!important;background:#f8f8fa!important;border-radius:16px!important;padding:18px!important;min-height:175px}
#saas-variant .metric-symbol{width:40px;height:40px;border-radius:50%;background:#fa5586!important;color:white!important}
#saas-variant .metric:nth-child(2) .metric-symbol{background:#ff947a!important}
#saas-variant .metric:nth-child(3) .metric-symbol{background:#39d358!important}
#saas-variant .metric:nth-child(4) .metric-symbol{background:#bf83ff!important}
#saas-variant .metric strong{font-family:'Clash Display',Manrope,sans-serif!important;color:#17153d!important;font-size:30px;font-weight:500}
#saas-variant .overview-stack .chart-panel{grid-column:2;grid-row:1;padding:24px!important;min-height:410px}
#saas-variant .overview-stack .recent-leads{grid-column:1/-1;padding:24px!important}
#saas-variant .recent-lead-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#saas-variant .recent-lead{grid-template-columns:1fr;background:#fafbfc;border:1px solid #eeeeF5;border-radius:12px!important;padding:18px;gap:14px;min-width:0}
#saas-variant .recent-lead .lead-action{display:flex;justify-content:space-between;align-items:center}
#saas-variant .chart-wrap path,#saas-variant .analytics-chart-canvas path{filter:none!important}
#saas-variant svg text{font-family:Manrope,sans-serif!important}
#saas-variant .hourly-demand .hour-bar{background:#5552ff}
#saas-variant .app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}
@media(max-width:1100px){#saas-variant .overview-stack{grid-template-columns:1fr}#saas-variant .overview-stack .funnel-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}#saas-variant .overview-stack .chart-panel{grid-column:1;grid-row:2}#saas-variant .recent-lead-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){#saas-variant .app-shell{display:block}#saas-variant .content{padding:0 16px 60px!important}#saas-variant .topbar{margin:0 -16px 20px;padding:16px;min-height:88px!important}#saas-variant .topbar h1{font-size:22px!important}#saas-variant .overview-stack .funnel-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px!important}#saas-variant .recent-lead-list{grid-template-columns:1fr}#saas-variant .overview-stack .metric{padding:14px!important}#saas-variant .overview-stack .chart-panel{padding:18px!important}#saas-variant .sidebar{padding-top:30px!important}}
@media(max-width:760px){#saas-variant.electric-site nav{height:86px}#saas-variant.electric-site .hero{padding-top:40px}#saas-variant.electric-site .hero h1{font-size:42px;letter-spacing:-1.8px;line-height:1.12}#saas-variant.electric-site .intro{font-size:16px}#saas-variant.electric-site .hero .eyebrow{font-size:10px;padding:8px 12px;letter-spacing:0}#saas-variant.electric-site .herogrid{gap:34px}#saas-variant.electric-site .product-window{border-width:6px;border-radius:14px}#saas-variant.electric-site .product-window img{min-height:0}#saas-variant.electric-site .hero::before{inset:355px -20% auto;height:330px}#saas-variant.electric-site .hero-inquiry{padding:16px 95px 16px 16px}#saas-variant.electric-site .hero-inquiry p{font-size:12px}#saas-variant.electric-site .scene>img{width:62px!important;height:62px!important;right:16px;bottom:26px}#saas-variant.electric-site .steps{margin-top:34px}#saas-variant.electric-site .section{padding-block:48px}#saas-variant.electric-site h2{font-size:32px;letter-spacing:-1px}#saas-variant.electric-site .sectionhead{margin-bottom:28px}#saas-variant.electric-site .final{padding:28px}#saas-variant.electric-site nav .btn{padding:10px 15px;font-size:12px;min-height:40px}.variant-switch{bottom:10px;font-size:10px}.variant-switch span{padding:0 6px}.variant-switch a{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){#saas-variant *{animation:none!important;transition:none!important}}
@media(max-width:760px){#saas-variant.electric-site .scene::before{top:-25px;height:330px;width:140vw;left:calc(50% - 70vw)}#saas-variant.electric-site .scene-note{position:relative;z-index:2}}
#saas-variant :is(.chart-wrap,.analytics-chart-canvas) [stroke="#2563EB"]{stroke:#5552ff!important}
#saas-variant :is(.chart-wrap,.analytics-chart-canvas) [stroke="#54D13B"]{stroke:#2ed35a!important}
#saas-variant :is(.chart-wrap,.analytics-chart-canvas) [stroke="#E5484D"]{stroke:#f53c4a!important}
#saas-variant{--saas-ui:'Wix Madefor Text',system-ui,sans-serif;--saas-display:'Wix Madefor Display','Wix Madefor Text',system-ui,sans-serif}
/* Wix Madefor preserves the reference's compact display geometry and includes real
   Cyrillic glyphs, avoiding the silent system-font fallback caused by Poppins. */
#saas-variant :is(p,span,b,strong,small,label,dt,dd,summary,a,li,div,button,input,textarea,select){font-family:var(--saas-ui)!important;font-weight:400;letter-spacing:0}
#saas-variant :is(h1,h2,h3,h4,h5,h6,.electric-brand-name,.electric-brand){font-family:var(--saas-display)!important;color:#17153d!important}
#saas-variant .electric-brand,#saas-variant .electric-brand-name{font-family:var(--saas-ui)!important;font-weight:600!important;letter-spacing:-.035em!important}
#saas-variant.electric-site h1{font-family:var(--saas-display)!important;font-weight:400!important;letter-spacing:-.028em!important;line-height:.98!important}
#saas-variant.electric-site h2{font-family:var(--saas-display)!important;font-weight:400!important;letter-spacing:-.025em!important;line-height:1.05!important;text-wrap:balance}
#saas-variant.electric-site h3{font-family:var(--saas-ui)!important;font-weight:500!important;letter-spacing:-.025em!important;line-height:1.25!important;text-wrap:balance}
#saas-variant .eyebrow,#saas-variant .explain-step{font-family:var(--saas-ui)!important;font-weight:500!important;letter-spacing:.075em!important;text-transform:uppercase}
#saas-variant :is(.btn,.button,.navlinks a,.variant-switch,button){font-family:var(--saas-ui)!important;font-weight:500!important;letter-spacing:.005em!important}
#saas-variant .intro,#saas-variant .sectionhead>p{font-family:var(--saas-ui)!important;font-weight:400!important;letter-spacing:-.012em!important}
#saas-variant.saas-cabinet{font-family:var(--saas-ui)!important}
#saas-variant.saas-cabinet :is(p,span,b,strong,small,label,button,input,textarea,select,option,li,dt,dd,time){font-family:var(--saas-ui)!important}
#saas-variant.saas-cabinet :is(h1,h2,h3,h4,.metric strong,.electric-brand-name){font-family:var(--saas-display)!important;letter-spacing:-.025em}
/* Three process stages are media-led, with captions on the canvas instead of three boxed offers. */
#saas-variant.electric-site .steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px!important;margin:72px 0 0!important}
#saas-variant.electric-site .step{display:grid!important;grid-template-columns:auto 1fr;gap:16px 14px;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;align-items:start}
#saas-variant.electric-site .step .process-visual{grid-column:1/-1;min-height:230px;padding:18px;background:linear-gradient(145deg,#f6f5ff 0%,#fbfbfc 56%,#f0efff 100%)!important;border:0!important;border-radius:22px!important;box-shadow:inset 0 0 0 1px #eeedfb!important}
#saas-variant.electric-site .step .num{font-family:var(--saas-ui)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.04em!important;line-height:1.5}
#saas-variant.electric-site .step>div:last-child{padding-top:1px}
#saas-variant.electric-site .step b{display:block;font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.018em;color:#17153d}
#saas-variant.electric-site .step small{display:block;margin-top:7px;color:#74758d;font-size:13px;line-height:1.55;letter-spacing:-.01em}
/* Product categories keep their imagery as the primary evidence rather than wrapping every item in a card. */
#saas-variant.electric-site .categorystrip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px!important}
#saas-variant.electric-site .category{display:block!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
#saas-variant.electric-site .category img{display:block;width:100%;aspect-ratio:1.16/1;object-fit:cover;border-radius:20px!important;box-shadow:0 16px 32px #1917430b}
#saas-variant.electric-site .category>div{padding:18px 8px 0!important}
#saas-variant.electric-site .category h3{margin:0!important;font-size:22px!important}
#saas-variant.electric-site .category p{max-width:27ch;margin:8px 0 0!important;color:#74758d;font-size:14px;line-height:1.65}
/* Benefit rows copy the reference rhythm: an uncluttered text column paired with one framed product scene. */
#saas-variant.electric-site .visual-benefits .benefitgrid{gap:96px!important}
#saas-variant.electric-site .visual-benefits article .explain-scene{min-height:356px!important;padding:28px!important;border-radius:26px!important;background:radial-gradient(circle at 48% 48%,#e9e7ff 0,#f6f5ff 40%,#fbfbfd 72%)!important;box-shadow:inset 0 0 0 1px #f0eff8!important}
#saas-variant.electric-site .visual-benefits article>.explain-step{margin-top:80px!important;font-size:11px!important;color:#5552ff!important}
#saas-variant.electric-site .visual-benefits article>h3{font-size:34px!important;font-weight:400!important;line-height:1.08!important;letter-spacing:-.032em!important}
#saas-variant.electric-site .visual-benefits article>p{font-size:16px!important;line-height:1.68!important;color:#73748a!important}
#saas-variant.electric-site .visual-benefits article .explain-document,#saas-variant.electric-site .visual-benefits article .explain-answer{border:1px solid #e5e4ec!important;border-radius:12px!important;box-shadow:0 12px 24px #18163f0d!important;background:#fff!important}
#saas-variant.electric-site .explain-result{display:grid;place-items:center!important}
/* Same information density and anatomy as a product lead card in the cabinet. */
#saas-variant.electric-site .landing-lead-card{width:min(286px,100%);overflow:hidden;background:#fff;border:1px solid #ebeaf2;border-radius:18px;box-shadow:0 17px 34px #18163f14}
#saas-variant.electric-site .landing-lead-preview{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:92px;padding:13px 15px;color:#5552ff;background:radial-gradient(circle at 82% 22%,#ddd9ff 0,transparent 32%),linear-gradient(135deg,#f5f4ff,#fbfbfd)}
#saas-variant.electric-site .landing-lead-preview span{padding:5px 8px;color:#5552ff;background:#fff;border-radius:999px;font-size:9px;font-weight:500;letter-spacing:.02em}
#saas-variant.electric-site .landing-lead-preview b{font-family:var(--saas-display)!important;font-size:35px;font-weight:400;letter-spacing:-.05em}
#saas-variant.electric-site .landing-lead-body{padding:15px}
#saas-variant.electric-site .landing-lead-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
#saas-variant.electric-site .landing-lead-title h4{margin:0!important;color:#17153d;font-family:var(--saas-ui)!important;font-size:15px;font-weight:500;letter-spacing:-.025em}
#saas-variant.electric-site .landing-lead-title i{display:grid;place-items:center;width:22px;height:22px;color:#5552ff;background:#efeeff;border-radius:50%;font-style:normal;font-size:12px}
#saas-variant.electric-site .landing-lead-body>strong{display:block;margin-top:7px;color:#62637a;font-size:11px;font-weight:400}
#saas-variant.electric-site .landing-lead-body>p{min-height:33px;margin:8px 0;color:#72738a;font-size:10px;line-height:1.55}
#saas-variant.electric-site .landing-lead-body dl{display:grid;gap:5px;margin:0;padding:9px 0;border-block:1px solid #ecebf2}
#saas-variant.electric-site .landing-lead-body dl div{display:flex;justify-content:space-between;gap:12px;font-size:9px}
#saas-variant.electric-site .landing-lead-body dt{color:#9393a5}.landing-lead-body dd{margin:0;color:#3f4055;font-weight:500}
#saas-variant.electric-site .landing-lead-status{display:block;margin-top:10px;padding:8px 9px;color:#4e9c36;background:#eff9eb;border-radius:8px;font-size:9px;font-weight:500}
/* The four control benefits become a quiet product grid; borders only contain the visual evidence. */
#saas-variant.electric-site .capabilities{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px!important}
#saas-variant.electric-site .visual-control .capability{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
#saas-variant.electric-site .visual-control .control-picture{min-height:220px!important;padding:26px!important;background:linear-gradient(145deg,#f8f7ff,#fafafa)!important;border:1px solid #f0eff6!important;border-radius:22px!important}
#saas-variant.electric-site .visual-control .capability h3{margin:0!important;font-size:27px!important;font-weight:400!important;line-height:1.15!important}
#saas-variant.electric-site .visual-control .capability p{max-width:45ch;margin:9px 0 0!important;color:#73748a;font-size:14px;line-height:1.65}
@media(max-width:760px){
  #saas-variant.electric-site .steps,#saas-variant.electric-site .categorystrip,#saas-variant.electric-site .capabilities{grid-template-columns:1fr!important;gap:34px!important}
  #saas-variant.electric-site .step .process-visual{min-height:210px}
  #saas-variant.electric-site .category img{aspect-ratio:1.5/1}
  #saas-variant.electric-site .visual-benefits .benefitgrid{gap:54px!important}
  #saas-variant.electric-site .visual-benefits article .explain-scene{min-height:280px!important}
  #saas-variant.electric-site .visual-benefits article>.explain-step{margin-top:0!important}
  #saas-variant.electric-site .visual-control .control-picture{min-height:190px!important}
}
#saas-variant.electric-site .visual-benefits .benefitgrid{grid-template-columns:1fr;gap:70px}
#saas-variant.electric-site .visual-benefits article,#saas-variant.electric-site .visual-benefits article:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:80px;padding:0!important;border:0!important;align-content:center;background:transparent!important}
#saas-variant.electric-site .visual-benefits article .explain-scene{grid-column:1;grid-row:1/4;margin:0!important;min-height:330px;padding:30px;background:radial-gradient(ellipse,#edebff,transparent 70%)!important;align-self:center}
#saas-variant.electric-site .visual-benefits article>.explain-step{grid-column:2;grid-row:1;margin-top:62px}
#saas-variant.electric-site .visual-benefits article>h3{grid-column:2;grid-row:2;font-size:30px;margin:14px 0 16px}
#saas-variant.electric-site .visual-benefits article>p{grid-column:2;grid-row:3;max-width:520px;font-size:16px;line-height:1.7;margin:0}
#saas-variant.electric-site .visual-benefits article:nth-child(2) .explain-scene{grid-column:2}
#saas-variant.electric-site .visual-benefits article:nth-child(2)>:is(.explain-step,h3,p){grid-column:1}
#saas-variant.electric-site .visual-benefits .benefitgrid article{border:0!important}
#saas-variant.electric-site .visual-benefits article .explain-lead{max-width:440px;margin:auto;box-shadow:0 16px 35px #5552ff12}
#saas-variant.electric-site .visual-benefits article .explain-document,#saas-variant.electric-site .visual-benefits article .explain-answer{max-width:440px;margin-inline:auto}
@media(max-width:760px){#saas-variant.electric-site .visual-benefits .benefitgrid{gap:44px}#saas-variant.electric-site .visual-benefits article,#saas-variant.electric-site .visual-benefits article:last-child{display:flex!important;gap:0}#saas-variant.electric-site .visual-benefits article .explain-scene{order:4;width:100%;min-height:260px;margin-top:24px!important;padding:20px}#saas-variant.electric-site .visual-benefits article>.explain-step{order:1;margin-top:0}#saas-variant.electric-site .visual-benefits article>h3{order:2;font-size:25px;margin:12px 0}#saas-variant.electric-site .visual-benefits article>p{order:3}}
/* Keep offer containers off the canvas. Only the product illustration itself has a surface. */
#saas-variant.electric-site .visual-benefits .benefitgrid>article,
#saas-variant.electric-site .visual-benefits .benefitgrid>article:last-child,
#saas-variant.electric-site .visual-control .capabilities>.capability,
#saas-variant.electric-site .visual-control .capabilities>.capability:nth-child(2),
#saas-variant.electric-site .visual-control .capabilities>.capability:last-child{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
body#saas-variant.electric-site .visual-benefits .benefitgrid>article:not(:last-child){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}