:root{--ink:#10243f;--navy:#061526;--blue:#1769e8;--cyan:#75e0c9;--red:#ff5c4d;--muted:#63738a;--line:#dbe5ef;--soft:#f1f6fa;--shadow:0 24px 65px rgba(14,36,62,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}body.modal-open{overflow:hidden}a{color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,39,69,.08)}.topbar__inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}.brand>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--ink);color:#fff}.brand>span{display:grid;line-height:1.2}.brand small{font-size:12px;color:var(--muted)}.topbar nav{display:flex;gap:19px}.topbar nav a{text-decoration:none;font-size:13px;font-weight:800;color:#526177}.header-actions{display:flex;align-items:center;gap:9px}.round-link{width:39px;height:39px;border-radius:50%;display:block}.round-link img{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border:0;border-radius:13px;text-decoration:none;font:800 14px/1.2 inherit;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn--small{padding:10px 14px;background:var(--ink);color:#fff}.btn--primary{background:linear-gradient(135deg,#2678f0,#1458c7);color:#fff;box-shadow:0 15px 34px rgba(23,105,232,.28)}.btn--telegram{background:#fff;color:var(--ink)}.btn--telegram img,.btn--max img{width:23px}.btn--max{background:#6046de;color:#fff}.btn--full{width:100%}.hero{position:relative;overflow:hidden;padding:88px 0;background:radial-gradient(circle at 82% 17%,#174d70 0,transparent 28%),linear-gradient(125deg,#051221,#0b2d4d);color:#fff}.hero__orb{position:absolute;right:-120px;bottom:-200px;width:500px;height:500px;border-radius:50%;background:#55d8c61a;filter:blur(35px)}.hero__grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:62px;align-items:center}.eyebrow,.kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;color:#168b78}.eyebrow{color:#97ebdc;display:flex;align-items:center;gap:10px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#69e1cc;box-shadow:0 0 0 7px #69e1cc1d}.hero h1{font-size:clamp(42px,5.8vw,72px);line-height:1.01;letter-spacing:-.048em;margin:18px 0}.hero h1 em{font-style:normal;color:#7de6d2}.lead{font-size:20px;color:#d3e0eb;max-width:720px}.tech-list{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.tech-list span,.pills span{padding:7px 11px;border-radius:99px;border:1px solid #ffffff28;background:#ffffff0c;font-size:12px;font-weight:800}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-proof{display:flex;gap:26px;margin-top:26px;color:#9fb5c8;font-size:12px}.hero-proof span{display:grid}.hero-proof b{color:#fff;font-size:15px}.system-card{background:#ffffff0b;border:1px solid #ffffff20;border-radius:25px;padding:22px;box-shadow:0 35px 80px #0005}.system-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid #ffffff1d;font:12px ui-monospace,monospace}.system-head span{display:flex;align-items:center;gap:8px}.system-head i{width:9px;height:9px;border-radius:50%;background:#f5ae52;box-shadow:0 0 0 6px #f5ae5223}.system-head>b{color:#f8c47b}.system-body p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:13px 0;border-bottom:1px dashed #ffffff18;font:12px ui-monospace,monospace}.system-body span{color:#8fa7bb}.system-body b{color:#dce8f3}.system-body .warning{color:#ffb882}.system-result{margin-top:16px;padding:15px;border:1px solid #6de1c24a;border-radius:15px;background:#123d3d;display:grid}.system-result small{color:#91cfc3}.trust{border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{display:grid;padding:25px;border-right:1px solid var(--line)}.trust-grid div:last-child{border:0}.trust-grid span{font-size:12px;color:var(--muted)}.section{padding:92px 0}.section--soft{background:var(--soft)}.section--dark{background:var(--navy);color:#fff}.section-head{max-width:780px;margin-bottom:40px}.section-head h2,.risk-grid h2,.safety-grid h2,.about-grid h2,.filter-grid h2,.form-grid h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 14px}.section-head>p:not(.kicker){font-size:18px;color:var(--muted)}.section-head--light>p:not(.kicker){color:#aebed0}.kicker--light{color:#7de6d2}.cards{display:grid;gap:15px}.cards--3{grid-template-columns:repeat(3,1fr)}.cards article{padding:24px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 30px rgba(14,36,62,.045)}.cards article>b{color:var(--blue)}.cards h3{margin:14px 0 8px;font-size:20px}.cards p{margin:0;color:var(--muted)}.risk-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.risk-grid>div>p:not(.kicker){color:#adbed0;font-size:18px}.pills{display:flex;gap:8px;flex-wrap:wrap}.risk-card{padding:26px;border:1px solid #ffffff22;background:#ffffff09;border-radius:22px;display:grid}.risk-card small{color:#98aec1}.risk-card>strong{font-size:24px;color:#f8c27b}.meter{height:10px;background:#ffffff16;border-radius:99px;margin:19px 0;overflow:hidden}.meter i{display:block;width:88%;height:100%;background:linear-gradient(90deg,#f5aa50,#ff5c4d);border-radius:inherit}.risk-card ul{padding-left:20px;color:#bccadb}.selector{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.selector-tabs{display:grid;background:#e8eff5}.selector-tabs button{padding:17px 20px;text-align:left;border:0;border-bottom:1px solid #d7e1ea;background:transparent;color:var(--ink);font:800 14px inherit;cursor:pointer}.selector-tabs button.is-active{background:var(--ink);color:#fff}.selector-result{padding:48px;align-self:center}.selector-result small{color:var(--blue);font-weight:800}.selector-result h3{font-size:32px;margin:7px 0}.selector-result p{font-size:18px;color:var(--muted)}.audit-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.check-grid span{padding:16px 15px 16px 45px;border:1px solid var(--line);border-radius:13px;font-weight:750;position:relative}.check-grid span:before{content:'✓';position:absolute;left:16px;color:#10a47a;font-weight:900}.deliverable{padding:30px;background:var(--ink);color:#fff;border-radius:22px}.deliverable h3{font-size:26px;margin:10px 0}.deliverable ol{padding-left:20px;color:#c4d1de}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.timeline article{padding:19px 14px;border-top:3px solid #59dac4;background:#ffffff09;border-radius:0 0 14px 14px}.timeline b{color:#7de6d2}.timeline h3{font-size:17px;margin:9px 0 4px}.timeline p{margin:0;color:#aebed0;font-size:13px}.process-note{margin-top:22px;padding:17px 20px;border:1px solid #ffffff22;border-radius:14px;color:#b9c8d7}.process-note b{color:#fff}.safety-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.safety-grid>div:first-child>p:not(.kicker){color:var(--muted);font-size:18px}.safety-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.safety-list article{display:grid;grid-template-columns:39px 1fr;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px}.safety-list i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e5f8f2;color:#0b9d73;font-style:normal;font-weight:900}.safety-list h3{margin:0;font-size:17px}.safety-list p{margin:3px 0 0;color:var(--muted);font-size:13px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.case-grid article>span{display:inline-block;padding:6px 10px;border-radius:99px;background:#e9f1ff;color:var(--blue);font-size:11px;font-weight:900}.case-grid h3{font-size:20px}.case-grid p{color:var(--muted)}.disclaimer{font-size:12px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.about-media{position:relative;border-radius:25px;overflow:hidden;box-shadow:var(--shadow);min-height:510px;background:var(--ink)}.about-media>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.about-media:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061526e8)}.about-media button{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;padding:16px;border:1px solid #ffffff30;border-radius:15px;background:#ffffff12;backdrop-filter:blur(10px);color:#fff;cursor:pointer;display:grid;text-align:left}.about-media small{color:#b8c7d5}.about-lead{font-size:19px;color:var(--muted)}.clean-list,.yes-list{padding:0;list-style:none}.clean-list li,.yes-list li{padding-left:29px;margin:10px 0;position:relative}.clean-list li:before,.yes-list li:before{content:'✓';position:absolute;left:0;color:#0da177;font-weight:900}.direct-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.direct-links a{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:800}.direct-links img{width:22px}.filter-section{background:#f8fafc}.filter-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.not-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.not-card li{margin:10px 0;color:var(--muted)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}.faq-grid details{border-top:1px solid #ffffff24;padding:17px 0}.faq-grid summary{cursor:pointer;font-weight:800}.faq-grid p{color:#acbed0}.form-section{background:linear-gradient(135deg,#e7f0f7,#f7fafc)}.form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.form-grid>div>p:not(.kicker){font-size:18px;color:var(--muted)}.form-promise{display:grid;gap:7px;margin-top:24px;padding:19px;border-left:4px solid var(--blue);background:#fff}.form-promise span{color:var(--muted)}.lead-form{padding:28px;background:#fff;border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow);display:grid;gap:14px}.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lead-form label{font-size:13px;font-weight:800}.lead-form input:not([type=checkbox]),.lead-form textarea,.lead-form select{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid #ccd7e3;border-radius:11px;background:#fff;font:inherit;outline:none}.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #1769e812}.agree{display:flex;gap:9px;font-weight:500!important}.agree input{margin-top:5px}.lead-form small{text-align:center;color:var(--muted)}.honeypot{position:absolute;left:-9999px}.final-cta{padding:75px 0;background:linear-gradient(125deg,#082039,#0e3a5e);color:#fff;text-align:center}.final-cta h2{max-width:900px;margin:12px auto 24px;font-size:clamp(32px,4.2vw,54px);line-height:1.08}.final-cta>div>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}footer{padding:35px 0;background:#040d17;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto auto;gap:35px}.footer-grid>div{display:grid}.footer-grid span{color:#8195a8}.footer-grid nav{display:flex;gap:16px}.footer-grid a,.footer-grid button{color:#fff;background:none;border:0;padding:0;text-decoration:none;cursor:pointer}.floating-actions{position:fixed;right:20px;bottom:20px;z-index:45;display:flex;gap:9px}.floating-actions a{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 35px #0003}.floating-actions img{width:100%;height:100%}.floating-actions a:last-child{background:#6046de;padding:11px}.mobile-bar{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.2s}.modal.is-open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:#061526d9;backdrop-filter:blur(10px)}.modal-dialog{position:relative;z-index:2;width:min(480px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 35px 100px #0006}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.success-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#e6f8f2;color:#0c9d74;font-size:25px}.modal-video{width:min(650px,100%);background:#071423;color:#fff;padding:0;overflow:hidden}.modal-video>img,.modal-video video{width:100%;display:block;max-height:76vh;object-fit:cover}.video-placeholder{padding:18px;display:grid}.video-placeholder span{color:#9eb0c1}.cookie{position:fixed;z-index:80;left:18px;right:18px;bottom:18px;max-width:760px;margin:auto;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:15px}.cookie p{margin:0;font-size:13px}.cookie button:not(.btn){border:0;background:none;color:var(--blue);cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:.65s}.reveal.is-visible{opacity:1;transform:none}@media(max-width:980px){.topbar nav{display:none}.hero__grid,.risk-grid,.audit-layout,.safety-grid,.about-grid,.filter-grid,.form-grid{grid-template-columns:1fr}.cards--3,.case-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.about-media{min-height:560px;max-width:520px}.trust-grid{grid-template-columns:repeat(2,1fr)}.selector{grid-template-columns:1fr}.selector-tabs{grid-template-columns:repeat(3,1fr)}.selector-tabs button{border-right:1px solid #d7e1ea}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}@media(max-width:650px){.container{width:min(100% - 26px,1180px)}html{scroll-padding-top:70px}.topbar__inner{height:68px}.brand small{display:none}.header-actions .round-link{display:none}.hero{padding:52px 0}.hero h1{font-size:42px}.lead{font-size:17px}.hero-actions{display:grid}.hero-proof{gap:14px;display:grid;grid-template-columns:repeat(3,1fr)}.system-card{margin-top:10px}.trust-grid,.cards--3,.check-grid,.case-grid,.safety-list,.faq-grid,.field-row{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line);padding:16px}.section{padding:64px 0}.section-head{margin-bottom:28px}.selector-tabs{grid-template-columns:1fr 1fr}.selector-tabs button{padding:14px 12px;font-size:12px}.selector-result{padding:25px 20px}.selector-result h3{font-size:25px}.timeline{grid-template-columns:repeat(2,1fr)}.about-media{min-height:430px}.lead-form{padding:20px}.floating-actions{display:none}.mobile-bar{position:fixed;z-index:60;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));background:#061526;box-shadow:0 -8px 25px #0002}.mobile-bar a{padding:10px 6px;text-align:center;color:#fff;text-decoration:none;font-size:12px;font-weight:800;border-right:1px solid #ffffff22}.mobile-bar a:last-child{border:0}body{padding-bottom:61px}.footer-grid{grid-template-columns:1fr}.footer-grid nav{flex-wrap:wrap}.footer-grid>div:last-child{grid-column:auto}.cookie{bottom:76px;display:grid}.final-cta>div>div{display:grid}.final-cta .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Direct-ready conversion refinements */
.hero-price{margin:16px 0 0;max-width:760px;font-size:15px;line-height:1.55}.hero-price b{font-weight:800}.lead-form label>small{font-weight:500;opacity:.62;font-size:.82em}.hero-proof{flex-wrap:wrap}

/* Direct-ready hero v2 + interaction layer */
.hero-copy{position:relative;z-index:2}.hero__scanline{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(117,224,201,.035) 50%,transparent 100%);transform:translateX(-100%);animation:heroScan 9s ease-in-out infinite;pointer-events:none}.hero-result{margin:-5px 0 16px;font-size:clamp(20px,2.25vw,29px);line-height:1.25;color:#b9cddd;font-weight:650}.hero-result b{color:#fff}.hero .lead strong{color:#fff}.hero-benefits{display:flex;flex-wrap:wrap;gap:9px 18px;margin:21px 0 24px;color:#d9f5ef;font-size:13px;font-weight:750}.hero-benefits span{position:relative}.hero-price{max-width:690px;color:#c3d3df;font-size:13px;margin:16px 0 0}.hero-price b{color:#fff}.hero-proof i{font-style:normal}.upgrade-card{position:relative;background:linear-gradient(155deg,#ffffff0d,#ffffff06);border:1px solid #ffffff25;border-radius:27px;padding:22px;box-shadow:0 35px 90px #0006;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.upgrade-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#75e0c918;filter:blur(35px);right:-80px;bottom:-100px;pointer-events:none}.upgrade-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #ffffff1d;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.upgrade-head span{display:flex;align-items:center;gap:8px;color:#dce8f2}.upgrade-head i{width:9px;height:9px;border-radius:50%;background:#f5ae52;box-shadow:0 0 0 6px #f5ae5223;animation:statusPulse 2s ease-in-out infinite}.upgrade-head b{color:#f6c06f;text-align:right}.upgrade-route{position:relative;display:grid;grid-template-columns:1fr 54px 1fr;gap:10px;align-items:center;padding:22px 0 17px}.upgrade-col{min-width:0}.upgrade-col>small{font-size:9px;letter-spacing:.14em;color:#91a9bd;font-weight:900}.upgrade-col>strong{display:block;margin:3px 0 10px;font-size:13px}.upgrade-col p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 0;border-bottom:1px dashed #ffffff17;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9eb3c5}.upgrade-col p b{color:#fff}.upgrade-col--old p b{color:#f5ba6a}.upgrade-col--new{opacity:.55;transition:opacity .5s}.upgrade-card.is-complete .upgrade-col--new{opacity:1}.upgrade-col--new p b{color:#79e5c8}.upgrade-arrow{text-align:center;color:#75e0c9}.upgrade-arrow span{display:block;font-size:27px;animation:arrowMove 1.5s ease-in-out infinite}.upgrade-arrow small{font-size:8px;color:#8da5b9}.upgrade-progress{height:5px;background:#ffffff12;border-radius:99px;overflow:hidden}.upgrade-progress div{height:100%;width:0;background:linear-gradient(90deg,#2678f0,#75e0c9);border-radius:inherit;transition:width .35s ease}.upgrade-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:10px 0 18px}.upgrade-steps span{font-size:8px;text-align:center;color:#758da3;transition:.3s}.upgrade-steps span.is-active{color:#fff;font-weight:800}.upgrade-steps span.is-done{color:#75e0c9}.upgrade-safe{position:relative;display:flex;align-items:center;gap:11px;background:#0c3c39;border:1px solid #50cbb64f;border-radius:15px;padding:13px 14px}.upgrade-safe>span{font-size:20px}.upgrade-safe div{display:grid}.upgrade-safe small{color:#8edbc9}.upgrade-safe strong{font-size:12px;color:#fff}.scroll-progress{position:fixed;left:0;right:0;top:76px;height:3px;z-index:49;pointer-events:none}.scroll-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#2678f0,#75e0c9);box-shadow:0 0 10px #75e0c977}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.case-grid article,.cards article,.timeline article,.safety-list article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.case-grid article:hover,.cards article:hover,.timeline article:hover,.safety-list article:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(14,36,62,.12);border-color:#bfd2e3}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-50%;bottom:-50%;width:38px;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:translateX(-160px) rotate(18deg);transition:transform .65s}.btn:hover:after{transform:translateX(260px) rotate(18deg)}
@keyframes heroScan{0%,20%{transform:translateX(-100%)}50%,70%{transform:translateX(100%)}100%{transform:translateX(100%)}}@keyframes statusPulse{50%{box-shadow:0 0 0 9px #f5ae520c}}@keyframes arrowMove{50%{transform:translateX(5px)}}
@media(max-width:900px){.upgrade-route{grid-template-columns:1fr 42px 1fr}.upgrade-card{margin-top:10px}.scroll-progress{top:68px}}
@media(max-width:620px){.hero h1{font-size:clamp(39px,12vw,55px)}.hero-result{font-size:20px}.hero-benefits{display:grid;gap:7px}.hero-proof{gap:15px}.upgrade-card{padding:16px}.upgrade-route{grid-template-columns:1fr 28px 1fr;gap:5px}.upgrade-col>strong{font-size:11px}.upgrade-col p{font-size:8.5px}.upgrade-arrow small{display:none}.upgrade-steps span{font-size:7px}.upgrade-safe strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero__scanline,.upgrade-head i,.upgrade-arrow span{animation:none}.reveal{transition:none}}


/* Hero personal block + larger interactive modernization card */
.hero-side{display:grid;gap:14px;min-width:0}
.hero-person{position:relative;display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:16px;padding:12px 15px 12px 12px;border:1px solid #ffffff26;border-radius:24px;background:linear-gradient(135deg,#ffffff12,#ffffff08);box-shadow:0 22px 60px #0004;backdrop-filter:blur(12px);overflow:hidden}
.hero-person:after{content:"";position:absolute;inset:auto -35px -50px auto;width:150px;height:110px;border-radius:50%;background:#75e0c91c;filter:blur(28px);pointer-events:none}
.hero-person__photo{width:92px;height:92px;border-radius:18px;overflow:hidden;border:1px solid #ffffff2d;background:#061526;box-shadow:0 12px 28px #0005}
.hero-person__photo img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block;transform:scale(1.04)}
.hero-person__copy{position:relative;z-index:1;display:grid;line-height:1.18}
.hero-person__copy small{margin-bottom:5px;color:#8ee4d4;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.hero-person__copy strong{font-size:21px;letter-spacing:-.02em;color:#fff}
.hero-person__copy span{margin-top:5px;color:#b9cbda;font-size:12px;font-weight:650}
.hero-person__badge{position:relative;z-index:1;padding:7px 10px;border:1px solid #75e0c94d;border-radius:999px;background:#0c3c39;color:#8ee4d4;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}

.upgrade-card{padding:26px}
.upgrade-head{font-size:13px;padding-bottom:18px}
.upgrade-head i{width:10px;height:10px}
.upgrade-head b{font-size:12px}
.upgrade-route{grid-template-columns:1fr 62px 1fr;gap:13px;padding:25px 0 20px}
.upgrade-col>small{font-size:10px}
.upgrade-col>strong{margin:5px 0 12px;font-size:16px;line-height:1.25}
.upgrade-col p{position:relative;padding:9px 8px;margin:0 -8px;border-radius:9px;font-size:12px;line-height:1.3;transition:background .22s ease,transform .22s ease,color .22s ease}
.upgrade-col p:hover{background:#ffffff0c;transform:translateX(3px)}
.upgrade-col p span{font-weight:650}
.upgrade-col p b{font-size:12px}
.upgrade-arrow span{font-size:34px}
.upgrade-arrow small{font-size:9px;font-weight:700}
.upgrade-progress{height:7px;box-shadow:inset 0 0 0 1px #ffffff08}
.upgrade-progress div{position:relative;box-shadow:0 0 18px #75e0c95c}
.upgrade-progress div:after{content:"";position:absolute;inset:0;width:34%;background:linear-gradient(90deg,transparent,#fff8,transparent);animation:upgradeShine 1.35s linear infinite}
.upgrade-steps{gap:7px;margin:12px 0 20px}
.upgrade-steps span{font-size:9.5px;font-weight:700}
.upgrade-steps span.is-active{transform:translateY(-1px);text-shadow:0 0 12px #ffffff66}
.upgrade-safe{gap:13px;padding:15px 16px;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.upgrade-safe:hover{transform:translateY(-2px);border-color:#75e0c980;background:#0d4742}
.upgrade-safe>span{font-size:24px}
.upgrade-safe small{font-size:11px}
.upgrade-safe strong{font-size:14px;line-height:1.3}
@keyframes upgradeShine{from{transform:translateX(-120%)}to{transform:translateX(340%)}}

@media(max-width:980px){.hero-side{max-width:620px}.hero-person{grid-template-columns:84px 1fr auto}.hero-person__photo{width:84px;height:84px}.hero-person__copy strong{font-size:20px}}
@media(max-width:620px){.hero-person{grid-template-columns:72px 1fr;padding:10px;gap:12px;border-radius:20px}.hero-person__photo{width:72px;height:72px;border-radius:15px}.hero-person__copy small{font-size:9px}.hero-person__copy strong{font-size:17px}.hero-person__copy span{font-size:10.5px}.hero-person__badge{display:none}.upgrade-card{padding:18px}.upgrade-head{font-size:11px}.upgrade-head b{font-size:10px}.upgrade-route{grid-template-columns:1fr 32px 1fr;gap:6px}.upgrade-col>strong{font-size:13px}.upgrade-col p{font-size:10px;padding:8px 4px;margin:0 -4px}.upgrade-col p b{font-size:10px}.upgrade-steps span{font-size:7.5px}.upgrade-safe strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.upgrade-progress div:after{animation:none}}

/* v2: stronger personal presence + larger modernization typography */
.hero-person{grid-template-columns:150px 1fr auto;gap:20px;padding:16px}
.hero-person__photo{width:150px;height:150px;border-radius:24px;box-shadow:0 18px 42px #0007,0 0 0 1px #75e0c91f}
.hero-person__photo img{object-position:center 28%;transform:scale(1.08)}
.hero-person__copy small{font-size:12px}.hero-person__copy strong{font-size:25px}.hero-person__copy span{font-size:14px;line-height:1.35}
.upgrade-card{padding:30px}
.upgrade-head{font-size:15px}.upgrade-head b{font-size:14px}
.upgrade-col>small{font-size:12px}.upgrade-col>strong{font-size:19px}
.upgrade-col p{font-size:14px;padding:11px 9px}.upgrade-col p b{font-size:15px}
.upgrade-arrow span{font-size:40px}.upgrade-arrow small{font-size:11px}
.upgrade-steps span{font-size:11px}.upgrade-safe small{font-size:13px}.upgrade-safe strong{font-size:16px}.upgrade-safe>span{font-size:28px}
@media(max-width:980px){.hero-person{grid-template-columns:125px 1fr auto}.hero-person__photo{width:125px;height:125px}.hero-person__copy strong{font-size:23px}.upgrade-col p{font-size:13px}.upgrade-col p b{font-size:14px}}
@media(max-width:620px){.hero-person{grid-template-columns:100px 1fr;padding:12px}.hero-person__photo{width:100px;height:100px;border-radius:18px}.hero-person__copy small{font-size:9px}.hero-person__copy strong{font-size:18px}.hero-person__copy span{font-size:11px}.upgrade-card{padding:20px}.upgrade-head{font-size:12px}.upgrade-head b{font-size:11px}.upgrade-col>small{font-size:9px}.upgrade-col>strong{font-size:14px}.upgrade-col p{font-size:11px;padding:9px 4px}.upgrade-col p b{font-size:11px}.upgrade-steps span{font-size:8px}.upgrade-safe small{font-size:10px}.upgrade-safe strong{font-size:13px}}

/* Cookie banner click-safety */
.cookie{z-index:99999!important;pointer-events:auto!important}
.cookie *{pointer-events:auto!important}
.cookie .btn{position:relative;z-index:2}
.btn:after{pointer-events:none!important}

/* Cookie banner: explicit hide state after consent */
.cookie.cookie--hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* Conversion improvements */
.case-result{margin-top:12px!important;padding:12px 14px;border-radius:12px;background:#eef9f6;color:#294f49!important;border:1px solid #ccebe3}.case-result b{color:#087d61}.form-extra{border:1px solid var(--line);border-radius:13px;background:#f8fbfd}.form-extra summary{cursor:pointer;padding:13px 15px;font-weight:800;color:var(--ink);list-style:none}.form-extra summary::-webkit-details-marker{display:none}.form-extra summary:after{content:'+';float:right;color:var(--blue);font-size:20px;line-height:1}.form-extra[open] summary:after{content:'−'}.form-extra summary small{font-weight:500;color:var(--muted)}.form-extra__body{display:grid;gap:12px;padding:0 14px 14px}.lead-form>label:first-of-type,.lead-form>label:nth-of-type(2){font-size:15px;font-weight:850}.lead-form>label:first-of-type input,.lead-form>label:nth-of-type(2) input{min-height:54px;font-size:16px}

/* iOS-inspired glass + richer interaction layer */
:root{--glass-bg:rgba(255,255,255,.62);--glass-dark:rgba(10,28,48,.58);--glass-border:rgba(255,255,255,.52);--glass-shadow:0 18px 50px rgba(8,30,58,.16)}
.topbar{background:rgba(248,252,255,.72);-webkit-backdrop-filter:saturate(160%) blur(24px);backdrop-filter:saturate(160%) blur(24px);border-bottom:1px solid rgba(255,255,255,.75);box-shadow:0 8px 30px rgba(13,39,68,.06)}
.upgrade-card,.lead-form,.selector-result,.not-card,.form-promise{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.44));-webkit-backdrop-filter:saturate(145%) blur(22px);backdrop-filter:saturate(145%) blur(22px);border:1px solid rgba(255,255,255,.68);box-shadow:var(--glass-shadow)}
.hero .upgrade-card{background:linear-gradient(145deg,rgba(24,49,73,.56),rgba(8,26,44,.34));border-color:rgba(255,255,255,.24);box-shadow:0 30px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)}
.modal-backdrop{background:rgba(5,17,31,.42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.modal-dialog{background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(160%) blur(28px);backdrop-filter:saturate(160%) blur(28px);border:1px solid rgba(255,255,255,.78);box-shadow:0 30px 100px rgba(3,20,43,.28),inset 0 1px 0 rgba(255,255,255,.7)}

.btn{isolation:isolate;transform:translateZ(0);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,filter .25s ease,border-color .25s ease}
.btn:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 55%);z-index:-1;pointer-events:none}
.btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 30px rgba(12,49,91,.20);filter:saturate(1.08)}
.btn:active{transform:translateY(0) scale(.975);transition-duration:.08s}
.btn--primary{box-shadow:0 10px 24px rgba(23,105,232,.22),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--telegram,.btn--max{box-shadow:0 10px 25px rgba(5,30,55,.10)}
.btn--telegram:hover img,.btn--max:hover img{transform:rotate(-7deg) scale(1.12)}
.btn img{transition:transform .25s cubic-bezier(.2,.8,.2,1)}

.round-link,.floating-actions a,.direct-links a{position:relative;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background .25s ease}
.round-link:before,.floating-actions a:before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid rgba(70,154,255,.38);animation:socialPulse 2.1s ease-out infinite;pointer-events:none}
.floating-actions a:nth-child(2):before{animation-delay:1.05s}
.round-link:hover,.floating-actions a:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 26px rgba(16,75,142,.18)}
.direct-links a{overflow:visible}
.direct-links a img{animation:socialIconBreath 2.2s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(20,92,165,.15))}
.direct-links a:nth-child(2) img{animation-delay:1.1s}
.direct-links a:hover{transform:translateY(-2px)}
@keyframes socialPulse{0%{transform:scale(.86);opacity:.72}70%{transform:scale(1.35);opacity:0}100%{transform:scale(1.35);opacity:0}}
@keyframes socialIconBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.10)}}

.modal--privacy .privacy-dialog{width:min(920px,calc(100vw - 28px));height:min(84vh,860px);padding:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.privacy-dialog__head{padding:24px 60px 18px 26px;border-bottom:1px solid rgba(15,45,77,.09);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.18))}
.privacy-dialog__head small{display:block;color:#657890;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.privacy-dialog__head h2{margin:2px 0 3px;font-size:clamp(22px,3vw,32px)}
.privacy-dialog__head p{margin:0;color:#63738a;font-size:13px}
.privacy-frame{min-height:0;background:rgba(245,249,252,.74)}
.privacy-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.modal--privacy .modal-close{top:18px;right:18px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(15,45,77,.08);box-shadow:0 8px 20px rgba(15,45,77,.09)}
.agree a{font-weight:800;text-decoration-style:dotted;text-underline-offset:3px}
.agree a:hover{color:var(--blue)}

@media(max-width:700px){.modal--privacy .privacy-dialog{height:88vh;width:calc(100vw - 16px);border-radius:24px}.privacy-dialog__head{padding:19px 52px 14px 18px}.privacy-dialog__head p{display:none}.btn:hover{transform:none}.floating-actions a:before{inset:-4px}}
@media(prefers-reduced-motion:reduce){.round-link:before,.floating-actions a:before,.direct-links a img{animation:none!important}.btn:hover,.round-link:hover,.floating-actions a:hover,.direct-links a:hover{transform:none!important}}

/* v3 interactive premium layer */
.upgrade-card,.case-card,.selector-result,.lead-form{--mx:50%;--my:50%}
.upgrade-card:before,.case-card:before,.selector-result:before,.lead-form:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.17),transparent 48%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:0}
.upgrade-card:hover:before,.case-card:hover:before,.selector-result:hover:before,.lead-form:hover:before{opacity:1}
.upgrade-card>* ,.case-card>* ,.selector-result>* ,.lead-form>*{position:relative;z-index:1}
.upgrade-card{transform-style:preserve-3d;will-change:transform}
.upgrade-steps{position:relative}
.upgrade-steps button{appearance:none;border:0;background:transparent;color:#758da3;padding:6px 2px;font:inherit;font-size:11px;font-weight:750;cursor:pointer;border-radius:8px;transition:color .2s ease,background .2s ease,transform .2s ease}
.upgrade-steps button:hover{color:#fff;background:#ffffff0c}
.upgrade-steps button.is-active{color:#fff;background:#ffffff12;transform:translateY(-1px);text-shadow:0 0 12px #ffffff66}
.upgrade-steps button.is-done{color:#75e0c9}
.upgrade-stage{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;margin:-6px 0 16px;padding:12px 14px;border:1px solid #ffffff16;border-radius:14px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);overflow:hidden;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.upgrade-stage:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,#ffffff12,transparent);transition:transform .55s ease;pointer-events:none}
.upgrade-stage.is-changing:after{transform:translateX(110%)}
.upgrade-stage__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffffff12;font-size:20px;box-shadow:inset 0 1px 0 #ffffff18}
.upgrade-stage small{display:block;color:#8edbc9;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.upgrade-stage strong{display:block;color:#fff;font-size:13px;margin:2px 0 3px}
.upgrade-stage p{margin:0;color:#9db1c3;font-size:10.5px;line-height:1.35}
.upgrade-card[data-phase="1"] .upgrade-safe,.upgrade-card[data-phase="4"] .upgrade-safe{border-color:#75e0c982;box-shadow:0 0 24px #75e0c91c}
.upgrade-card[data-phase="2"] .upgrade-col p{background:#ffffff08}
.upgrade-card[data-phase="3"] .upgrade-arrow span{animation:routePulse .8s ease-in-out infinite alternate}
.upgrade-card[data-phase="4"] .upgrade-col--new{filter:saturate(1.15)}
@keyframes routePulse{to{transform:translateX(5px);text-shadow:0 0 16px #75e0c9}}

.case-grid--interactive article{position:relative;overflow:hidden;min-height:370px;transform-style:preserve-3d}
.case-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:150px;padding:3px;margin:17px 0 13px;border:1px solid #d9e5ef;border-radius:999px;background:#f4f8fb;overflow:hidden}
.case-switch i{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#fff;box-shadow:0 4px 12px #193c5e16;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.case-switch.is-after i{transform:translateX(100%)}
.case-switch button{position:relative;z-index:1;border:0;background:transparent;padding:7px 10px;color:#72849a;font-size:11px;font-weight:850;cursor:pointer}
.case-switch button.is-active{color:#1769e8}
.case-panels{position:relative;min-height:150px}
.case-panel{position:absolute;inset:0;opacity:0;transform:translateX(18px) scale(.985);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.case-panel.is-active{position:relative;opacity:1;transform:none;pointer-events:auto}
.case-panel small{display:block;margin-bottom:7px;color:#7b8ca1;font-size:9px;font-weight:900;letter-spacing:.09em}
.case-panel strong{display:block;margin-bottom:8px;font-size:16px;color:#1a334f}
.case-panel[data-case-panel="after"] strong{color:#087d61}
.case-panel[data-case-panel="after"]{padding:13px 14px;border-radius:14px;background:linear-gradient(135deg,#f0fbf7,#f8fffc);border:1px solid #d6eee7}
.case-card.is-after{border-color:#b9dfd4!important;box-shadow:0 22px 55px rgba(8,125,97,.10)!important}

.btn.is-magnetic{will-change:transform}
.btn .magnetic-inner{display:inline-flex;align-items:center;gap:inherit;transition:transform .18s cubic-bezier(.2,.8,.2,1);pointer-events:none}

@media(max-width:700px){.upgrade-steps button{font-size:8px;padding:5px 1px}.upgrade-stage{grid-template-columns:34px 1fr;padding:10px}.upgrade-stage__icon{width:34px;height:34px;font-size:16px}.upgrade-stage p{font-size:9.5px}.case-grid--interactive article{min-height:auto}.case-switch{width:140px}}
@media(prefers-reduced-motion:reduce){.upgrade-card,.case-card,.btn,.btn .magnetic-inner{transform:none!important}.upgrade-stage:after,.upgrade-arrow span{animation:none!important}}

/* ===== Editorial / less-template composition ===== */
@media(min-width:981px){
  /* trust strip: editorial facts instead of four equal cards */
  .trust{position:relative;overflow:hidden;background:#fff}
  .trust:before{content:"17 лет практики · 300+ проектов · 1С-Битрикс";position:absolute;right:-30px;top:-18px;font-size:62px;line-height:1;font-weight:900;letter-spacing:-.05em;color:rgba(16,36,63,.035);white-space:nowrap;pointer-events:none}
  .trust-grid{grid-template-columns:1.25fr .9fr 1.1fr .75fr;align-items:end}
  .trust-grid div{border:0!important;padding:30px 28px 24px;position:relative}
  .trust-grid div+div:before{content:"";position:absolute;left:0;top:33%;height:34%;width:1px;background:var(--line)}
  .trust-grid div:nth-child(1){padding-left:0}
  .trust-grid div:nth-child(1) b{font-size:22px;letter-spacing:-.02em}
  .trust-grid div:nth-child(3){transform:translateY(8px)}

  /* situations: asymmetric editorial mosaic */
  #situations .section-head{margin-left:8%;max-width:850px}
  #situations .cards--3{grid-template-columns:repeat(12,1fr);gap:18px 22px;align-items:stretch}
  #situations .cards article{position:relative;overflow:hidden;border-radius:28px;min-height:210px;padding:31px 32px;box-shadow:none}
  #situations .cards article:nth-child(1){grid-column:1/span 7;min-height:245px;background:linear-gradient(135deg,#f4f8ff,#fff)}
  #situations .cards article:nth-child(2){grid-column:8/span 5;transform:translateY(38px);background:#0c2036;color:#fff;border-color:#0c2036}
  #situations .cards article:nth-child(2) p{color:#aebfd0}
  #situations .cards article:nth-child(2)>b{color:#79e5c8}
  #situations .cards article:nth-child(3){grid-column:1/span 4;margin-top:14px;background:transparent;border:0;border-radius:0;padding-left:0;padding-top:50px}
  #situations .cards article:nth-child(3):before{content:"";position:absolute;left:0;top:25px;width:74px;height:3px;background:var(--blue)}
  #situations .cards article:nth-child(4){grid-column:5/span 8;margin-top:52px;background:linear-gradient(145deg,#fff,#f8fbfd);min-height:225px}
  #situations .cards article:nth-child(5){grid-column:2/span 5;background:#f3f7fa;border-color:transparent;transform:translateY(-8px)}
  #situations .cards article:nth-child(6){grid-column:7/span 6;background:linear-gradient(145deg,#eefbf7,#fff);border-color:#cfe9e1;transform:translateY(20px)}
  #situations .cards article>b{font-size:12px;letter-spacing:.15em}
  #situations .cards h3{font-size:clamp(22px,2vw,29px);line-height:1.12;letter-spacing:-.025em;max-width:540px}
  #situations .cards article:nth-child(1)>b:after,#situations .cards article:nth-child(4)>b:after,#situations .cards article:nth-child(6)>b:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;bottom:-70px;background:radial-gradient(circle,rgba(23,105,232,.10),transparent 65%)}
  #situations .cards article:hover{transform:translateY(-4px)}
  #situations .cards article:nth-child(2):hover{transform:translateY(32px)}
  #situations .cards article:nth-child(6):hover{transform:translateY(16px)}

  /* risk: oversized editorial number instead of generic side card */
  .risk-grid{grid-template-columns:1.25fr .75fr;gap:100px}
  .risk-card{border-radius:34px 8px 34px 34px;transform:rotate(1.2deg);padding:34px;box-shadow:0 35px 90px rgba(0,0,0,.25)}
  .risk-card:before{content:"88%";position:absolute;right:18px;top:-54px;font-size:76px;font-weight:900;letter-spacing:-.07em;color:rgba(255,255,255,.055);transform:rotate(-1.2deg)}

  /* selector: split canvas with offset result */
  .selector{overflow:visible;border:0;background:transparent;box-shadow:none;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}
  .selector-tabs{background:transparent;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .selector-tabs button{border:1px solid #d7e1ea!important;border-radius:999px;background:rgba(255,255,255,.62);padding:15px 18px;text-align:center}
  .selector-tabs button.is-active{background:var(--ink);border-color:var(--ink)!important;box-shadow:0 14px 35px rgba(16,36,63,.16)}
  .selector-result{border-radius:36px 10px 36px 36px;padding:54px 56px;transform:translateY(24px)}
  .selector-result h3{font-size:40px;line-height:1.06;letter-spacing:-.035em}

  /* diagnostics: list feels like a technical sheet, not tiles */
  .audit-layout{grid-template-columns:1.35fr .65fr;gap:55px;align-items:start}
  .check-grid{grid-template-columns:1fr 1fr;gap:0 34px;border-top:1px solid var(--line)}
  .check-grid span{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 8px 15px 34px;background:transparent}
  .check-grid span:before{left:4px}
  .deliverable{border-radius:6px 34px 34px 34px;transform:translateY(36px);position:relative}
  .deliverable:after{content:"КАРТА";position:absolute;right:-18px;bottom:-28px;font-weight:900;font-size:58px;letter-spacing:-.06em;color:rgba(255,255,255,.05);pointer-events:none}

  /* process: flowing timeline, no six equal cards */
  .timeline{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:0;margin-top:70px;padding:10px 0 30px}
  .timeline:before{content:"";position:absolute;left:2%;right:2%;top:42px;height:2px;background:linear-gradient(90deg,#59dac4,#2678f0,#59dac4);opacity:.6}
  .timeline article{position:relative;background:transparent!important;border:0!important;border-radius:0;padding:0 16px 30px;box-shadow:none!important;min-height:155px}
  .timeline article:before{content:"";position:absolute;top:24px;left:18px;width:15px;height:15px;border-radius:50%;background:#061526;border:3px solid #75e0c9;box-shadow:0 0 0 7px rgba(117,224,201,.08)}
  .timeline article:nth-child(1){grid-column:1/span 2}
  .timeline article:nth-child(2){grid-column:3/span 2;transform:translateY(65px)}
  .timeline article:nth-child(3){grid-column:5/span 2}
  .timeline article:nth-child(4){grid-column:7/span 2;transform:translateY(65px)}
  .timeline article:nth-child(5){grid-column:9/span 2}
  .timeline article:nth-child(6){grid-column:11/span 2;transform:translateY(65px)}
  .timeline b{display:block;margin-bottom:44px;font-size:12px;letter-spacing:.12em}
  .timeline h3{font-size:18px}
  .process-note{margin-top:75px;margin-left:auto;width:72%;border-radius:999px;padding:15px 24px}

  /* safety: staggered text rows */
  .safety-list{display:block}
  .safety-list article{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:22px 4px;grid-template-columns:52px 1fr;box-shadow:none!important}
  .safety-list article:nth-child(even){margin-left:12%}
  .safety-list article:hover{transform:translateX(7px);box-shadow:none!important}
  .safety-list i{border-radius:50%}

  /* cases: one feature case + two supporting cases */
  .case-grid{grid-template-columns:1.25fr .75fr;gap:20px;align-items:start}
  .case-grid .case-card{border-radius:30px;box-shadow:none}
  .case-grid .case-card:nth-child(1){grid-row:1/span 2;min-height:570px;padding:38px;background:linear-gradient(145deg,#fff,#f1f7ff)}
  .case-grid .case-card:nth-child(1) h3{font-size:34px;line-height:1.08;letter-spacing:-.035em;max-width:520px}
  .case-grid .case-card:nth-child(2){border-radius:8px 30px 30px 30px;transform:translateX(18px)}
  .case-grid .case-card:nth-child(3){border-radius:30px 30px 8px 30px;transform:translateX(-12px)}
  .case-grid .case-card:nth-child(2):hover{transform:translate(18px,-4px)}
  .case-grid .case-card:nth-child(3):hover{transform:translate(-12px,-4px)}

  /* about: portrait breaks out of strict grid */
  .about-grid{grid-template-columns:.72fr 1.28fr;gap:90px}
  .about-media{border-radius:8px 42px 42px 42px;transform:rotate(-1.1deg);overflow:visible}
  .about-media>img{border-radius:inherit}
  .about-media:after{border-radius:inherit}
  .about-media button{left:auto;right:-42px;bottom:28px;width:72%;transform:rotate(1.1deg);border-radius:999px}
  .about-grid>div:last-child{padding-top:35px}

  /* fit / no-fit: typographic contrast */
  .filter-grid{grid-template-columns:1.3fr .7fr;align-items:center}
  .not-card{border:0;border-left:3px solid #ff8b7e;border-radius:0;background:transparent;box-shadow:none;padding:10px 0 10px 32px}

  /* FAQ: editorial columns with numbered feel */
  .faq-grid{gap:0 54px}
  .faq-grid details{padding:20px 0}
  .faq-grid details:nth-child(odd){transform:translateY(14px)}

  /* form: offset glass panel */
  .form-grid{grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}
  .lead-form{border-radius:38px 10px 38px 38px;transform:rotate(.35deg);padding:34px}
}

@media(max-width:980px){
  #situations .cards article,.risk-card,.selector-result,.deliverable,.case-grid .case-card,.about-media,.lead-form{transform:none!important}
  .process-note{width:auto!important;margin-left:0!important}
}


/* ===== Alignment stability fix =====
   Keep the editorial composition, but remove elements that visually jump
   out of their columns or shift position on hover. */
@media (min-width:981px){
  /* Safety: one clean vertical axis */
  .safety-grid{align-items:start}
  .safety-list article,
  .safety-list article:nth-child(even){
    margin-left:0;
    transform:none!important;
  }
  .safety-list article:hover{
    transform:none!important;
  }

  /* Cases: preserve feature/support hierarchy without lateral jumps */
  .case-grid{
    align-items:stretch;
  }
  .case-grid .case-card:nth-child(1){
    min-height:100%;
  }
  .case-grid .case-card:nth-child(2),
  .case-grid .case-card:nth-child(3),
  .case-grid .case-card:nth-child(2):hover,
  .case-grid .case-card:nth-child(3):hover{
    transform:none!important;
  }

  /* About: portrait and video CTA stay strictly inside the media column */
  .about-grid{align-items:center}
  .about-media{
    transform:none!important;
    overflow:hidden;
    border-radius:30px;
  }
  .about-media button{
    left:24px;
    right:24px;
    bottom:24px;
    width:auto;
    transform:none!important;
    border-radius:18px;
  }

  /* Other editorial offsets that could feel like layout errors */
  .trust-grid div:nth-child(3),
  .selector-result,
  .deliverable,
  .lead-form{
    transform:none!important;
  }

  /* Interactive hover should change light/shadow, not geometry */
  .case-card:hover,
  .safety-list article:hover,
  .about-media:hover{
    translate:none!important;
  }
}

/* Stable geometry for interactive cards */
.case-card,
.safety-list article,
.about-media,
.about-media button{
  backface-visibility:hidden;
}


/* ===== Final grid + motion polish ===== */

/* Desktop: problem cards are a strict 3 x 2 grid */
@media (min-width:981px){
  .problem-mosaic{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .problem-mosaic .problem-card,
  .problem-mosaic .problem-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    width:auto!important;
    min-height:220px!important;
    margin:0!important;
    transform:none!important;
    border-radius:28px!important;
  }

  /* Cases: remove the oversized empty feature-card area.
     Three cases sit on one clean row and keep equal geometry. */
  .case-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .case-grid .case-card,
  .case-grid .case-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    transform:none!important;
  }

  /* Modernization: six equal stages in one row, no alternating vertical jumps */
  .process-timeline{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:start!important;
  }
  .process-timeline::before{
    top:38px!important;
  }
  .process-step,
  .process-step:nth-child(n){
    margin:0!important;
    padding-top:0!important;
    transform:none!important;
    align-self:start!important;
  }
  .process-step .process-num,
  .process-step:nth-child(n) .process-num{
    margin-top:0!important;
  }

  /* General editorial alignment cleanup */
  .problem-mosaic,
  .case-grid,
  .process-timeline,
  .safety-grid,
  .about-grid{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Tablet: two columns instead of awkward offsets */
@media (min-width:641px) and (max-width:980px){
  .problem-mosaic,
  .case-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .problem-mosaic .problem-card,
  .case-grid .case-card{
    grid-column:auto!important;
    grid-row:auto!important;
    margin:0!important;
    transform:none!important;
  }
}

/* Persistent light sweep for primary/action buttons */
.btn,
button.btn,
a.btn,
.social-link,
.video-trigger{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.btn::after,
button.btn::after,
a.btn::after,
.social-link::after,
.video-trigger::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-45%;
  bottom:-45%;
  left:-55%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(
    105deg,
    transparent 0%,
    rgba(255,255,255,.10) 25%,
    rgba(255,255,255,.70) 50%,
    rgba(255,255,255,.10) 75%,
    transparent 100%
  );
  transform:skewX(-18deg) translateX(-260%);
  animation:buttonLightSweep 4.8s cubic-bezier(.4,0,.2,1) infinite;
}

@keyframes buttonLightSweep{
  0%,58%{transform:skewX(-18deg) translateX(-260%);opacity:0}
  63%{opacity:.9}
  82%{transform:skewX(-18deg) translateX(620%);opacity:.9}
  87%,100%{transform:skewX(-18deg) translateX(620%);opacity:0}
}

/* Slightly stagger repeated controls so the page doesn't flash in sync */
.social-link:nth-child(2)::after{animation-delay:1.15s}
.btn:nth-of-type(even)::after{animation-delay:.65s}

@media (prefers-reduced-motion:reduce){
  .btn::after,
  button.btn::after,
  a.btn::after,
  .social-link::after,
  .video-trigger::after{
    animation:none!important;
    display:none!important;
  }
}


/* ===== Social buttons: match the large CTA style ===== */
.lead-section .social-links,
.lead-copy .social-links{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:24px;
}

.lead-section .social-link,
.lead-copy .social-link{
  min-height:72px;
  padding:0 30px;
  border-radius:22px;
  border:1px solid rgba(15,35,60,.10);
  font-size:20px;
  font-weight:700;
  letter-spacing:-.01em;
  box-shadow:0 14px 34px rgba(10,31,52,.08);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

.lead-section .social-link img,
.lead-copy .social-link img{
  width:30px;
  height:30px;
  flex:0 0 30px;
}

/* Telegram — light button */
.lead-section .social-link[href*="t.me"],
.lead-copy .social-link[href*="t.me"]{
  background:rgba(255,255,255,.96)!important;
  color:#0f223b!important;
  border-color:rgba(255,255,255,.85)!important;
}

/* MAX — purple CTA */
.lead-section .social-link[href*="max"],
.lead-copy .social-link[href*="max"]{
  background:linear-gradient(135deg,#7b5cff 0%,#5d36dc 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:
    0 16px 34px rgba(91,54,220,.25),
    inset 0 1px 0 rgba(255,255,255,.30)!important;
}

/* MAX SVG is already white/light; keep its original rendering clean */
.lead-section .social-link[href*="max"] img,
.lead-copy .social-link[href*="max"] img{
  filter:brightness(0) invert(1);
}

.lead-section .social-link:hover,
.lead-copy .social-link:hover{
  transform:translateY(-2px);
}

.lead-section .social-link[href*="t.me"]:hover,
.lead-copy .social-link[href*="t.me"]:hover{
  box-shadow:0 18px 42px rgba(10,31,52,.13);
}

.lead-section .social-link[href*="max"]:hover,
.lead-copy .social-link[href*="max"]:hover{
  box-shadow:
    0 20px 46px rgba(91,54,220,.34),
    inset 0 1px 0 rgba(255,255,255,.35)!important;
}

/* Keep the moving highlight on both social CTAs */
.lead-section .social-link::after,
.lead-copy .social-link::after{
  animation:buttonLightSweep 4.8s cubic-bezier(.4,0,.2,1) infinite;
}

.lead-section .social-link[href*="max"]::after,
.lead-copy .social-link[href*="max"]::after{
  animation-delay:.9s;
}

@media (max-width:640px){
  .lead-section .social-links,
  .lead-copy .social-links{
    gap:10px;
  }
  .lead-section .social-link,
  .lead-copy .social-link{
    min-height:60px;
    padding:0 20px;
    border-radius:18px;
    font-size:17px;
  }
  .lead-section .social-link img,
  .lead-copy .social-link img{
    width:25px;
    height:25px;
    flex-basis:25px;
  }
}


/* ===== Clean privacy modal ===== */
.privacy-dialog{
  padding-top:0!important;
}
.privacy-dialog .privacy-frame{
  border-top:0!important;
  border-radius:inherit!important;
}
.privacy-dialog .modal-close{
  z-index:8;
}


/* ===== Privacy modal without iframe ===== */
.modal--privacy .privacy-dialog{
  width:min(900px,calc(100vw - 32px));
  max-height:min(82vh,860px);
  overflow:hidden;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:28px;
  box-shadow:0 30px 80px rgba(8,24,42,.26);
}

.modal--privacy .privacy-content{
  overflow:auto;
  max-height:min(82vh,860px);
  padding:56px 64px 60px;
  scrollbar-gutter:stable;
}

.modal--privacy .privacy-content .kicker{
  margin:0 0 14px;
}

.modal--privacy .privacy-content h2{
  margin:0 56px 22px 0;
  font-size:clamp(32px,4vw,52px);
  line-height:1.02;
  letter-spacing:-.035em;
}

.modal--privacy .privacy-content h3{
  margin:32px 0 10px;
  font-size:24px;
  line-height:1.2;
}

.modal--privacy .privacy-content p{
  margin:0 0 18px;
  font-size:18px;
  line-height:1.65;
  color:var(--muted,#66758a);
}

.modal--privacy .modal-close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:20;
}

@media (max-width:640px){
  .modal--privacy .privacy-dialog{
    width:calc(100vw - 20px);
    max-height:88vh;
    border-radius:22px;
  }
  .modal--privacy .privacy-content{
    max-height:88vh;
    padding:46px 22px 34px;
  }
  .modal--privacy .privacy-content h2{
    font-size:32px;
    margin-right:34px;
  }
  .modal--privacy .privacy-content h3{
    font-size:21px;
  }
  .modal--privacy .privacy-content p{
    font-size:16px;
  }
}


/* Thank-you page */
.thank-page{min-height:100vh;background:#061526;color:#fff}
.thank-topbar{position:relative;background:rgba(6,21,38,.82);border-bottom-color:#ffffff14}
.thank-topbar .brand strong{color:#fff}.thank-topbar .brand small{color:#9fb5c8}.thank-topbar .brand>b{background:#fff;color:var(--ink)}
.thank-main{position:relative;min-height:calc(100vh - 76px);display:grid;place-items:center;overflow:hidden;padding:64px 0 80px;background:radial-gradient(circle at 78% 15%,#174d70 0,transparent 31%),linear-gradient(125deg,#051221,#0b2d4d)}
.thank-orb{position:absolute;border-radius:50%;filter:blur(45px);pointer-events:none}.thank-orb--one{width:420px;height:420px;right:-130px;bottom:-120px;background:#55d8c625}.thank-orb--two{width:280px;height:280px;left:-100px;top:12%;background:#2678f020}
.thank-wrap{position:relative;z-index:2;display:flex;justify-content:center}
.thank-card{width:min(780px,100%);padding:54px;border:1px solid #ffffff25;border-radius:30px;background:linear-gradient(145deg,#ffffff12,#ffffff08);box-shadow:0 38px 95px #0006;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.thank-icon{width:74px;height:74px;margin-bottom:25px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#75e0c9,#33b99e);color:#06281f;font-size:38px;font-weight:950;box-shadow:0 18px 45px #52d2b63d}
.thank-card h1{font-size:clamp(40px,6vw,66px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 18px;max-width:690px}
.thank-lead{margin:0;max-width:670px;color:#c7d6e3;font-size:19px;line-height:1.7}
.thank-next{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:34px 0}
.thank-next>div{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:16px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff08}
.thank-next>div>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#75e0c91a;color:#8ee4d4;font-weight:900}
.thank-next p{display:grid;margin:0;line-height:1.35}.thank-next b{font-size:13px}.thank-next small{margin-top:5px;color:#91a8bb;font-size:11px;line-height:1.4}
.thank-actions{display:flex;gap:10px;flex-wrap:wrap}.thank-actions .btn--telegram{border:1px solid #ffffff25;background:#fff}.thank-note{margin:18px 0 0;color:#91a8bb;font-size:13px}
@media(max-width:700px){.thank-main{padding:32px 0 54px;place-items:start center}.thank-card{padding:30px 22px;border-radius:23px}.thank-icon{width:62px;height:62px;border-radius:18px;font-size:31px}.thank-card h1{font-size:39px}.thank-lead{font-size:17px}.thank-next{grid-template-columns:1fr}.thank-actions{display:grid}.thank-actions .btn{width:100%}.thank-topbar .topbar__inner{height:68px}}

/* Mobile readability + stable header CTA */
@media (max-width:650px){
  body{font-size:18px;line-height:1.65}
  .topbar__inner{height:76px;gap:12px}
  .brand{gap:10px;min-width:0;flex:1 1 auto;margin-right:0}
  .brand>b{width:46px;height:46px;min-width:46px;border-radius:14px;font-size:18px}
  .brand>span{min-width:0}
  .brand strong{font-size:18px;line-height:1.15}
  .header-actions{flex:0 0 auto;min-width:0}
  .header-actions .btn--small{width:auto;max-width:152px;min-height:48px;padding:10px 15px;border-radius:14px;font-size:15px;line-height:1.15;text-align:center;white-space:normal}

  .hero{padding:58px 0}
  .eyebrow,.kicker{font-size:14px;line-height:1.45;letter-spacing:.09em}
  .hero h1{font-size:clamp(42px,12vw,54px);line-height:1.03}
  .hero-result{font-size:23px;line-height:1.35}
  .lead{font-size:19px;line-height:1.65}
  .hero-benefits{font-size:16px;line-height:1.5;gap:11px}
  .hero-price{font-size:16px;line-height:1.55}
  .hero-proof{font-size:14px;line-height:1.4}
  .hero-proof b{font-size:17px}

  .section-head h2,.risk-grid h2,.safety-grid h2,.about-grid h2,.filter-grid h2,.form-grid h2{font-size:36px;line-height:1.1}
  .section-head>p:not(.kicker),.risk-grid>div>p:not(.kicker),.safety-grid>div:first-child>p:not(.kicker){font-size:18px;line-height:1.65}
  .cards h3,.case-grid h3{font-size:22px}
  .cards p,.case-grid p{font-size:17px;line-height:1.6}
  .selector-tabs button{font-size:15px;line-height:1.3;padding:16px 13px}
  .selector-result h3{font-size:29px}
  .selector-result p{font-size:18px;line-height:1.6}
  .timeline h3{font-size:19px}.timeline p{font-size:15px;line-height:1.5}
  .safety-list h3{font-size:19px}.safety-list p{font-size:15px;line-height:1.5}
  .btn{font-size:17px;min-height:54px}
  .lead-form label{font-size:17px}.lead-form input,.lead-form select,.lead-form textarea{font-size:17px}
  .lead-form>small,.disclaimer{font-size:14px;line-height:1.5}
  .mobile-bar a{font-size:14px}
}

@media (max-width:390px){
  .container{width:min(100% - 20px,1180px)}
  .brand strong{font-size:16px}
  .brand>b{width:42px;height:42px;min-width:42px}
  .header-actions .btn--small{max-width:132px;padding:9px 11px;font-size:14px}
}

/* Mobile action dock — distinct tactile buttons */
@media (max-width:650px){
  .mobile-bar{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:10px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));
    background:rgba(6,21,38,.96);
    border-top:1px solid rgba(255,255,255,.09);
    box-shadow:0 -12px 32px rgba(0,0,0,.22);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .mobile-bar .mobile-bar__btn{
    min-width:0;
    min-height:56px;
    padding:8px 5px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:15px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    color:#fff;
    font-size:12px;
    font-weight:850;
    line-height:1.1;
    text-align:center;
    text-decoration:none;
    box-shadow:0 5px 15px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.12);
    transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-bar .mobile-bar__btn:active{
    transform:translateY(2px) scale(.97);
    box-shadow:0 2px 7px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
    filter:brightness(.95);
  }
  .mobile-bar__btn img{
    width:23px;
    height:23px;
    object-fit:contain;
    flex:0 0 auto;
  }
  .mobile-bar__icon{
    height:23px;
    display:grid;
    place-items:center;
    font-size:19px;
    line-height:1;
  }
  .mobile-bar__btn--telegram{
    background:linear-gradient(180deg,#159bd7,#087fbe);
  }
  .mobile-bar__btn--diagnostics{
    background:linear-gradient(180deg,#2479ef,#1458c7);
    border-color:rgba(116,180,255,.52)!important;
    box-shadow:0 7px 20px rgba(23,105,232,.32),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
  .mobile-bar__btn--max{
    background:linear-gradient(180deg,#7259ea,#5940cf);
  }
  body{padding-bottom:82px}
  .cookie{bottom:94px}
}
@media (max-width:390px){
  .mobile-bar{gap:6px;padding-left:7px;padding-right:7px}
  .mobile-bar .mobile-bar__btn{min-height:54px;font-size:11px;border-radius:13px}
  .mobile-bar__btn img{width:21px;height:21px}
}