/* ============ GEO777 — full site sections (blocks 2–8) ============ */
.geo-d{scroll-behavior:smooth;}
.wrap{max-width:1280px;margin:0 auto;padding:0 36px;}
.wrap-wide{max-width:1360px;margin:0 auto;padding:0 36px;}
.section{padding:84px 0;}
.section.tight{padding:68px 0;}
.sec-head{max-width:760px;margin:0 auto 48px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;}
.sec-kicker{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9DC0FF;}
.h2{font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.02em;color:#fff;text-wrap:balance;}
.sec-sub{font-size:16.5px;line-height:1.55;color:var(--d-mut);font-weight:500;text-wrap:pretty;}
.h2 .hl{color:var(--blue);}

/* divider glow between sections */
.sep{height:1px;background:linear-gradient(90deg,transparent,var(--d-line2),transparent);margin:0 auto;max-width:1100px;}

/* generic card */
.card{background:var(--d-card);border:1px solid var(--d-line);border-radius:18px;}
.card-pad{padding:26px;}

/* ===== Block 2 — Segmentation ===== */
.seg-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.seg-grid.one{grid-template-columns:1fr;max-width:760px;margin:0 auto;}
.seg-card{background:linear-gradient(180deg,var(--d-card),var(--d-bg2));border:1px solid var(--d-line);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .4s ease;--mx:50%;--my:0%;}
/* cursor-tracking spotlight */
.seg-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s ease;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(34,197,94,.13),transparent 60%);z-index:0;}
.seg-card.accent::after{background:radial-gradient(420px circle at var(--mx) var(--my),rgba(59,130,246,.16),transparent 60%);}
.seg-card:hover::after{opacity:1;}
.seg-card:hover{transform:translateY(-7px);border-color:rgba(34,197,94,.4);box-shadow:0 36px 70px -34px rgba(34,197,94,.45);}
.seg-card.accent:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue-line),0 40px 80px -34px rgba(37,99,235,.6);}
.seg-card>*{position:relative;z-index:1;}
.seg-card.accent{border-color:var(--blue-line);box-shadow:0 0 0 1px var(--blue-line),0 30px 60px -30px rgba(37,99,235,.4);}
.seg-card.accent::before{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 70%);}
.seg-top{display:flex;align-items:center;gap:13px;position:relative;}
.seg-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s ease,color .4s ease,box-shadow .4s ease;}
.seg-ic.own{background:rgba(34,197,94,.14);color:#22C55E;}
.seg-ic.ag{background:var(--blue-soft);color:var(--blue);}
.seg-ic svg{width:23px;height:23px;}
.seg-card:hover .seg-ic.own{background:#22C55E;color:#fff;transform:rotate(-6deg) scale(1.08);box-shadow:0 12px 26px -10px rgba(34,197,94,.7);}
.seg-card:hover .seg-ic.ag{background:linear-gradient(135deg,var(--blue),var(--blue-d));color:#fff;transform:rotate(-6deg) scale(1.08);box-shadow:0 12px 26px -10px rgba(59,130,246,.7);}
.seg-eyebrow{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;color:var(--d-mut2);text-transform:uppercase;}
.seg-title{font-size:21px;font-weight:800;color:#fff;letter-spacing:-.01em;margin-top:3px;}
.seg-lead{font-size:14.5px;line-height:1.5;color:var(--d-mut);font-weight:500;padding-bottom:20px;border-bottom:1px solid var(--d-line);}
.seg-list{display:flex;flex-direction:column;gap:8px;padding-top:4px;}
.seg-item{display:flex;gap:12px;padding:6px 10px;margin:0 -10px;border-radius:11px;transition:background .25s ease,transform .25s cubic-bezier(.22,1,.36,1);}
.seg-item .si{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;margin-top:1px;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,color .25s ease;}
.seg-item.own .si{background:rgba(34,197,94,.14);color:#22C55E;}
.seg-item.ag .si{background:var(--blue-soft);color:var(--blue);}
.seg-item .si svg{width:13px;height:13px;}
.seg-item.own:hover{background:rgba(34,197,94,.09);transform:translateX(5px);}
.seg-item.ag:hover{background:rgba(59,130,246,.1);transform:translateX(5px);}
.seg-item.own:hover .si{background:#22C55E;color:#fff;transform:scale(1.14) rotate(-8deg);}
.seg-item.ag:hover .si{background:var(--blue);color:#fff;transform:scale(1.14) rotate(-8deg);}
.seg-item .st{font-size:13.5px;line-height:1.45;color:#D4DBE8;font-weight:600;}
.seg-item .st b{color:#fff;}
.seg-item .st span{color:var(--d-mut);font-weight:500;}
.seg-visual{margin-top:auto;border-radius:14px;border:1px solid var(--d-line2);background:var(--d-bg);padding:16px;}
.seg-btn{margin-top:8px;width:100%;justify-content:center;}
.seg-card .seg-list{flex:1 0 auto;}

/* mini company plate (owners) */
.miniplate{display:flex;align-items:center;gap:12px;padding:13px;background:#fff;border-radius:12px;position:relative;}
.miniplate .mp-pin{width:30px;height:36px;flex:none;}
.miniplate .mp-nm{font-size:14px;font-weight:800;color:#111;}
.miniplate .mp-rt{display:flex;align-items:center;gap:5px;font-size:12px;color:#FFA600;font-weight:700;margin-top:3px;}
.miniplate .mp-rt svg{width:12px;height:12px;}
.miniplate .mp-rt .g{color:#22A45D;}
.miniplate .mp-badge{margin-left:auto;font-size:10px;font-weight:700;color:#fff;background:#2563EB;padding:4px 9px;border-radius:99px;}
.seg-mapbar{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:11.5px;color:var(--d-mut);font-weight:600;}
.seg-mapbar .grow{flex:1;height:6px;border-radius:99px;background:var(--d-line2);overflow:hidden;}
.seg-mapbar .grow i{display:block;height:100%;width:84%;border-radius:99px;background:linear-gradient(90deg,#2563EB,#22C55E);}

/* multi-cabinet (agencies) */
.cab{display:flex;flex-direction:column;gap:8px;}
.cab-row{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--d-card2);border:1px solid var(--d-line);border-radius:10px;}
.cab-row .cd{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;flex:none;}
.cab-row .cn{font-size:12.5px;font-weight:700;color:#E6EAF2;}
.cab-row .cstat{margin-left:auto;font-size:10px;font-weight:700;color:#22C55E;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);padding:3px 8px;border-radius:99px;display:flex;align-items:center;gap:4px;}
.cab-pdf{display:flex;align-items:center;gap:11px;padding:11px;background:var(--d-card2);border:1px dashed var(--d-line2);border-radius:10px;margin-top:2px;}
.cab-pdf .pic{width:30px;height:36px;border-radius:6px;background:#fff;display:grid;place-items:center;color:#E4002B;font-size:8px;font-weight:800;flex:none;}
.cab-pdf .pl{font-size:11.5px;color:var(--d-mut);font-weight:600;}
.cab-pdf .logo-slot{margin-left:auto;font-family:var(--mono);font-size:9.5px;font-weight:700;color:var(--blue);border:1px dashed var(--blue-line);border-radius:6px;padding:5px 8px;}
.cab-log{display:flex;flex-direction:column;gap:5px;margin-top:6px;}
.cab-log .lg-line{font-family:var(--mono);font-size:10.5px;color:var(--d-mut2);display:flex;align-items:center;gap:6px;}
.cab-log .lg-line .dt{color:#22C55E;}

/* ===== Block 3 — Metrics 4 cards ===== */
.met-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.met-card{background:linear-gradient(180deg,var(--d-card),var(--d-bg2));border:1px solid var(--d-line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .4s ease;--mx:50%;--my:0%;}
/* cursor-tracking spotlight */
.met-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s ease;background:radial-gradient(460px circle at var(--mx) var(--my),rgba(59,130,246,.15),transparent 60%);z-index:0;}
.met-card:hover::after{opacity:1;}
.met-card:hover{border-color:var(--blue-line);transform:translateY(-6px);box-shadow:0 0 0 1px var(--blue-line),0 38px 70px -34px rgba(37,99,235,.55);}
.met-card>*{position:relative;z-index:1;}
.met-num{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--d-mut2);}
.met-vis{height:190px;border-radius:14px;border:1px solid var(--d-line2);overflow:hidden;position:relative;background:var(--d-bg);display:flex;transition:border-color .4s ease;}
.met-card:hover .met-vis{border-color:var(--blue-line);}
.met-title{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.01em;transition:text-shadow .3s ease;}
.met-card:hover .met-title{text-shadow:0 0 22px rgba(59,130,246,.55);}
.met-desc{font-size:13.5px;line-height:1.55;color:var(--d-mut);font-weight:500;transition:color .3s ease;}
.met-card:hover .met-desc{color:#D4DBE8;}
.met-tag{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:#7E93B5;background:none;border:none;padding:0;align-self:flex-start;text-transform:uppercase;transition:color .3s ease;}
.met-card:hover .met-tag{color:#9DC0FF;}

/* metric visual: koldunщик — real Yandex search wizard block (dark) */
.kld{width:100%;background:#0F1320;display:flex;flex-direction:column;padding:10px 0 0;gap:8px;}
.kld-search{display:flex;align-items:center;gap:8px;margin:0 12px;background:#1B2030;border:1px solid #2A3142;border-radius:9px;padding:7px 11px;}
.kld-ya{width:17px;height:17px;border-radius:99px;background:#FC3F1D;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;flex:none;}
.kld-q{flex:1;font-size:12.5px;font-weight:600;color:#E6EAF2;}
.kld-x{color:#67728A;font-size:14px;}
.kld-chips{display:flex;gap:6px;margin:0 12px;overflow:hidden;}
.kld-chip{flex:none;font-size:10.5px;font-weight:600;color:#AEB7C7;background:#1B2030;border:1px solid #2A3142;border-radius:7px;padding:5px 9px;display:flex;align-items:center;gap:4px;white-space:nowrap;}
.kld-chip.on{color:#fff;background:#283449;border-color:#3A465C;}
.kld-chip .kld-pin{color:#FC3F1D;}
.kld-strip{display:flex;gap:8px;padding:0 12px 12px;overflow:hidden;}
.kld-map{flex:none;width:58px;border-radius:9px;background:linear-gradient(135deg,#27313f,#1a2330);position:relative;overflow:hidden;border:1px solid #2A3142;}
.kld-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:14px 14px;}
.kld-mpin{position:absolute;width:14px;height:14px;}
.kld-mpin.a{top:24%;left:26%;opacity:.55;}
.kld-mpin.b{top:54%;left:58%;}
.kld-org{flex:none;width:96px;background:#161B28;border:1px solid #232B3B;border-radius:10px;overflow:hidden;position:relative;}
.kld-org.you{border-color:#3B82F6;box-shadow:0 0 0 1px #3B82F6,0 8px 18px -6px rgba(37,99,235,.5);}
.kld-top{position:absolute;top:6px;left:6px;z-index:2;font-family:var(--mono);font-size:8px;font-weight:700;color:#fff;background:#2563EB;padding:2px 6px;border-radius:5px;}
.kld-ph{height:46px;width:100%;}
.kld-nm{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#EDEFF4;padding:6px 8px 0;white-space:nowrap;overflow:hidden;}
.kld-vf{width:11px;height:11px;color:#3B82F6;flex:none;}
.kld-meta{display:flex;align-items:center;gap:5px;padding:4px 8px 8px;}
.kld-rt{font-size:10px;font-weight:800;color:#fff;background:#21A038;border-radius:5px;padding:1px 5px;}
.kld-rt.plain{background:transparent;color:#E6EAF2;padding:1px 0;}
.kld-rc{font-size:9.5px;color:#7C879B;font-weight:500;}

/* metric visual: good place award — realistic Yandex card snippet */
.award{width:100%;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 30%,rgba(245,166,35,.1),transparent 65%),var(--d-bg);}
.award-card{width:100%;max-width:300px;background:#fff;border-radius:14px;padding:15px 16px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);}
.award-head{display:flex;align-items:center;gap:11px;}
.award-ava{width:42px;height:42px;border-radius:11px;background:#0F1115;display:grid;place-items:center;flex:none;}
.award-ava svg{width:24px;height:24px;}
.award-info{min-width:0;}
.award-nm{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:800;color:#1A1A1A;letter-spacing:-.01em;white-space:nowrap;}
.award-vf{width:15px;height:15px;color:#22A45D;}
.award-cat{font-size:12px;color:#8A9099;font-weight:500;margin-top:2px;}
.award-rate{display:flex;align-items:center;gap:7px;margin-top:13px;flex-wrap:wrap;}
.award-stars{display:inline-flex;color:#FFA600;}
.award-stars svg{width:15px;height:15px;}
.award-rv{font-size:14px;font-weight:800;color:#1A1A1A;}
.award-rc{font-size:13px;color:#A0A6AE;font-weight:500;}
.gp-badge{display:inline-flex;align-items:center;gap:5px;background:#EEEFF2;border-radius:7px;padding:4px 9px 4px 6px;margin-left:2px;}
.gp-badge .gp-ic{width:22px;height:18px;flex:none;display:block;}
.gp-badge .gp-ic svg{width:22px;height:18px;display:block;}
.gp-badge .gp-txt{font-size:12px;font-weight:600;color:#2A2A2A;white-space:nowrap;letter-spacing:-.01em;}
.gp-badge.big{padding:7px 14px 7px 9px;border-radius:9px;}
.gp-badge.big .gp-ic,.gp-badge.big .gp-ic svg{width:30px;height:24px;}
.gp-badge.big .gp-txt{font-size:15px;}

/* metric visual: complex toggles */
.cmplx{width:100%;padding:16px;display:flex;flex-direction:column;gap:9px;justify-content:center;}
.cmplx-row{display:flex;align-items:center;gap:10px;background:var(--d-card2);border:1px solid var(--d-line);border-radius:9px;padding:9px 11px;}
.cmplx-row .cl{font-size:12px;font-weight:600;color:#D4DBE8;flex:1;}
.tog{width:34px;height:19px;border-radius:99px;background:var(--blue);position:relative;flex:none;}
.cmplx-row .chk{flex:none;width:20px;height:20px;border-radius:50%;background:rgba(34,197,94,.15);color:#4ade80;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;}
.cmplx-row .chk svg{width:12px;height:12px;}
.tog::after{content:"";position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:99px;background:#fff;}
.tog.off{background:var(--d-line2);}
.tog.off::after{right:auto;left:2px;}

/* metric visual: software shield */
.sft{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 30%,rgba(37,99,235,.14),transparent 60%),var(--d-bg);}
.sft-shield{width:64px;height:64px;border-radius:16px;background:linear-gradient(160deg,#2563EB,#1E40AF);display:grid;place-items:center;color:#fff;box-shadow:0 12px 30px -8px rgba(37,99,235,.6);}
.sft-shield svg{width:32px;height:32px;}
.sft-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:230px;}
.sft-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.03em;color:#9DC0FF;background:var(--d-card2);border:1px solid var(--blue-line);padding:5px 8px;border-radius:6px;}

/* ===== Block 4 — Algorithm timeline ===== */
.algo{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;position:relative;}
.algo::before{content:"";position:absolute;top:32px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--blue),var(--d-line2));z-index:0;}
.algo-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;height:100%;}
.algo>.reveal{display:flex;flex-direction:column;}
.algo-node{width:64px;height:64px;border-radius:17px;background:var(--d-card);border:1px solid var(--blue-line);display:grid;place-items:center;color:var(--blue);position:relative;box-shadow:0 0 0 6px var(--d-bg);transition:transform .28s cubic-bezier(.22,1,.36,1),background .28s ease,color .28s ease,box-shadow .28s ease,border-color .28s ease;}
.algo-node svg{width:27px;height:27px;transition:transform .28s cubic-bezier(.22,1,.36,1);}
.algo-node .nn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:99px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid var(--d-bg);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;}
.algo-step:hover .algo-node{background:linear-gradient(135deg,var(--blue),var(--blue-d));border-color:var(--blue);color:#fff;transform:translateY(-5px);box-shadow:0 0 0 6px var(--d-bg),0 16px 30px -12px rgba(59,130,246,.65);}
.algo-step:hover .algo-node svg{transform:scale(1.08);}
.algo-step:hover .algo-node .nn{transform:scale(1.12);box-shadow:0 4px 10px -2px rgba(59,130,246,.7);}
.algo-title{font-size:16.5px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.25;transition:color .2s ease;}
.algo-step:hover .algo-title{color:#9DC0FF;}
.algo-desc{font-size:13px;line-height:1.55;color:var(--d-mut);font-weight:500;}
.algo-mini{margin-top:auto;height:154px;border-radius:12px;border:1px solid var(--d-line2);background:var(--d-bg);overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease;}
.algo-mini>*{height:100%;}
.algo-step:hover .algo-mini{transform:translateY(-3px);border-color:var(--blue-line);box-shadow:0 18px 38px -22px rgba(59,130,246,.5);}

/* step2 mini map with arrows */
.s2map{position:relative;height:100%;display:grid;grid-template-columns:118px 1fr;}
.s2map .s2-side{background:#fff;padding:6px;display:flex;flex-direction:column;gap:5px;}
.s2map .s2-org{display:flex;align-items:center;gap:5px;padding:4px;border-radius:6px;background:#F6F7F9;}
.s2map .s2-org.hl{background:#EAF1FF;border:1px solid #2563EB;padding:3px;}
.s2map .s2-th{width:20px;height:20px;border-radius:5px;background:linear-gradient(135deg,#3FAA4E,#2f8a3c);flex:none;}
.s2map .s2-th.t2{background:linear-gradient(135deg,#1A1A1A,#333);}
.s2map .s2-th.t3{background:linear-gradient(135deg,#E4002B,#a30020);}
.s2map .s2-oc{display:flex;flex-direction:column;gap:1px;min-width:0;}
.s2map .s2-on{font-size:8px;font-weight:800;color:#1A1A1A;white-space:nowrap;line-height:1.1;}
.s2map .s2-os{font-size:6.5px;font-weight:600;color:#E8821E;white-space:nowrap;line-height:1.1;}
.s2map .s2-row{height:13px;border-radius:3px;background:#EFF1F4;}
.s2map .s2-row.hl{background:#DCE9FF;border:1px solid #2563EB;}
.s2map .s2-canvas{position:relative;background:linear-gradient(135deg,#DDE8E4,#E6EBF2);}
.s2map .s2-pin{position:absolute;left:54%;top:42%;width:18px;height:22px;}
.s2map .s2-place{position:absolute;left:42%;top:46%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;z-index:3;}
.s2map .s2-marker{width:20px;height:25px;flex:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));}
.s2map .s2-marker svg{width:20px;height:25px;display:block;}
.s2map .s2-label{display:flex;flex-direction:column;gap:1px;background:#fff;border-radius:7px;padding:4px 7px;box-shadow:0 3px 8px rgba(0,0,0,.18);max-width:108px;}
.s2map .s2-label b{font-size:9px;font-weight:800;color:#1A1A1A;line-height:1.1;white-space:nowrap;}
.s2map .s2-label i{font-size:7.5px;font-style:normal;font-weight:600;color:#6B7280;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.s2map .s2-arrow{position:absolute;font-family:var(--mono);font-size:7.5px;font-weight:700;color:#2563EB;background:rgba(255,255,255,.9);padding:2px 4px;border-radius:5px;}
.s2map .s2-arrow.a{left:-118px;bottom:6px;}
.s2map .s2-arrow.b{right:6px;top:8px;}

/* step1 — semantic core */
.s1{padding:13px;display:flex;flex-direction:column;gap:9px;min-height:130px;justify-content:center;}
.s1-search{display:flex;align-items:center;gap:8px;background:var(--d-card2);border:1px solid var(--d-line);border-radius:8px;padding:7px 10px;}
.s1-search svg{width:14px;height:14px;color:var(--blue);flex:none;}
.s1-q{font-size:12px;font-weight:600;color:#fff;flex:1;}
.s1-q i{font-style:normal;color:var(--d-mut);font-weight:500;}
.s1-cnt{font-family:var(--mono);font-size:9px;font-weight:700;color:#9DC0FF;background:var(--blue-soft);border:1px solid var(--blue-line);padding:2px 6px;border-radius:5px;flex:none;}
.s1-chips{display:flex;flex-wrap:wrap;gap:5px;}
.s1-chip{font-size:10px;font-weight:600;color:#9aa7bd;background:var(--d-card2);border:1px solid var(--d-line);padding:3px 8px;border-radius:6px;}
.s1-chip.on{color:#9DC0FF;background:var(--blue-soft);border-color:var(--blue-line);}
.s1-ramp{display:flex;align-items:flex-end;gap:4px;height:34px;position:relative;}
.s1-bar{flex:1;background:linear-gradient(180deg,var(--blue),var(--blue-d));border-radius:3px 3px 0 0;opacity:.85;}
.s1-ramp-cap{position:absolute;right:0;top:0;font-family:var(--mono);font-size:8.5px;font-weight:700;color:#4ade80;}

/* step3 — protected paid actions (Yandex card) */
.s3card{width:100%;height:100%;background:#fff;border-radius:9px;display:flex;flex-direction:column;padding:9px 9px 0;gap:8px;overflow:hidden;}
.s3-org{display:flex;align-items:center;gap:7px;}
.s3-logo{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,#2563EB,#1E40AF);display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;flex:none;}
.s3-oi{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.s3-oi b{font-size:9px;font-weight:800;color:#1A1A1A;line-height:1.1;white-space:nowrap;}
.s3-oi i{font-size:6.5px;font-weight:600;color:#9AA0A8;font-style:normal;line-height:1.1;}
.s3-promo{font-family:var(--mono);font-size:6.5px;font-weight:700;color:#E8821E;background:rgba(232,130,30,.12);border:1px solid rgba(232,130,30,.3);border-radius:4px;padding:2px 5px;flex:none;letter-spacing:.04em;}
.s3-acts{display:flex;gap:5px;}
.s3-act{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:700;color:#7B818A;background:#F1F3F6;border:1px solid #E6E9ED;border-radius:6px;padding:6px 4px;white-space:nowrap;overflow:hidden;}
.s3-act svg{width:9px;height:9px;}
.s3-ai{display:grid;place-items:center;flex:none;}
.s3-guard{position:absolute;top:-4px;right:-4px;width:13px;height:13px;border-radius:99px;background:#EF4444;color:#fff;font-size:7px;font-weight:800;font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;}
.s3-foot{margin:auto -9px 0;background:rgba(34,197,94,.1);border-top:1px solid rgba(34,197,94,.22);display:flex;align-items:center;gap:5px;padding:7px 9px;font-size:7.5px;font-weight:700;color:#16a34a;}
.s3-fi{display:grid;place-items:center;flex:none;color:#22C55E;}
.s3-fi svg{width:12px;height:12px;}

/* step4 — Конкуренты interface (Yandex Business) */
.s4comp{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;padding:7px 8px;gap:3px;overflow:hidden;}
.s4head{display:flex;align-items:center;gap:5px;padding:0 2px 4px;border-bottom:1px solid #EEF0F3;}
.s4head span{font-size:6.5px;font-weight:700;color:#9AA0A8;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;}
.s4head .s4h-rank{width:30px;flex:none;}
.s4head .s4h-co{flex:1;}
.s4head .s4h-rt{flex:none;}
.s4row{display:flex;align-items:center;gap:5px;padding:3px 2px;border-radius:5px;}
.s4row.you{background:#EAF1FF;box-shadow:inset 0 0 0 1px #2563EB;}
.s4rank{width:11px;text-align:center;font-size:11px;font-weight:800;color:#1A1A1A;flex:none;}
.s4share{width:17px;font-size:7px;font-weight:700;color:#6B7280;flex:none;}
.s4row.you .s4share{color:#2563EB;}
.s4ava{width:19px;height:19px;border-radius:5px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;flex:none;}
.s4info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;}
.s4nm{font-size:8.5px;font-weight:800;color:#1A1A1A;white-space:nowrap;line-height:1.1;}
.s4nm.blur{filter:blur(2.6px);color:#3A3A3A;user-select:none;}
.s4cat{font-size:6.5px;font-weight:600;color:#9AA0A8;white-space:nowrap;line-height:1.1;}
.s4up{font-size:6.5px;font-weight:800;color:#fff;background:#21A038;border-radius:4px;padding:1px 4px;flex:none;}
.s4rate{font-size:7.5px;font-weight:800;color:#E8821E;white-space:nowrap;flex:none;}

/* ===== Block 5 — Pricing ===== */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.price-card{background:linear-gradient(180deg,var(--d-card),var(--d-bg2));border:1px solid var(--d-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px;position:relative;transition:.2s;}
.price-card:hover{border-color:var(--blue-line);transform:translateY(-3px);box-shadow:0 24px 50px -24px rgba(37,99,235,.4);}
.price-card.feat{border-color:var(--blue-line);box-shadow:0 0 0 1px var(--blue-line);}
.price-flag{position:absolute;top:-11px;left:24px;font-family:var(--mono);font-size:10px;font-weight:700;color:#fff;background:var(--blue);padding:4px 11px;border-radius:99px;letter-spacing:.03em;}
.price-flag.alt{background:#7C3AED;}
.price-name{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em;}
.price-val{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.price-val .pv{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em;white-space:nowrap;}
.price-val .pp{font-size:13px;color:var(--d-mut);font-weight:600;}
.price-rows{display:flex;flex-direction:column;gap:11px;padding:16px 0;border-top:1px solid var(--d-line);border-bottom:1px solid var(--d-line);}
.price-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#D4DBE8;font-weight:600;}
.price-row .pr-l{flex:1;min-width:0;display:flex;align-items:center;gap:6px;}
.price-row .pr-ic{width:18px;text-align:center;flex:none;}
.price-row .pr-v{margin-left:auto;font-weight:800;color:#fff;white-space:nowrap;flex:none;}
.price-row .pr-v.zero{color:var(--d-mut2);}
.qbtn{width:15px;height:15px;border-radius:99px;border:1px solid var(--d-line2);color:var(--d-mut);font-size:10px;font-weight:700;display:inline-grid;place-items:center;cursor:pointer;position:relative;}
.qbtn:hover{border-color:var(--blue);color:var(--blue);}
.price-opts{display:flex;flex-direction:column;gap:9px;}
.opt-row{display:flex;align-items:center;gap:10px;cursor:pointer;}
.opt-row .ot{font-size:12px;color:var(--d-mut);font-weight:600;flex:1;line-height:1.3;}
.opt-row .ot b{color:#D4DBE8;}
.opt-row .op{font-size:11px;font-weight:700;color:var(--d-mut2);font-family:var(--mono);}
.utog{width:36px;height:21px;border-radius:99px;background:var(--d-line2);position:relative;flex:none;transition:.18s;}
.utog::after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:99px;background:#fff;transition:.18s;}
.utog.on{background:var(--blue);}
.utog.on::after{left:17px;}
.price-cta{width:100%;justify-content:center;margin-top:2px;}
.price-cta .tot{font-variant-numeric:tabular-nums;}

/* report example callout */
.report-cta{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,var(--d-card),var(--d-card2));border:1px solid var(--d-line2);border-radius:16px;padding:18px 22px;max-width:920px;margin:0 auto;}
.report-cta .rc-ic{width:46px;height:46px;flex:none;border-radius:12px;background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue);display:grid;place-items:center;}
.report-cta .rc-ic svg{width:23px;height:23px;}
.report-cta .rc-txt{flex:1;min-width:0;}
.report-cta .rc-txt b{display:block;color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px;}
.report-cta .rc-txt span{display:block;font-size:12.5px;line-height:1.5;color:var(--d-mut);font-weight:500;}
.report-cta .rc-btn{flex:none;display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:700;font-size:13px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:11px;padding:11px 16px;text-decoration:none;cursor:pointer;transition:.15s;white-space:nowrap;}
.report-cta .rc-btn:hover{background:var(--blue-d);transform:translateY(-1px);}
.report-cta .rc-btn svg{width:17px;height:17px;}
@media (max-width:680px){.report-cta{flex-direction:column;align-items:flex-start;text-align:left;}.report-cta .rc-btn{width:100%;justify-content:center;}}

/* tooltip */
.tip{position:fixed;z-index:200;max-width:320px;background:rgba(13,18,28,.96);backdrop-filter:blur(12px);border:1px solid var(--d-line2);border-radius:12px;padding:26px 16px 16px;box-shadow:0 24px 50px -12px rgba(0,0,0,.7);font-size:12.5px;line-height:1.55;color:#D4DBE8;font-weight:500;pointer-events:auto;}
.tip-x{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:7px;background:var(--d-card2);border:1px solid var(--d-line2);color:var(--d-mut);font-size:12px;font-weight:700;display:grid;place-items:center;cursor:pointer;transition:.15s;}
.tip-x:hover{border-color:var(--blue-line);color:#fff;background:var(--blue-soft);}
.tip-dl{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--sans);font-weight:700;font-size:12px;color:#fff;background:var(--blue);border-radius:9px;padding:9px 13px;text-decoration:none;transition:.15s;}
.tip-dl:hover{background:var(--blue-d);}
.tip-dl svg{width:15px;height:15px;}
.tip b{color:#fff;}
.tip .tw{color:#FBBF24;font-weight:700;}
.tip .tip-h{display:block;color:#fff;font-weight:800;font-size:13.5px;margin-bottom:8px;}
.tip .tip-sub{display:block;color:var(--blue);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;}
.opt-row .ot .qbtn{margin-left:6px;vertical-align:middle;}
.tip .tip-li{display:block;position:relative;padding-left:16px;margin-bottom:6px;color:var(--d-mut);line-height:1.45;}
.tip .tip-li:before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--blue);}
.tip .tip-cost{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:9px 11px;border-radius:9px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.28);}
.tip .tip-cost .tc-l{font-size:11px;line-height:1.35;color:#fff;font-weight:600;}
.tip .tip-cost .tc-l i{font-style:normal;color:var(--d-mut);font-weight:400;}
.tip .tip-cost .tc-v{font-weight:800;color:#fff;font-size:15px;white-space:nowrap;}
.tip .tip-note{display:block;margin-top:10px;color:#FBBF24;font-weight:600;font-size:11.5px;line-height:1.4;}

/* met-title «?» */
.met-q{margin-left:8px;vertical-align:middle;transform:translateY(-1px);width:21px;height:21px;font-size:13px;font-weight:800;border-color:var(--blue);color:var(--blue);background:rgba(59,130,246,.12);}
.met-q:hover{background:var(--blue);color:#fff;border-color:var(--blue);}

/* ===== Колдунщик — пояснительный тултип ===== */
.ktip{max-width:none;width:600px;padding:0;overflow:hidden;}
.ke{display:flex;flex-direction:column;}
.ke-search{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--d-line);background:rgba(255,255,255,.02);}
.ke-ya{width:24px;height:24px;border-radius:99px;background:#FC3F1D;color:#fff;font:800 15px/1 Manrope,sans-serif;display:grid;place-items:center;flex:none;}
.ke-q{font-size:16px;color:#E6ECF6;font-weight:600;}
.ke-x{margin-left:auto;color:var(--d-mut2);font-size:19px;}
.ke-body{display:flex;gap:16px;padding:17px 18px 6px;}
.ke-left{flex:0 0 27%;display:flex;flex-direction:column;gap:12px;opacity:.45;filter:saturate(.6);}
.ke-tab{font-size:13px;font-weight:800;color:#fff;border-bottom:2px solid #fff;width:max-content;padding-bottom:4px;}
.ke-res{display:flex;flex-direction:column;gap:6px;}
.ke-res-t{height:9px;width:80%;border-radius:3px;background:var(--blue);opacity:.55;}
.ke-res-l{height:6px;border-radius:3px;background:var(--d-line2);}
.ke-right{flex:1;position:relative;min-width:0;}
.ke-flag{position:absolute;top:-12px;left:16px;z-index:2;background:var(--blue);color:#fff;font:800 12px/1 'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:7px;box-shadow:0 5px 18px -2px rgba(59,130,246,.6);}
.ke-panel{background:#1a1f29;border:1.5px solid var(--blue);border-radius:14px;padding:16px 16px 17px;box-shadow:0 0 0 5px rgba(59,130,246,.16),0 16px 36px -10px rgba(0,0,0,.6);}
.ke-ttl{font-size:15.5px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:11px;}
.ke-chips{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap;}
.ke-chip{font-size:12px;font-weight:600;color:#C7D0DE;background:rgba(255,255,255,.07);border-radius:99px;padding:5px 11px;white-space:nowrap;}
/* карта в стиле тёмной Яндекс-карты */
.ke-map{position:relative;height:96px;border-radius:10px;margin-bottom:12px;overflow:hidden;background:#222a3a;}
.ke-park{position:absolute;background:#2c3a30;border-radius:40% 55% 45% 50%;opacity:.9;}
.ke-park.a{width:90px;height:60px;left:-14px;top:-12px;}
.ke-park.b{width:70px;height:54px;right:8%;bottom:-16px;border-radius:55% 45% 50% 40%;}
.ke-park.c{width:46px;height:40px;right:24%;top:6px;}
.ke-river{position:absolute;width:160%;height:26px;left:-25%;top:54%;background:rgba(74,116,180,.45);transform:rotate(-15deg);filter:blur(.5px);}
.ke-road{position:absolute;background:rgba(255,255,255,.13);border-radius:99px;}
.ke-road.r1{height:3px;width:150%;left:-20%;top:32%;transform:rotate(-9deg);}
.ke-road.r2{height:3px;width:140%;left:-15%;top:74%;transform:rotate(7deg);}
.ke-road.hw{height:4px;width:150%;left:-22%;top:48%;transform:rotate(-15deg);background:rgba(230,150,70,.55);}
.ke-pin{position:absolute;width:26px;height:26px;border-radius:99px;background:var(--blue);display:grid;place-items:center;box-shadow:0 3px 9px rgba(0,0,0,.5);border:2.5px solid #1a1f29;z-index:1;}
.ke-pin .ke-car,.ke-pin .ke-car svg{width:15px;height:15px;display:block;}
.ke-pin.p1{left:60%;top:18%;}
.ke-pin.p2{left:42%;top:42%;}
.ke-pin.p3{left:26%;top:66%;}
.ke-orgs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.ke-org{position:relative;background:rgba(255,255,255,.03);border:1px solid var(--d-line);border-radius:9px;overflow:hidden;}
.ke-org.ours{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 6px 16px -6px rgba(59,130,246,.5);}
.ke-top{position:absolute;top:6px;left:6px;z-index:2;background:var(--blue);color:#fff;font:800 8.5px/1 'JetBrains Mono',monospace;letter-spacing:.03em;padding:3px 6px;border-radius:5px;}
.ke-org-ph{height:54px;width:100%;}
.ke-org-nm{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:800;color:#fff;margin:8px 7px 3px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ke-vf{width:11px;height:11px;flex:none;color:var(--blue);}
.ke-org-meta{display:flex;align-items:center;gap:5px;margin:0 7px 9px;}
.ke-rt{font:800 11px/1 Manrope,sans-serif;color:#fff;background:#22C55E;padding:3px 6px;border-radius:4px;}
.ke-rc{font-size:10.5px;color:var(--d-mut);white-space:nowrap;}
.ke-cap{font-size:14px;line-height:1.5;color:#C2CBDA;font-weight:500;padding:14px 18px 16px;border-top:1px solid var(--d-line);background:rgba(255,255,255,.015);}
.ke-cap b{color:#fff;}

/* ===== Block 6 — FAQ ===== */
.faq{max-width:880px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--d-line);}
.faq-q{display:flex;align-items:center;gap:16px;padding:24px 4px;cursor:pointer;user-select:none;}
.faq-q .qt{flex:1;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.01em;}
.faq-q .qi{width:30px;height:30px;border-radius:9px;border:1px solid var(--d-line2);display:grid;place-items:center;color:var(--blue);flex:none;transition:.25s;}
.faq-q .qi svg{width:16px;height:16px;transition:.25s;}
.faq-item.open .qi{background:var(--blue);border-color:var(--blue);color:#fff;}
.faq-item.open .qi svg{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-a .inner{padding:0 46px 26px 4px;font-size:14.5px;line-height:1.65;color:var(--d-mut);font-weight:500;}
.faq-link{color:var(--blue);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in oklch,var(--blue) 45%,transparent);transition:border-color .2s;}
.faq-link:hover{border-bottom-color:var(--blue);}

/* ===== Block 7 — Partner banner ===== */
.partner{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--blue-line);background:linear-gradient(135deg,#0E1730,#0A1020 55%,#0B1428);box-shadow:0 40px 80px -30px rgba(37,99,235,.45);}
.partner::before{content:"";position:absolute;top:-30%;right:-10%;width:50%;height:120%;background:radial-gradient(circle,rgba(37,99,235,.28),transparent 65%);pointer-events:none;}
.partner-in{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;padding:62px 56px 52px;align-items:center;}
.partner-lead{display:flex;flex-direction:column;align-items:flex-start;}
.partner-badge{position:absolute;top:22px;left:26px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9DC0FF;background:var(--blue-soft);border:1px solid var(--blue-line);padding:8px 14px;border-radius:99px;display:inline-flex;align-items:center;gap:8px;z-index:2;}
.partner-badge .pb-dot{width:7px;height:7px;border-radius:99px;background:#3B82F6;box-shadow:0 0 0 3px rgba(59,130,246,.22);}
.partner-h{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.1;margin:0 0 16px;text-wrap:balance;}
.partner-h .pn{color:var(--blue);}
.partner-sub{font-size:16px;line-height:1.55;color:var(--d-mut);font-weight:500;margin-bottom:50px;max-width:480px;}
.partner-cta{margin-top:26px;width:auto;}
.partner-note{font-size:12.5px;color:var(--d-mut2);font-weight:500;margin-top:14px;}

/* interactive volume → discount calculator */
.pcalc{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--d-line2);border-radius:16px;padding:20px 22px;}
.pcalc-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;}
.pcalc-k{font-size:11.5px;font-weight:600;color:var(--d-mut);margin-bottom:5px;}
.pcalc-n{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1;}
.pcalc-disc{text-align:right;}
.pcalc-dv{font-size:34px;font-weight:800;color:#4ade80;letter-spacing:-.03em;line-height:1;}
.pcalc-dv span{font-size:18px;margin-left:1px;}
.pcalc-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--blue) var(--p,30%),var(--d-line2) var(--p,30%));outline:none;cursor:pointer;}
.pcalc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:99px;background:#fff;border:4px solid var(--blue);box-shadow:0 4px 12px -2px rgba(37,99,235,.6);cursor:grab;}
.pcalc-range::-moz-range-thumb{width:22px;height:22px;border-radius:99px;background:#fff;border:4px solid var(--blue);box-shadow:0 4px 12px -2px rgba(37,99,235,.6);cursor:grab;}
.pcalc-range::-webkit-slider-thumb:active{cursor:grabbing;}
.pcalc-scale{display:flex;justify-content:space-between;margin-top:10px;}
.pcalc-scale span{font-size:10px;font-weight:600;color:var(--d-mut2);font-family:var(--mono);}

.partner-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.pf{background:rgba(255,255,255,.03);border:1px solid var(--d-line2);border-radius:14px;padding:18px;transition:.18s;}
.pf:hover{border-color:var(--blue-line);background:rgba(59,130,246,.06);transform:translateY(-2px);}
.pf .pf-ic{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:12px;}
.pf .pf-ic svg{width:18px;height:18px;}
.pf .pf-t{font-size:14px;font-weight:800;color:#fff;margin-bottom:5px;}
.pf .pf-d{font-size:12.5px;line-height:1.5;color:var(--d-mut);font-weight:500;}

/* ===== Block 8 — Footer ===== */
.footer{background:#06080D;border-top:1px solid var(--d-line);padding:56px 0 36px;}
.foot-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;}
.foot-copy{font-size:13px;color:var(--d-mut2);font-weight:500;}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:center;}
.foot-links a{font-size:13.5px;color:var(--d-mut);font-weight:600;text-decoration:none;cursor:pointer;transition:.15s;}
.foot-links a:hover{color:#fff;}
.foot-mail{font-size:15px;color:#fff;font-weight:700;text-decoration:none;}
.foot-mail:hover{color:var(--blue);}
.pay-title{font-size:12px;color:var(--d-mut2);font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
.pay-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;}
.pay{height:38px;padding:0 14px;border-radius:9px;background:var(--d-card);border:1px solid var(--d-line);display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#C2CAD8;}
.pay .pi{display:grid;place-items:center;}
.pay .pi svg{width:18px;height:18px;display:block;}

/* ===== Modal ===== */
.ov{position:fixed;inset:0;background:rgba(5,8,13,.7);backdrop-filter:blur(6px);z-index:300;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.2s;}
.ov.on{opacity:1;pointer-events:auto;}
.modal{width:100%;max-width:480px;background:linear-gradient(180deg,var(--d-card),var(--d-bg2));border:1px solid var(--d-line2);border-radius:22px;padding:32px;box-shadow:0 40px 80px -20px rgba(0,0,0,.7);transform:translateY(14px) scale(.98);transition:.22s;}
.ov.on .modal{transform:none;}
.modal-x{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:9px;border:1px solid var(--d-line2);background:var(--d-card);color:var(--d-mut);display:grid;place-items:center;cursor:pointer;}
.modal-x:hover{color:#fff;border-color:var(--d-line2);}
.modal-ic{width:48px;height:48px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:18px;}
.modal-ic svg{width:24px;height:24px;}
.modal h3{font-size:23px;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:9px;}
.modal p{font-size:14px;line-height:1.55;color:var(--d-mut);font-weight:500;margin-bottom:22px;}
.modal-field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.modal-field label{font-size:12.5px;font-weight:700;color:#D4DBE8;}
.modal-input{width:100%;background:var(--d-bg);border:1px solid var(--d-line2);border-radius:11px;padding:13px 15px;font-size:14px;color:#fff;font-family:var(--sans);font-weight:500;}
.modal-input::placeholder{color:var(--d-mut2);}
.modal-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);}
.modal-note{font-size:12px;color:var(--d-mut2);font-weight:500;display:flex;align-items:center;gap:7px;margin-top:14px;justify-content:center;}
.modal-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 0;}
.modal-ok .okic{width:56px;height:56px;border-radius:99px;background:rgba(34,197,94,.14);color:#22C55E;display:grid;place-items:center;margin-bottom:6px;}
.modal-ok .okic svg{width:28px;height:28px;}

/* ===== Header dropdown ===== */
.dd{position:absolute;top:calc(100% - 6px);left:0;min-width:230px;background:var(--d-card);border:1px solid var(--d-line2);border-radius:14px;padding:8px;box-shadow:0 24px 50px -16px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s;z-index:30;}
.has-dd{position:relative;}
.has-dd:hover .dd{opacity:1;transform:none;pointer-events:auto;}
.dd-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;cursor:pointer;text-decoration:none;}
.dd-item:hover{background:var(--blue-soft);}
.dd-item .ddi{width:32px;height:32px;border-radius:9px;background:var(--d-card2);border:1px solid var(--d-line2);display:grid;place-items:center;color:var(--blue);flex:none;}
.dd-item .ddi svg{width:16px;height:16px;}
.dd-item .ddt{font-size:13.5px;font-weight:700;color:#fff;}
.dd-item .ddd{font-size:11px;color:var(--d-mut);font-weight:500;margin-top:1px;}

/* sticky header */
.dhd{position:sticky;top:0;}

/* reveal on scroll — opacity snaps (never freezes hidden), only transform animates */
.reveal{opacity:0;transform:translateY(22px);transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.reveal.in{opacity:1;transform:none;}

/* ===== Block — Результаты продвижения (реальные скриншоты) ===== */
.res-shell{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:26px;}
.res-tabs{display:flex;gap:6px;background:var(--d-card);border:1px solid var(--d-line);border-radius:15px;padding:6px;align-self:center;flex-wrap:wrap;justify-content:center;}
.res-tab{font-family:var(--sans);font-weight:700;font-size:14px;color:var(--d-mut);background:transparent;border:none;border-radius:11px;padding:11px 17px;cursor:pointer;transition:.18s;display:flex;align-items:center;gap:10px;white-space:nowrap;}
.res-tab:hover{color:#fff;}
.res-tab.on{background:var(--blue);color:#fff;box-shadow:0 10px 22px -10px rgba(59,130,246,.7);}
.res-tab .tix{font-family:var(--mono);font-size:11px;font-weight:600;opacity:.6;}
.res-tab.on .tix{opacity:.85;}

/* authentic dashboard frame around screenshot */
.res-frame{background:#fff;border:1px solid var(--d-line2);border-radius:18px;overflow:hidden;box-shadow:0 50px 100px -45px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.04);position:relative;}
.res-bar{display:flex;align-items:center;gap:11px;padding:12px 16px;background:#F2F3F7;border-bottom:1px solid #E5E8EF;}
.res-ya{width:23px;height:23px;border-radius:6px;background:#FC3F1D;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;font-family:var(--sans);flex:none;}
.res-brand{font-weight:700;font-size:13.5px;color:#1B1F2A;letter-spacing:-.01em;}
.res-brand b{color:#6B768A;font-weight:600;}
.res-period{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:600;color:#5C6678;background:#fff;border:1px solid #E5E8EF;border-radius:8px;padding:5px 11px;white-space:nowrap;}
.res-imgbox{position:relative;background:#fff;line-height:0;}
.res-img{display:block;width:100%;height:auto;animation:resFade .5s cubic-bezier(.22,.61,.36,1);}
@keyframes resFade{from{opacity:0;transform:scale(.992);}to{opacity:1;transform:none;}}

/* overlay marker (фишка — указывает на карточку клиента) */
.res-pin{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(11,15,24,.93);backdrop-filter:blur(8px);border:1px solid var(--blue-line);color:#fff;font-weight:700;font-size:13px;padding:8px 13px 8px 11px;border-radius:11px;box-shadow:0 16px 34px -12px rgba(0,0,0,.7);z-index:3;animation:resFade .5s .15s both;}
.res-pin .rp-dot{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.25);animation:rpPulse 1.8s ease-in-out infinite;flex:none;}
@keyframes rpPulse{0%,100%{box-shadow:0 0 0 3px rgba(74,222,128,.28);}50%{box-shadow:0 0 0 7px rgba(74,222,128,0);}}
.res-pin .rp-you{font-family:var(--mono);font-size:10.5px;color:#9DC0FF;font-weight:700;}

/* readout under the frame */
.res-readout{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:center;}
.res-take{display:flex;gap:13px;align-items:flex-start;font-size:17px;line-height:1.5;color:#D4DBE8;font-weight:600;text-wrap:pretty;}
.res-take .rt-ic{flex:none;width:26px;height:26px;border-radius:8px;background:rgba(74,222,128,.14);color:#4ade80;display:grid;place-items:center;margin-top:1px;}
.res-take .rt-ic svg{width:15px;height:15px;}
.res-take b{color:#fff;font-weight:800;}
.res-stats{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;}
.res-stat{background:linear-gradient(180deg,var(--d-card),var(--d-bg2));border:1px solid var(--d-line);border-radius:15px;padding:15px 17px;min-width:128px;}
.res-stat .sv{font-size:27px;font-weight:800;letter-spacing:-.02em;color:#4ade80;display:flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums;line-height:1;}
.res-stat .sv .sar{font-size:14px;line-height:1;transform:translateY(-3px);}
.res-stat.blue .sv{color:var(--blue);}
.res-stat.amber .sv{color:#F5A524;}
.res-stat .sl{font-size:12.5px;color:var(--d-mut);font-weight:600;margin-top:6px;}
.res-foot{display:flex;align-items:center;gap:9px;justify-content:center;font-size:12.5px;color:var(--d-mut2);font-weight:600;}
.res-foot .rf-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;flex:none;}

/* ===== Responsive ===== */
@media(max-width:980px){
  .seg-grid,.met-grid,.partner-in{grid-template-columns:1fr;}
  .price-grid{grid-template-columns:1fr 1fr;}
  .algo{grid-template-columns:1fr 1fr;}
  .algo::before{display:none;}
  .h2{font-size:30px;}
}
@media(max-width:760px){
  .wrap{padding:0 20px;}
  .section{padding:60px 0;}
  .dhd-nav{display:none;}
  .price-grid{grid-template-columns:1fr;}
  .algo{grid-template-columns:1fr;}
  .partner-feats{grid-template-columns:1fr;}
  .partner-in{padding:30px;}
  .partner-h{font-size:26px;}
  .h2{font-size:26px;}
  .lg-slogan{display:none;}
  .res-readout{grid-template-columns:1fr;gap:18px;}
  .res-stats{justify-content:flex-start;}
  .res-take{font-size:15.5px;}
  .res-stat{min-width:108px;padding:13px 14px;}
  .res-stat .sv{font-size:23px;}
  .res-tab{font-size:13px;padding:10px 13px;}
  .res-period{display:none;}
}