/* UniSeek v3 — главная (templates/v3/site/home.html) + компоненты-иллюстрации (templates/v3/site/ill/) */

/* ---------- первый экран ---------- */
.h3-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#F4F3FF 0%,#EFEDFF 45%,#E9E6FE 100%)}
.h3-hero::before{content:"";position:absolute;right:-6%;top:-30%;width:46%;height:170%;border-radius:48% 0 0 52%/55% 0 0 45%;background:radial-gradient(120% 90% at 80% 50%,#2C2C78 0%,var(--v3-navy) 60%);transform:rotate(8deg);pointer-events:none}
.h3-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:20px;padding:26px 0 22px}
.h3-h1{font-size:clamp(36px,4.6vw,60px);line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--v3-ink)}
.h3-h1 span{display:block;color:var(--v3-accent)}
.h3-lead{margin-top:14px;max-width:600px;font-size:17px;line-height:1.5;color:var(--v3-text)}
.h3-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:22px}
.h3-hero-art{position:relative;min-width:0}
.h3-stats{background:#F6F5FF;border-top:1px solid #ECEAFB;border-bottom:1px solid #ECEAFB}
.h3-stats-in{display:grid;grid-template-columns:repeat(3,1fr)}
.h3-stats-in>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;text-align:center}
.h3-stats-in>div+div{border-left:1px solid var(--v3-lav-3)}
.h3-stats b{font-size:clamp(26px,2.6vw,34px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--v3-accent)}
.h3-stats span{font-size:16px;color:var(--v3-ink)}

/* ---------- решения ---------- */
.h3-sol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.h3-sol{position:relative;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:8px;padding:28px 20px 24px 28px;border-radius:var(--v3-r-lg);background:linear-gradient(135deg,#F6F5FF 0%,#EEECFE 100%);overflow:hidden;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.h3-sol:hover,.h3-an:hover{transform:translateY(-4px);box-shadow:var(--v3-sh-h)}
.h3-sol-t{font-size:clamp(24px,2.3vw,32px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--v3-ink)}
.h3-sol-t a:hover{color:var(--v3-accent)}
.h3-sol-copy>p,.h3-an-copy>p{margin-top:10px;font-size:15px;line-height:1.5;color:var(--v3-text)}
.h3-links{margin-top:16px}
.h3-links li+li{border-top:1px solid var(--v3-lav-3)}
.h3-links a{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;font-weight:500;color:var(--v3-accent)}
.h3-links svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--v3-ease)}
.h3-links a:hover{color:var(--v3-accent-h)}
.h3-links a:hover svg{transform:translateX(4px)}
.h3-sol-art{align-self:center;min-width:0;margin-right:-6px}
.h3-an{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;align-items:center;margin-top:20px;padding:32px 28px 32px 34px;border-radius:var(--v3-r-lg);background:radial-gradient(90% 140% at 75% 40%,#2E2D80 0%,var(--v3-navy) 62%);color:#D9DAF5;overflow:hidden;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.h3-an .h3-sol-t{font-size:clamp(28px,2.8vw,38px);color:#fff}
.h3-an .h3-sol-t a:hover{color:var(--v3-accent-2)}
.h3-an-copy>p{color:#C9CBEA;font-size:16px}
.h3-an .h3-links li+li{border-color:rgba(255,255,255,.14)}
.h3-an .h3-links a{color:#fff}
.h3-an .h3-links a:hover{color:var(--v3-accent-2)}
.h3-an-art{min-width:0}

/* ---------- подключение ---------- */
.h3-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:s}
.h3-step{position:relative;display:flex;flex-direction:column;padding:22px 22px 20px;border:1px solid var(--v3-line);border-radius:var(--v3-r);background:#fff;box-shadow:0 6px 20px -14px rgba(39,34,120,.25);transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.h3-step:hover{transform:translateY(-4px);box-shadow:var(--v3-sh-h)}
.h3-step+.h3-step::before{content:"";position:absolute;left:-22px;top:50%;width:16px;height:16px;background:var(--v3-accent-2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.h3-step-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.h3-step-top .ill{width:104px;flex:none;margin:-6px -6px 4px 0}
.h3-step-n{font-size:28px;line-height:1;font-weight:800;color:var(--v3-accent)}
.h3-step h3{margin-top:4px;font-size:19px;line-height:1.25;font-weight:700;color:var(--v3-ink)}
.h3-step p{margin-top:8px;font-size:14px;line-height:1.55;color:var(--v3-text);flex:1}
.h3-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.h3-chips li{padding:7px 14px;border-radius:999px;background:var(--v3-lav-2);font-size:13px;font-weight:500;color:var(--v3-accent)}
.h3-cms{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:24px 32px;align-items:center;margin-top:24px;padding:28px 32px;border-radius:var(--v3-r-lg);background:linear-gradient(135deg,#F4F3FF 0%,#ECEAFE 100%)}
.h3-cms-copy{padding-right:24px;border-right:1px solid var(--v3-lav-3)}
.h3-cms h3{font-size:clamp(22px,2.1vw,28px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--v3-ink)}
.h3-cms-copy p{margin-top:8px;font-size:15px;color:var(--v3-text)}
.h3-cms-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 12px}
.h3-cms-list li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:14px;font-weight:600;color:var(--v3-ink)}
.h3-cms-list i{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:12px;background:var(--c);color:#fff;font:800 13px/1 var(--v3-font);font-style:normal;box-shadow:0 6px 14px -8px var(--c)}
.h3-cms-list i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2}

/* ---------- преимущества ---------- */
.h3-adv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h3-adv-card{display:flex;gap:16px;padding:20px 20px 22px;border:1px solid #EEEDFB;border-radius:var(--v3-r);background:#fff;box-shadow:0 8px 24px -18px rgba(39,34,120,.3);transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.h3-adv-card:hover{transform:translateY(-4px);box-shadow:var(--v3-sh-h)}
.h3-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:var(--v3-lav-2);color:var(--v3-accent)}
.h3-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.h3-adv-card h3{font-size:17px;line-height:1.3;font-weight:700;color:var(--v3-ink)}
.h3-adv-card p{margin-top:6px;font-size:14px;line-height:1.55;color:var(--v3-text)}

/* ---------- экономика ---------- */
.h3-eco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.h3-eco-card{display:flex;flex-direction:column;padding:20px 22px 24px;border:1px solid var(--v3-line);border-radius:var(--v3-r);background:#fff;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.h3-eco-card:hover{transform:translateY(-4px);box-shadow:var(--v3-sh-h)}
.h3-eco-card .ill{margin-bottom:14px}
.h3-eco-card h3{font-size:18px;line-height:1.3;font-weight:700;color:var(--v3-ink)}
.h3-eco-card p{margin-top:8px;font-size:14px;line-height:1.55;color:var(--v3-text)}
.h3-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;margin-top:20px}
.h3-price{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:var(--v3-r);background:var(--v3-lav);transition:background .2s,transform .4s var(--v3-ease)}
.h3-price:hover{background:var(--v3-lav-2);transform:translateY(-2px)}
.h3-price span{font-size:14px;font-weight:600;color:var(--v3-text)}
.h3-price b{font-size:20px;font-weight:800;color:var(--v3-ink);white-space:nowrap}
.h3-price small{font-size:13px;font-weight:600;color:var(--v3-muted)}
.h3-price.is-accent{background:var(--v3-accent)}
.h3-price.is-accent span,.h3-price.is-accent b,.h3-price.is-accent small{color:#fff}
.h3-price.is-accent:hover{background:var(--v3-accent-h)}
.h3-prices-note{grid-column:1/-1;font-size:13px;color:var(--v3-muted)}
.h3-prices-note .v3-link{font-size:13px}

/* ---------- FAQ ---------- */
.h3-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px 56px;align-items:start}
.h3-faq-intro .v3-btn{margin-top:24px;min-width:200px}
.h3-acc{display:flex;flex-direction:column;gap:12px}
.h3-acc-item{border:1px solid var(--v3-line);border-radius:var(--v3-r);background:#fff;transition:box-shadow .3s,border-color .3s}
.h3-acc-item:hover,.h3-acc-item.is-open{border-color:var(--v3-lav-3);box-shadow:0 10px 26px -18px rgba(39,34,120,.35)}
.h3-acc h3{font-size:inherit;font-weight:inherit}
.h3-acc button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:14px 16px 14px 20px;border:0;border-radius:var(--v3-r);background:none;font:600 16px/1.35 var(--v3-font);color:var(--v3-ink);text-align:left;cursor:pointer}
.h3-acc button:hover{color:var(--v3-accent)}
.h3-acc-ic{position:relative;flex:none;width:28px;height:28px;border-radius:50%;background:var(--v3-accent);transition:transform .3s var(--v3-ease),background .2s}
.h3-acc-ic::before,.h3-acc-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:#fff}
.h3-acc-ic::after{transform:rotate(90deg);transition:transform .3s var(--v3-ease)}
.h3-acc-item.is-open .h3-acc-ic{transform:rotate(180deg)}
.h3-acc-item.is-open .h3-acc-ic::after{transform:rotate(0)}
.h3-acc-a{padding:0 20px 18px;font-size:15px;line-height:1.6;color:var(--v3-text)}

/* ---------- призыв ---------- */
.h3-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:28px 28px 28px 56px;border-radius:var(--v3-r-lg);background:radial-gradient(80% 140% at 80% 40%,#2E2D80 0%,var(--v3-navy) 62%);overflow:hidden}
.h3-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#fff}
.h3-cta h2 span{display:block;color:var(--v3-accent-2)}
.h3-cta-copy>p{margin-top:10px;font-size:18px;color:#C9CBEA}
.h3-cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:24px}
.h3-cta-art{min-width:0}

/* ---------- новости ---------- */
.h3-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.h3-news-card{position:relative;display:flex;flex-direction:column;padding:14px 14px 20px;border:1px solid var(--v3-line);border-radius:var(--v3-r);background:#fff;transition:transform .5s var(--v3-ease),box-shadow .5s var(--v3-ease)}
.h3-news-card:hover{transform:translateY(-4px);box-shadow:var(--v3-sh-h)}
.h3-news-card:focus-within{box-shadow:0 0 0 3px var(--v3-accent-2)}
.h3-news-art{border-radius:var(--v3-r-sm);background:linear-gradient(135deg,#F2F1FF,#E8E6FD);overflow:hidden}
.h3-news-meta{margin:16px 6px 0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v3-muted)}
.h3-news-card h3{margin:8px 6px 0;font-size:19px;line-height:1.25;font-weight:700;color:var(--v3-ink)}
.h3-news-card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--v3-r)}
.h3-news-card h3 a:focus-visible{outline:none}
.h3-news-card:hover h3{color:var(--v3-accent)}
.h3-news-card>p:not(.h3-news-meta){margin:8px 6px 0;font-size:14px;line-height:1.55;color:var(--v3-text);flex:1}
.h3-news-card .v3-link{margin:14px 6px 0}

/* ================= иллюстрации =================
   .ill — контейнер (container queries), .ill-in — холст: 1em = 10 px макета при ширине --w (размеры в em = px/10).
   Размеры внутри — в em, поэтому иллюстрация масштабируется целиком. Текст — только в листьях .ill-t. */
.ill{container-type:inline-size;width:100%;pointer-events:none;user-select:none}
.ill-in{position:relative;width:100%;aspect-ratio:var(--w)/var(--h);font-size:calc(100cqw / var(--w) * 10);line-height:1}
.ill-in>*{position:absolute}
.ill-t{font-family:var(--v3-font);font-weight:600;color:var(--v3-ink);line-height:1.25;white-space:nowrap}
.ill-win,.ill-card{background:#fff;border:1px solid #ECEAFA;border-radius:.9em;box-shadow:0 1.2em 2.6em -1.2em rgba(39,34,120,.28)}
.ill-bar{display:flex;align-items:center;gap:.45em;height:1.6em;padding:0 .9em;border-bottom:1px solid #F0EFF8}
.ill-bar i{width:.6em;height:.6em;border-radius:50%;background:#FF6B6B}
.ill-bar i:nth-child(2){background:#FFC13B}.ill-bar i:nth-child(3){background:#2BD07B}
.ill-bar em{margin-left:auto;width:1.8em;height:.35em;border-radius:1em;background:#E4E2F6}
.ill-sk{display:block;height:.55em;margin-top:.45em;border-radius:1em;background:#E7E5F7}
.ill-sk--s{width:60%}
.ill-p{display:block;aspect-ratio:1;border-radius:.6em;overflow:hidden;background:#F3F2F8}
.ill-p img{display:block;width:100%;height:100%;object-fit:cover}
.ill-ck{display:flex;align-items:center;gap:.6em}
.ill-ck i{flex:none;width:1.3em;height:1.3em;border-radius:.35em;background:var(--v3-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/78% no-repeat}
.ill-badge{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 .8em 1.8em -.6em rgba(39,34,120,.45)}
.ill-badge img{width:62%;height:62%;object-fit:contain}
.ill-ring{border:1px solid rgba(143,123,255,.45);border-radius:50%}
.ill-blobc{border-radius:50%;background:radial-gradient(closest-side,rgba(198,190,255,.75),rgba(198,190,255,0))}
.ill svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.ill-line{stroke-width:2.4;fill:none}
.ill-line--accent{stroke:var(--v3-accent)}
.ill-line--mint{stroke:var(--v3-mint)}
.ill-area{fill:rgba(31,199,154,.14);stroke:none}

/* магазин (первый экран, призыв) 600×340 */
.ill-ring--a{left:2em;top:3.4em;width:52em;height:30em;transform:rotate(-12deg)}
.ill-ring--b{left:14em;top:17em;width:16em;height:9em;transform:rotate(-12deg);border-color:rgba(143,123,255,.35)}
.s-win{left:9em;top:3em;width:36em;padding-bottom:1.6em;transform:rotate(-2deg)}
.s-cap{display:block;margin:1.2em 1.4em .9em;font-size:1.25em}
.s-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:0 1.4em}
.s-tile .ill-p{border-radius:.7em}
.s-check{left:42em;top:5em;width:14.6em;padding:1.3em 1.3em;display:flex;flex-direction:column;gap:.95em;transform:rotate(-2deg)}
.s-check .ill-t{font-size:1.2em;font-weight:500}
.s-chart{left:33em;top:18.8em;width:24.5em;padding:1.2em 1.3em 1em;transform:rotate(-2deg)}
.s-chart-t{display:block;font-size:1.2em;font-weight:700;margin-bottom:.6em}
.s-chart svg{display:block;width:100%;height:6.4em}
.s-leg{display:flex;align-items:center;gap:.5em;margin-top:.6em}
.s-leg i{width:.75em;height:.75em;border-radius:50%;background:var(--v3-accent)}
.s-leg i.is-mint{margin-left:1em;background:var(--v3-mint)}
.s-leg .ill-t{font-size:.95em;font-weight:500;color:var(--v3-text)}
.s-badge{left:27em;top:25em;width:6em;height:6em}

/* решения 300×250 */
.ill-sol-blob,.ill-in>.ill-blobc{left:3em;top:1em;width:28em;height:24em}
.q-win{left:2.5em;top:3.5em;width:26em;padding:1.1em}
.q-bar{display:flex;align-items:center;gap:.7em;height:3.2em;padding:0 1em;border-radius:.7em;background:#F3F2FB;color:var(--v3-muted)}
.q-bar svg{width:1.6em;height:1.6em;stroke-width:2}
.q-bar .ill-t{font-size:1.25em;font-weight:500}
.q-bar .q-mic{margin-left:auto;color:var(--v3-accent)}
.q-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;margin-top:1em}
.q-toast{left:12em;top:18.5em;display:flex;align-items:center;gap:.7em;padding:.9em 1.2em}
.q-toast svg{width:1.7em;height:1.7em;fill:var(--v3-mint);stroke:none}
.q-toast .ill-t{font-size:1.05em;font-weight:500}
.a-win{left:1.5em;top:2em;width:23em;padding-bottom:1.3em}
.a-body{display:grid;grid-template-columns:9em 1fr;gap:1em;padding:1.2em 1.2em 0}
.a-fields .ill-t{display:block;margin-top:.5em;font-size:.95em;font-weight:500;color:var(--v3-muted)}
.a-fields .ill-t:first-child{margin-top:0}
.a-check{left:15.5em;top:9.5em;width:14em;padding:1.1em 1.1em;display:flex;flex-direction:column;gap:.75em}
.a-check .ill-t{font-size:1.02em;font-weight:500}
.p-win{left:2em;top:1.5em;width:22em;padding:1.1em}
.p-cap{display:block;margin-bottom:.9em;font-size:1.15em;font-weight:700}
.p-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}
.p-chat{left:6.5em;top:14.5em;width:21em;padding:1.1em 1.2em}
.p-ava{position:absolute;left:-1.6em;top:.9em;width:3.4em;height:3.4em}
.p-name{display:block;margin-left:1.4em;font-size:1.1em;font-weight:700}
.p-msg{display:block;margin:.7em 0 0 1.4em;padding:.7em .9em;border-radius:.7em;background:#F3F2FB}
.p-msg .ill-t{font-size:1em;font-weight:500;white-space:normal}
.p-dots{display:flex;gap:.35em;margin:.6em 0 0 1.4em}
.p-dots i{width:.55em;height:.55em;border-radius:50%;background:var(--v3-lav-3)}
.v-back{left:13em;top:1em;width:15.5em;height:21em;padding:1.2em;transform:rotate(4deg)}
.v-bars{display:flex;align-items:flex-end;gap:.7em;height:6em}
.v-bars i{flex:1;height:calc(var(--h) * 1%);border-radius:.3em;background:linear-gradient(180deg,var(--v3-accent-2),var(--v3-accent))}
.v-donut{position:static!important;display:block;width:5em;height:5em;margin:1.2em 0 .6em auto;border-radius:50%;background:conic-gradient(var(--v3-mint) 0 38%,var(--v3-accent) 38% 72%,var(--v3-lav-3) 72%);-webkit-mask:radial-gradient(circle,transparent 47%,#000 48%);mask:radial-gradient(circle,transparent 47%,#000 48%)}
.v-card{left:2em;top:3em;width:17.5em;padding:1.3em 1.3em 1.4em;display:flex;flex-direction:column;gap:.85em;transform:rotate(-3deg)}
.v-cap{font-size:1.35em;font-weight:800;margin-bottom:.2em}
.v-card .ill-ck .ill-t{font-size:1.05em;font-weight:500}

/* аналитика 640×250 */
.ill-ring--c{left:-4em;top:-1em;width:66em;height:28em;transform:rotate(-8deg);border-color:rgba(143,123,255,.4)}
.n-dash{left:0;top:1em;width:47em;height:21em;display:grid;grid-template-columns:13.5em 1fr;overflow:hidden}
.n-side{display:flex;flex-direction:column;gap:.5em;padding:1.4em 1em;border-right:1px solid #F0EFF8;background:#FAFAFE}
.n-side span{display:flex;align-items:center;gap:.6em;padding:.55em .7em;border-radius:.5em;color:var(--v3-muted)}
.n-side span.is-on{background:var(--v3-lav-2);color:var(--v3-accent)}
.n-side svg{width:1.4em;height:1.4em;stroke-width:2}
.n-side .ill-t{font-size:1em;font-weight:500;color:inherit}
.n-top{padding:1.4em 1.6em}
.n-top>.ill-t{font-size:1.2em;font-weight:700}
.n-bars{display:flex;flex-direction:column;gap:.75em;margin-top:1.3em}
.n-bars span{display:block;height:.75em;width:calc(var(--v) * .3em);border-radius:1em;background:linear-gradient(90deg,var(--v3-accent),var(--v3-accent-2))}
.n-line{left:39em;top:2.5em;width:25em;padding:1.2em 1.3em 1em}
.n-line .ill-t{font-size:1.1em;font-weight:700}
.n-line svg{display:block;width:100%;height:7em;margin-top:.6em}
.n-cmp{left:26em;top:12.5em;width:32em;padding:1.2em 1.4em}
.n-cmp>.ill-t{font-size:1.1em;font-weight:700}
.n-row{display:grid;grid-template-columns:3.4em 1fr 4em 4em 4em;align-items:center;gap:1em;margin-top:.7em}
.n-row .ill-sk{margin:0}
.n-row i{height:.7em;border-radius:1em;background:#E7E5F7}
.n-row i.is-accent{background:var(--v3-accent)}
.n-row i.is-mint{background:var(--v3-mint)}

/* шаги 110×100 */
.t1-win{left:1em;top:1em;width:8.6em;height:7.2em}
.t1-link{display:flex;align-items:center;justify-content:center;width:4.6em;height:3.6em;margin:.9em auto 0;border-radius:.6em;background:var(--v3-lav);color:var(--v3-accent)}
.t1-link svg{width:2.2em;height:2.2em;stroke-width:2}
.t1-badge{left:6.6em;top:6em;width:3.6em;height:3.6em}
.t2-win{left:1em;top:.5em;width:8em;height:8em;padding:1.2em .9em;display:flex;flex-direction:column;gap:1em}
.t2-row{display:flex;align-items:center;gap:.5em}
.t2-row i{flex:none;width:1.1em;height:1.1em;border-radius:.3em;background:var(--v3-mint)}
.t2-row .ill-sk{flex:1;margin:0}
.t2-gear{left:6em;top:5.4em;display:flex;align-items:center;justify-content:center;width:4em;height:4em;border-radius:50%;background:var(--v3-accent);color:#fff;box-shadow:0 .6em 1.4em -.5em rgba(75,45,240,.8)}
.t2-gear svg{width:2.4em;height:2.4em;stroke-width:2}
.t3-win{left:1.2em;top:1.2em;width:7.6em;padding:.6em}
.t3-sync{left:7.4em;top:0;display:flex;align-items:center;justify-content:center;width:3em;height:3em;border-radius:50%;background:var(--v3-accent);color:#fff}
.t3-sync svg{width:1.7em;height:1.7em;stroke-width:2.2}

/* экономика и новости 340×120 */
.e1-lines{left:0;top:0;width:100%;height:100%;stroke:var(--v3-accent-2);stroke-width:1.6}
.e1-role{left:0;top:calc(var(--y) * .1em);display:flex;align-items:center;gap:.6em;height:2.6em;padding:0 1em 0 .7em;border-radius:2em;background:#F3F2FE;color:var(--v3-accent)}
.e1-role svg{width:1.3em;height:1.3em;stroke-width:2}
.e1-role .ill-t{font-size:1em;font-weight:500}
.e1-win{left:20.5em;top:1.8em;width:12.5em;height:8.6em;display:flex;flex-direction:column}
.e1-win img{width:9em;height:auto;margin:auto}
.e2-tiles{left:0;top:.8em;width:22em;display:grid;grid-template-columns:repeat(3,1fr);gap:.7em}
.e2-tiles .ill-card{position:relative;padding:.6em .6em .7em;border-radius:.7em}
.e2-ok{position:absolute;right:.5em;bottom:.5em;width:1.2em;height:1.2em;border-radius:.3em;background:var(--v3-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/78% no-repeat}
.e2-speed{left:23em;top:3.5em;display:flex;flex-direction:column;gap:.6em}
.e2-speed i{display:block;height:.35em;border-radius:1em;background:var(--v3-accent-2)}
.e2-speed i:nth-child(1){width:2.6em}.e2-speed i:nth-child(2){width:3.6em}.e2-speed i:nth-child(3){width:2em}
.e2-clock{left:26.5em;top:1.8em;display:flex;align-items:center;justify-content:center;width:6.6em;height:6.6em;border-radius:50%;background:#fff;border:.25em solid var(--v3-accent);color:var(--v3-accent);box-shadow:0 .8em 1.8em -.8em rgba(75,45,240,.7)}
.e2-clock svg{width:3.6em;height:3.6em;stroke-width:2}
.e3-q{left:3em;top:0;width:20em;display:flex;align-items:center;gap:.6em;height:2.6em;padding:0 1em;border-radius:2em;color:var(--v3-muted)}
.e3-q svg{width:1.3em;height:1.3em;stroke-width:2}
.e3-q .ill-t{font-size:1em;font-weight:500}
.e3-tiles{left:0;top:3.6em;width:26em;display:grid;grid-template-columns:repeat(3,1fr);gap:.7em}
.e3-tiles .ill-card{padding:.5em;border-radius:.7em}
.e3-tiles .is-hit{border:.18em solid var(--v3-accent)}
.e3-up{left:27.5em;top:2.4em;display:flex;align-items:center;justify-content:center;width:5.6em;height:5.6em;border-radius:1em;color:var(--v3-accent)}
.e3-up svg{width:3em;height:3em;stroke-width:2.6}
.w1-win{left:3.5em;top:1.8em;width:27em;padding-bottom:1.4em}
.w1-url{display:flex;align-items:center;gap:.6em;margin:1em 1.2em .6em;padding:.65em .9em;border-radius:2em;background:#F3F2FB;color:var(--v3-muted)}
.w1-url svg{width:1.2em;height:1.2em;stroke-width:2}
.w1-url .ill-t{font-size:1em;font-weight:500;overflow:hidden;text-overflow:ellipsis}
.w1-win .ill-sk{margin-left:1.2em;margin-right:1.2em}
.w2-tiles{left:4em;top:2em;width:26em;display:grid;grid-template-columns:repeat(3,1fr);gap:.9em}
.w2-tiles .ill-card{padding:.6em;border-radius:.7em}
.w2-cart{left:27.5em;top:9.2em;display:flex;align-items:center;justify-content:center;width:3.6em;height:3.6em;border-radius:.8em;background:var(--v3-accent);color:#fff;box-shadow:0 .6em 1.4em -.5em rgba(75,45,240,.8)}
.w2-cart svg{width:2em;height:2em;stroke-width:2}
.w3-card{left:10em;top:1.6em;width:21em;padding:1em 1.2em}
.w3-card>.ill-t{font-size:1.05em;font-weight:700}
.w3-row{display:grid;grid-template-columns:1em 1fr 4.6em;align-items:center;gap:.8em;margin-top:.8em}
.w3-row i{width:.9em;height:.9em;border-radius:50%;background:#C9C6E8}
.w3-row i.is-mint{background:var(--v3-mint)}.w3-row i.is-accent{background:var(--v3-accent)}
.w3-row .ill-sk{margin:0}
.w3-row .ill-t{font-size:1em;text-align:right}
.w3-row .ill-t.is-mint{color:#12A57E}
.w3-prod{left:3em;top:5em;width:8em;padding:.5em;border-radius:.8em}

/* ================= адаптив ================= */
@media (max-width:1180px){
  .h3-sol{grid-template-columns:1fr;padding:26px}
  .h3-sol-art{max-width:340px;justify-self:end;width:100%;margin:-6px 0 -10px}
  .h3-cms{grid-template-columns:1fr}.h3-cms-copy{padding:0;border:0}
}
@media (max-width:1020px){
  .h3-hero::before{display:none}
  .h3-hero-in{grid-template-columns:1fr;gap:20px;padding-top:28px;padding-bottom:28px}
  .h3-hero-art{max-width:640px;width:100%;margin:0 auto;padding:18px 12px 4px;border-radius:var(--v3-r-lg);background:radial-gradient(90% 90% at 70% 40%,#2E2D80,var(--v3-navy))}
  .h3-an{grid-template-columns:1fr}
  .h3-steps{grid-template-columns:1fr;gap:16px}
  .h3-step+.h3-step::before{left:50%;top:-14px;transform:translateX(-50%) rotate(90deg)}
  .h3-adv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h3-eco{grid-template-columns:1fr 1fr}
  .h3-prices{grid-template-columns:1fr}
  .h3-faq{grid-template-columns:1fr}
  .h3-cta{grid-template-columns:1fr;padding:32px}
  .h3-news{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .h3-sol-grid{grid-template-columns:1fr}
  .h3-sol-art{justify-self:center}
  .h3-cms-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .h3-adv,.h3-eco,.h3-news{grid-template-columns:1fr}
}
@media (max-width:640px){
  .h3-hero-art{padding:14px 6px 0}
  .h3-lead{font-size:16px}
  .h3-hero-actions .v3-btn{width:100%}
  .h3-stats-in{grid-template-columns:1fr 1fr 1fr}
  .h3-stats-in>div{padding:12px 4px}
  .h3-stats span{font-size:13px;line-height:1.3}
  .h3-sol,.h3-an{padding:22px 18px}
  .h3-cms{padding:22px 18px}
  .h3-cta{padding:26px 18px}
  .h3-cta-actions .v3-btn{width:100%}
  .h3-adv-card{padding:16px}
  .h3-ic{width:48px;height:48px}
}
@media (hover:none){.h3-sol:hover,.h3-an:hover,.h3-step:hover,.h3-adv-card:hover,.h3-eco-card:hover,.h3-news-card:hover{transform:none}}

/* «Читать →» в карточке новости — span внутри карточки (ссылка — заголовок на всю карточку), поэтому стрелка
   сдвигается при наведении на карточку, как у обычных ссылок .v3-link (17.10.2026) */
.h3-news-card:hover .v3-link::after,.h3-news-card:focus-within .v3-link::after{transform:translateX(4px)}
.h3-news-card:hover .v3-link{color:var(--v3-accent-h)!important}