@import url('./landing-explain-20260908.css');
/* Figma feature-story adaptation: different weights, integrated product scenes.
   Locked AviBot type, palette, content and functional controls are unchanged. */
.electric-site .visual-benefits .benefitgrid{display:grid;grid-template-columns:5fr 7fr;gap:22px;margin-top:32px}
.electric-site .visual-benefits article{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e4da;border-radius:32px 32px 10px 32px;padding:30px;box-shadow:0 12px 40px #1a1a1a04}
.electric-site .visual-benefits .explain-step{order:0;font-size:12px;letter-spacing:.08em}
.electric-site .visual-benefits h3{order:1;font-size:28px;letter-spacing:-.7px;margin:12px 0 0}
.electric-site .visual-benefits article>p{order:2;max-width:480px;font-size:16px;line-height:1.65;margin:12px 0 0}
.electric-site .visual-benefits .explain-scene{order:3;margin:24px -10px -10px;height:300px;padding:28px;border-radius:24px 24px 8px 24px;position:relative}
.electric-site .explain-knowledge{background:radial-gradient(ellipse at 0 100%,#d2f6c3,transparent 75%),#f2f4ee}
.electric-site .explain-document{width:85%;transform:rotate(-3deg);box-shadow:0 14px 24px #23311910;padding:18px 22px;border:1px solid #d9e1d2}
.electric-site .explain-document b{font-size:19px}.electric-site .explain-document p{font-size:14px}
.electric-site .explain-answer{align-self:flex-end;width:90%;padding:16px 20px;background:#fff;border-color:#c0dcb2;box-shadow:0 10px 25px #24321c0b;font-size:14px}
.electric-site .explain-connector{text-align:right;padding-right:30%;height:32px}
.electric-site .explain-conversation{background:radial-gradient(ellipse at 90% 90%,#d9f2cc,transparent 70%),#f1f3ed;gap:15px}
.electric-site .explain-message{max-width:84%;font-size:16px;padding:15px 22px;box-shadow:0 8px 20px #23311908}
.electric-site .explain-bot{margin-left:12px;position:relative;border-radius:22px 22px 22px 5px}
.electric-site .explain-bot:before{content:'';width:8px;height:8px;background:#38552c;border-radius:50%;position:absolute;left:-18px;top:24px;box-shadow:0 0 0 4px #c0efa9}
.electric-site .visual-benefits article:last-child{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;grid-template-rows:auto auto 1fr;column-gap:50px;padding:36px 40px;background:radial-gradient(ellipse at 95% 100%,#334a2c,transparent 65%),#1a1a1a;color:#fff;border:0}
.electric-site .visual-benefits article:last-child .explain-step{grid-column:1;grid-row:1;color:#a8ec8c}
.electric-site .visual-benefits article:last-child h3{grid-column:1;grid-row:2;font-size:32px}
.electric-site .visual-benefits article:last-child>p{grid-column:1;grid-row:3;color:#d2d9ce;max-width:330px}
.electric-site .visual-benefits article:last-child .explain-scene{grid-column:2;grid-row:1/4;background:none;height:auto;min-height:0;padding:0;margin:0}
.electric-site .explain-lead{background:#fff;color:#1a1a1a;border-radius:22px 22px 6px 22px;padding:24px 28px;box-shadow:0 15px 40px #0002}
.electric-site .explain-lead .explain-kicker{color:#446636}.electric-site .explain-lead>b{font-size:24px}.electric-site .explain-lead>b span{color:#41632f}
.electric-site .explain-lead dl{display:flex;gap:30px;margin:18px 0}.electric-site .explain-lead dl>div{display:block;border:0;padding:0}.electric-site .explain-lead dt{color:#63705b;font-size:12px;margin-bottom:5px}.electric-site .explain-lead dd{text-align:left;font-size:16px;font-weight:600}
.electric-site .explain-lead p{color:#295e1b;background:#e1f8d7;border-radius:8px;padding:10px 14px;font-size:14px;margin:0}
.electric-site .visual-control .capabilities{display:grid;grid-template-columns:5fr 7fr;gap:22px}
.electric-site .visual-control .capability{border:1px solid #dfe4d9;border-radius:30px 30px 8px 30px;background:#fff;padding:28px;display:flex;flex-direction:column;gap:20px;overflow:hidden}
.electric-site .visual-control .capability>div:last-child{order:0}.electric-site .visual-control .control-picture{order:1;border:0;min-height:130px;padding:20px;background:#f1f4ed;border-radius:22px 22px 6px 22px}
.electric-site .visual-control .capability h3{font-size:25px;letter-spacing:-.5px}.electric-site .visual-control .capability p{font-size:16px;line-height:1.65}
.electric-site .visual-control .capability:nth-child(2){grid-column:2;grid-row:1/3;background:radial-gradient(ellipse at 100% 100%,#dbf8cd,transparent 65%),#eaf0e3;padding:36px}
.electric-site .visual-control .capability:nth-child(2) h3{font-size:32px;max-width:360px}
.electric-site .visual-control .delivery-picture{flex:1;min-height:320px;background:none;display:grid;grid-template-columns:1fr;justify-items:center;gap:18px;padding:25px 0}
.electric-site .mini-request{width:80%;justify-items:start;padding:24px;border-radius:20px 20px 6px 20px;transform:rotate(-4deg);box-shadow:0 18px 25px #2d432415}
.electric-site .mini-request:after{content:'Кухня · Екатеринбург\AОбсудить замер';white-space:pre-line;font:400 15px/1.8 Manrope;color:#5c6554}
.electric-site .mini-request svg{color:#41632f}.electric-site .mini-request b{font:500 23px Rubik}
.electric-site .delivery-picture .route-arrow{transform:rotate(90deg);font-size:32px}
.electric-site .delivery-destinations{display:flex;gap:12px}.electric-site .delivery-destinations>span{background:#1a1a1a;color:#fff;padding:14px 20px;border-radius:14px;font-size:16px;box-shadow:0 8px 16px #1a1a1a12}.electric-site .delivery-destinations svg{color:#7cff4f}
.electric-site .visual-control .capability:nth-child(3) .control-picture{background:#f1f3ee}.electric-site .owner-message{background:#fff;border:1px solid #e2e5dc;padding:12px 16px;border-radius:15px 15px 5px 15px;width:100%;font-size:12px}.electric-site .owner-message b{font-size:14px}.electric-site .pause-status{background:#1a1a1a;color:#fff;align-self:flex-end;padding:9px 15px}.electric-site .pause-status i{color:#7cff4f}
.electric-site .visual-control .capability:last-child{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;gap:32px;padding:32px;background:#fff}
.electric-site .visual-control .test-picture{min-height:140px;padding:24px}.electric-site .test-phase{flex:1}.electric-site .test-phase b{font-size:18px}.electric-site .test-phase small{font-size:12px;max-width:155px}
.electric-site .visual-setup .setupgrid{display:block}.electric-site .visual-setup h2{max-width:700px}.electric-site .visual-setup h2 br{display:none}.electric-site .setup-summary{display:none}
.electric-site .visual-setup ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.electric-site .visual-setup ol:before{display:none}
.electric-site .visual-setup li{display:flex;flex-direction:column;gap:24px;padding:0 0 26px;border-bottom:2px solid #cbd5c1}.electric-site .visual-setup li:last-child{padding-bottom:26px;border-color:#538b39}
.electric-site .visual-setup .setup-number{font:400 72px/1 Commissioner;letter-spacing:-5px;width:auto;height:auto;color:#476238;background:none;border-radius:0}
.electric-site .visual-setup li b{font-size:21px}.electric-site .visual-setup li div>span{font-size:16px;min-height:52px}.electric-site .setup-preview{font-size:13px;background:#fff;padding:16px;border:0;min-height:62px;border-radius:16px 16px 5px 16px}.electric-site .setup-ready{background:#7cff4f;color:#1a1a1a}
@media(min-width:761px){.electric-site .visual-benefits article:first-child .explain-scene{margin-top:auto}.electric-site .visual-benefits article:first-child>p{margin-bottom:24px}}
@media(max-width:1050px){.electric-site .visual-benefits article{padding:24px}.electric-site .visual-benefits .explain-scene{padding:20px;height:330px}.electric-site .explain-document,.electric-site .explain-answer{width:100%}.electric-site .explain-message{font-size:15px;max-width:92%;padding:14px 18px}.electric-site .visual-control .capability{padding:24px}.electric-site .visual-control .capability:nth-child(2){padding:28px}.electric-site .delivery-destinations>span{padding:12px;font-size:14px}.electric-site .visual-setup ol{gap:20px}.electric-site .setup-preview{padding:12px;font-size:12px}}
@media(max-width:760px){.electric-site .visual-benefits .benefitgrid,.electric-site .visual-control .capabilities{grid-template-columns:1fr;gap:18px}.electric-site .visual-benefits article{padding:24px;border-radius:28px 28px 8px 28px}.electric-site .visual-benefits h3{font-size:26px}.electric-site .visual-benefits .explain-scene{height:auto;min-height:300px;padding:22px 16px;margin:24px -8px -8px}.electric-site .explain-document{width:93%;transform:rotate(-2deg);padding:16px}.electric-site .explain-answer{width:96%;font-size:14px;padding:14px}.electric-site .explain-message{font-size:15px;max-width:94%;padding:13px 16px}.electric-site .visual-benefits article:last-child{display:flex;gap:0;padding:28px 24px}.electric-site .visual-benefits article:last-child h3{font-size:28px}.electric-site .visual-benefits article:last-child .explain-scene{margin:26px -6px 0;min-height:0}.electric-site .explain-lead{padding:22px 18px;transform:none}.electric-site .explain-lead>b{font-size:22px}.electric-site .explain-lead dl{gap:20px;flex-wrap:wrap}.electric-site .explain-lead dd{font-size:15px}.electric-site .visual-control .capability,.electric-site .visual-control .capability:nth-child(2),.electric-site .visual-control .capability:last-child{grid-column:auto;grid-row:auto;padding:24px;display:flex;gap:22px}.electric-site .visual-control .capability h3,.electric-site .visual-control .capability:nth-child(2) h3{font-size:25px}.electric-site .visual-control .control-picture{margin-inline:-8px;padding:18px 12px}.electric-site .visual-control .delivery-picture{min-height:300px;margin:0}.electric-site .mini-request{width:90%;padding:20px}.electric-site .delivery-destinations{gap:8px}.electric-site .delivery-destinations>span{padding:12px;font-size:14px}.electric-site .owner-message{padding:10px;gap:8px}.electric-site .owner-message b{font-size:13px}.electric-site .pause-status{font-size:11px}.electric-site .test-phase b{font-size:15px}.electric-site .test-phase small{font-size:11px}.electric-site .visual-setup ol{grid-template-columns:1fr;margin-top:32px;gap:26px}.electric-site .visual-setup li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px}.electric-site .visual-setup .setup-number{font-size:48px;letter-spacing:-3px}.electric-site .visual-setup li b{font-size:20px}.electric-site .visual-setup li div>span{min-height:0}.electric-site .setup-preview{font-size:13px}.electric-site .visual-example-label{font-size:14px}}