/* Землетека — демо-сайт. Раскладка по образцу autoteka.ru, тона и шрифт — редизайн Биржи-Земли.РФ (evergreen-v1). */
@font-face{font-family:ZtManrope;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-0.woff2') format('woff2')}
@font-face{font-family:ZtManrope;font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-1.woff2') format('woff2')}
@font-face{font-family:ZtManrope;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-2.woff2') format('woff2')}
@font-face{font-family:ZtManrope;font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-3.woff2') format('woff2')}
@font-face{font-family:ZtManrope;font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-4.woff2') format('woff2')}

:root{
  --bg:#f4f6f1;--surface:#fff;--ink:#24372f;--head:#183e34;--soft:#506857;--faint:#68796d;
  --line:#d9e3dd;--card-line:#cfdac6;--brand:#42755b;--brand-h:#315b45;--brand-soft:#e9f0e7;--brand-soft-h:#dfe9dc;
  --mint:#e5ede1;--dark:#213a31;--dark-2:#2b483d;--footer:#e9f0e7;--footer-ink:#3f5546;
  --ok:#2f7350;--ok-soft:#e3efe5;--calm:#4f7a64;--calm-soft:#edf3ee;--warn:#9a6a1c;--warn-soft:#f6eddb;--risk:#a53434;--risk-soft:#f8e4e0;--none:#6d7b72;--none-soft:#eef1ee;
  --r-card:20px;--r-btn:12px;--shadow:0 12px 28px rgba(41,74,52,.07);--shadow-lg:0 24px 60px rgba(28,58,44,.16);
  --wrap:1120px;--gutter:24px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;font-family:ZtManrope,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='600' viewBox='0 0 480 600' fill='none' stroke='%2345745b' stroke-opacity='.055'%3E%3Cpath d='M-90 20C220 20-80 330 170 380S220 580 490 570M-90 45C195 45-105 350 145 405S195 605 490 595M-90 70C170 70-130 370 120 430S170 630 490 620M-90 95C145 95-155 390 95 455S145 655 490 645M-90 120C120 120-180 410 70 480S120 680 490 670'/%3E%3C/svg%3E");background-position:left 160px;background-repeat:repeat-y}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-h)}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid rgba(66,117,91,.45);outline-offset:2px;border-radius:6px}
.wrap{max-width:calc(var(--wrap) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3,h4{color:var(--head);margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.15}
h1{font-size:clamp(30px,5vw,54px);letter-spacing:-.04em;line-height:1.06}
h2{font-size:clamp(24px,3.2vw,36px);letter-spacing:-.03em}
h3{font-size:19px;font-weight:750;letter-spacing:-.01em}
p{margin:0}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--soft);line-height:1.55}
.muted{color:var(--soft)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:.03em;color:var(--brand-h)}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r-btn);border:1px solid transparent;font-weight:700;font-size:14px;line-height:1.2;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s;text-align:center;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 3px 8px rgba(14,128,108,.09)}
.btn-primary:hover{background:var(--brand-h);color:#fff}
.btn-outline{background:#fff;color:#24533d;border-color:#9dbba8}
.btn-outline:hover{border-color:var(--brand);color:var(--brand-h)}
.btn-soft{background:var(--brand-soft);color:var(--brand-h)}
.btn-soft:hover{background:var(--brand-soft-h);color:var(--brand-h)}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:#18302a;color:#fff}
.btn-lg{min-height:52px;padding:14px 24px;font-size:15px}
.link-arrow{font-weight:700;display:inline-flex;gap:6px;align-items:center}
.link-arrow span{transition:transform .18s}
.link-arrow:hover span{transform:translateX(3px)}

/* Header */
.zt-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.zt-header .wrap{display:flex;align-items:center;gap:28px;height:72px}
.zt-logo{display:flex;align-items:center;flex:none}
.zt-logo img{height:34px;width:auto}
.zt-hsearch{flex:1;max-width:420px;display:flex;opacity:1;transition:opacity .2s}
.zt-hsearch.is-hidden{opacity:0;pointer-events:none}
.zt-hsearch input{flex:1;min-width:0;height:42px;border:1px solid #e0e8e3;background:#f4f7f5;border-radius:var(--r-btn) 0 0 var(--r-btn);padding:0 14px;font-size:14px}
.zt-hsearch input::placeholder{color:#8a988e}
.zt-hsearch input:focus{outline:none;border-color:var(--brand);background:#fff}
.zt-hsearch button{height:42px;border-radius:0 var(--r-btn) var(--r-btn) 0;min-height:0;padding:0 16px;font-size:13px}
.zt-nav{display:flex;align-items:center;gap:22px;margin-left:auto}
.zt-nav a{color:var(--ink);font-weight:650;font-size:14px;position:relative;padding:6px 0}
.zt-nav a:hover{color:var(--brand)}
.zt-nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--brand)}
.zt-nav .btn{min-height:40px;padding:8px 18px;font-size:13px}
.zt-topbar{display:none}
.zt-hicon{display:none}

/* Hero */
.zt-hero{padding:44px 0 28px}
.zt-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.zt-promo{display:inline-flex;align-items:center;gap:14px;padding:9px 10px 9px 12px;border-radius:16px;background:#fff;border:1px solid var(--card-line);box-shadow:var(--shadow);margin-bottom:26px;max-width:100%}
.zt-promo img{height:20px;width:auto}
.zt-promo b{display:block;font-size:13px;color:var(--head);line-height:1.3}
.zt-promo small{display:block;font-size:12px;color:var(--soft);line-height:1.3}
.zt-promo .btn{min-height:32px;padding:6px 12px;font-size:12px;border-radius:10px}
.zt-hero h1{max-width:620px}
.zt-hero .lead{margin-top:18px;max-width:560px}
.zt-price{margin-top:18px;display:inline-flex;align-items:center;gap:10px;border-radius:12px;background:var(--brand-soft);padding:8px 14px}
.zt-price span{font-size:14px;color:var(--soft)}
.zt-price b{font-size:19px;font-weight:800;color:var(--brand-h)}
.zt-search{margin-top:24px;display:flex;max-width:560px;background:#fff;border:1px solid var(--card-line);border-radius:16px;padding:6px;box-shadow:var(--shadow)}
.zt-search label{flex:1;display:flex;align-items:center;gap:10px;padding:0 10px 0 12px;min-width:0}
.zt-search svg{flex:none;width:20px;height:20px;color:#7d8d82}
.zt-search input{flex:1;min-width:0;border:0;background:transparent;height:48px;font-size:16px;font-weight:600;letter-spacing:.01em}
.zt-search input::placeholder{color:#94a197;font-weight:500}
.zt-search input:focus{outline:none}
.zt-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(66,117,91,.12)}
.zt-search .btn{min-height:50px;padding:0 22px;font-size:15px}
.zt-search-error{margin-top:8px;font-size:13px;color:var(--risk);min-height:20px}
.zt-hero-links{margin-top:4px;display:flex;gap:22px;flex-wrap:wrap}
.zt-hero-links a,.zt-hero-links button{font-weight:650;font-size:14px;color:var(--brand);background:none;border:0;padding:0;cursor:pointer}
.zt-hero-links a:hover,.zt-hero-links button:hover{color:var(--brand-h);text-decoration:underline;text-underline-offset:3px}

/* Hero visual: участок + телефон с отчётом */
.zt-visual{position:relative;padding:0 0 70px}
.zt-photo{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow-lg);background:#cfdac6}
.zt-photo img{width:100%;height:100%;object-fit:cover}
.zt-photo svg{position:absolute;inset:0;width:100%;height:100%}
.zt-parcel{fill:rgba(233,240,231,.18);stroke:#fff;stroke-width:.45;stroke-dasharray:1.6 1;vector-effect:non-scaling-stroke;animation:zt-dash 14s linear infinite}
@keyframes zt-dash{to{stroke-dashoffset:-40}}
.zt-tag{position:absolute;left:10%;top:12%;display:flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(24,48,40,.72);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.zt-tag i{width:8px;height:8px;border-radius:50%;background:#9fd3b4;box-shadow:0 0 0 4px rgba(159,211,180,.25)}
.zt-phone{position:absolute;right:-6px;bottom:0;width:236px;border-radius:34px;background:#14231d;padding:9px;box-shadow:0 30px 60px rgba(20,40,30,.32)}
.zt-phone-screen{border-radius:26px;background:#fff;overflow:hidden;padding:16px 14px 12px}
.zt-phone-notch{width:72px;height:6px;border-radius:6px;background:#e3e9e5;margin:-6px auto 12px}
.zt-phone-head{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:var(--soft)}
.zt-phone-head img{width:16px;height:16px}
.zt-phone b.cad{display:block;margin-top:8px;font-size:15px;color:var(--head);letter-spacing:-.01em}
.zt-phone small{display:block;font-size:10.5px;color:var(--soft);line-height:1.35}
.zt-phone .map{margin:10px 0 8px;border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#f3f6f3}
.zt-phone .map img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.zt-phone ul{list-style:none;margin:0;padding:0}
.zt-phone li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #edf1ee;font-size:10.5px;font-weight:600;color:var(--ink)}
.zt-phone li:last-child{border-bottom:0}
.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.dot.warn{background:#c8912f}.dot.risk{background:#c84a3d}.dot.none{background:#a5b0a8}.dot.calm{background:var(--calm)}

/* Offer cards (как «Зарубежные отчёты / Для себя / Для бизнеса») */
.zt-offers{padding:8px 0 20px}
.zt-banner{display:flex;align-items:center;gap:18px;padding:18px 20px;border-radius:var(--r-card);background:#fff;border:1px solid var(--card-line);box-shadow:var(--shadow)}
.zt-banner .ico{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h)}
.zt-banner .ico svg{width:24px;height:24px}
.zt-banner h3{font-size:17px}
.zt-banner p{font-size:14px;color:var(--soft);margin-top:2px}
.zt-banner .btn{margin-left:auto;flex:none}
.zt-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.zt-offer{position:relative;overflow:hidden;padding:24px 24px 22px;border-radius:var(--r-card);background:#fff;border:1px solid var(--card-line);box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:220px}
.zt-offer.dark{background:var(--dark);border-color:var(--dark);color:#dfe9e2}
.zt-offer.dark h3{color:#fff}
.zt-offer .tag{font-size:12px;font-weight:750;color:var(--brand-h);letter-spacing:.02em}
.zt-offer.dark .tag{color:#a9d1b9}
.zt-offer h3{margin-top:6px;font-size:21px}
.zt-offer p{margin-top:8px;font-size:14px;color:var(--soft);max-width:330px}
.zt-offer.dark p{color:#c9d8ce}
.zt-offer ul{margin:12px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--soft)}
.zt-offer.dark ul{color:#c9d8ce}
.zt-offer li{display:flex;gap:8px;padding:2px 0}
.zt-offer li::before{content:"";flex:none;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--brand)}
.zt-offer.dark li::before{background:#9fd3b4}
.zt-offer .row{margin-top:auto;padding-top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.zt-offer .sum{font-size:22px;font-weight:800;color:var(--head);margin-right:6px}
.zt-offer.dark .sum{color:#fff}
.zt-offer .deco{position:absolute;right:-20px;bottom:-24px;width:150px;height:150px;opacity:.9;pointer-events:none}
.zt-offer.dark .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.zt-offer.dark .btn-outline:hover{border-color:#fff}

/* Sections */
.zt-sec{padding:72px 0}
.zt-sec-head{max-width:760px}
.zt-sec-head p{margin-top:12px}
.zt-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}
.zt-benefit .art{height:132px;border-radius:var(--r-card);background:#fff;border:1px solid var(--card-line);display:grid;place-items:center;margin-bottom:20px;overflow:hidden;position:relative}
.zt-benefit .art svg{width:100%;height:100%}
.zt-benefit h3{font-size:20px}
.zt-benefit p{margin-top:10px;color:var(--soft)}

/* What we check */
.zt-checks{background:var(--mint);border-top:1px solid #d6e2d2;border-bottom:1px solid #d6e2d2}
.zt-tabs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;margin-top:32px;align-items:start}
.zt-tablist{display:flex;flex-direction:column;gap:2px}
.zt-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px 16px;border-radius:14px;border:0;background:transparent;cursor:pointer;font-weight:700;font-size:15.5px;color:var(--head);transition:background .18s}
.zt-tab:hover{background:rgba(255,255,255,.55)}
.zt-tab[aria-selected=true]{background:#fff;box-shadow:0 6px 18px rgba(41,74,52,.07)}
.zt-tab .ring{flex:none;width:20px;height:20px;border-radius:50%;opacity:0}
.zt-tab[aria-selected=true] .ring{opacity:1;background:conic-gradient(var(--brand) calc(var(--p,0)*1%),#dfe8de 0);-webkit-mask:radial-gradient(circle,transparent 6px,#000 6.5px);mask:radial-gradient(circle,transparent 6px,#000 6.5px)}
.zt-tabs.is-paused .zt-tab[aria-selected=true] .ring{background:var(--brand)}
.zt-tablist .link-arrow{margin:22px 0 0 16px}
.zt-panel h3{font-size:20px}
.zt-panel p{margin-top:8px;color:var(--soft);max-width:520px}
.zt-shot{margin-top:22px;border-radius:var(--r-card);background:#fff;box-shadow:var(--shadow-lg);padding:14px;position:relative;overflow:hidden}
.zt-shot img{width:100%;height:auto;max-height:430px;object-fit:cover;object-position:top;border-radius:8px}
.zt-shot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.zt-shot .cap{position:absolute;left:16px;bottom:12px;z-index:1;font-size:12px;font-weight:700;color:var(--faint)}
.zt-panel[hidden]{display:none}
.zt-cards{display:none}

/* Sources (как «самая полная база») */
.zt-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.zt-source{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--card-line)}
.zt-source .ico{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h)}
.zt-source .ico svg{width:21px;height:21px}
.zt-source b{display:block;color:var(--head);font-size:15px;line-height:1.3}
.zt-source small{display:block;margin-top:4px;color:var(--soft);font-size:13px;line-height:1.45}

/* CTA */
.zt-cta{padding:12px 0 24px}
.zt-cta-box{border-radius:28px;background:var(--dark);color:#d4e2d8;padding:44px;position:relative;overflow:hidden}
.zt-cta-box h2{color:#fff;max-width:640px}
.zt-cta-box .lead{color:#bcd0c3;margin-top:12px;max-width:560px}
.zt-cta-box .zt-search{border-color:transparent;box-shadow:none}
.zt-cta-box .zt-hero-links a,.zt-cta-box .zt-hero-links button{color:#a9d1b9}
.zt-cta-box .zt-search-error{color:#ffb4a8}
.zt-cta-box .contour{position:absolute;right:-60px;top:-40px;width:520px;height:420px;opacity:.16;pointer-events:none}

/* FAQ */
.zt-faq{max-width:860px;margin-top:24px}
.zt-faq details{border-bottom:1px solid var(--line)}
.zt-faq summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:flex-start;padding:18px 0;font-weight:750;font-size:17px;color:var(--head)}
.zt-faq summary::-webkit-details-marker{display:none}
.zt-faq summary::before{content:"";flex:none;width:20px;height:20px;margin-top:3px;background:linear-gradient(var(--brand),var(--brand)) center/14px 2px no-repeat,linear-gradient(var(--brand),var(--brand)) center/2px 14px no-repeat;transition:transform .2s}
.zt-faq details[open] summary::before{transform:rotate(45deg)}
.zt-faq .a{padding:0 0 20px 34px;color:var(--soft);max-width:760px}
.zt-faq .a p+p,.zt-faq .a p+ul,.zt-faq .a ul+p{margin-top:10px}
.zt-faq .a ul{margin:8px 0 0;padding-left:18px}
.zt-faq .a li{margin:4px 0}
.zt-faq .a b{color:var(--ink)}
.zt-more{margin-top:20px;color:var(--soft)}

/* Footer */
.zt-footer{margin-top:72px;background:var(--footer);color:var(--footer-ink);padding:48px 0 32px;border-top:1px solid #d6e2d2}
.zt-fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.zt-fbrand img{height:30px;width:auto}
.zt-fbrand p{margin-top:14px;font-size:13px;line-height:1.6;max-width:340px}
.zt-fcol h4{font-size:14px;color:var(--head);margin-bottom:12px;letter-spacing:0}
.zt-fcol a{display:block;color:var(--footer-ink);font-size:14px;padding:5px 0}
.zt-fcol a:hover{color:var(--brand-h)}
.zt-fcol .free{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#fff;font-size:11px;font-weight:700;color:var(--brand-h);vertical-align:1px}
.zt-fbottom{margin-top:36px;padding-top:22px;border-top:1px solid #cfdccb;display:flex;gap:28px;justify-content:space-between;align-items:flex-end}
.zt-fbottom p{font-size:12.5px;line-height:1.75}
.zt-fbottom a{color:var(--footer-ink);text-decoration:underline;text-decoration-color:rgba(63,85,70,.35);text-underline-offset:2px}
.zt-fproject{flex:none;text-align:right;font-size:12px}
.zt-fproject img{height:24px;width:auto;margin-top:6px;margin-left:auto}

/* Modal */
.zt-modal{border:0;border-radius:24px;padding:0;max-width:560px;width:calc(100% - 32px);box-shadow:var(--shadow-lg);color:var(--ink)}
.zt-modal::backdrop{background:rgba(22,40,32,.48);backdrop-filter:blur(2px)}
.zt-modal-body{padding:28px}
.zt-modal h2{font-size:24px}
.zt-modal ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:s}
.zt-modal li{counter-increment:s;display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.zt-modal li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h);font-weight:800;font-size:13px}
.zt-modal li b{display:block;color:var(--head)}
.zt-modal li span{display:block;color:var(--soft);font-size:14px;margin-top:2px}
.zt-modal .close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:0;background:var(--brand-soft);cursor:pointer;display:grid;place-items:center;color:var(--brand-h)}
.zt-modal .ex{margin-top:14px;font-size:13px;color:var(--soft)}
.zt-modal code{font-family:inherit;font-weight:700;color:var(--head);background:var(--brand-soft);padding:1px 6px;border-radius:6px}

/* Inner pages */
.zt-page{padding:36px 0 0}
.crumbs{font-size:13px;color:var(--faint);margin-bottom:18px}
.crumbs a{color:var(--faint)}
.crumbs a:hover{color:var(--brand)}
.card{background:#fff;border:1px solid var(--card-line);border-radius:var(--r-card);box-shadow:var(--shadow)}
.zt-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:start}
.zt-steps{border-radius:var(--r-card);background:var(--dark);color:#dce7df;padding:24px}
.zt-steps h3{color:#fff;font-size:17px}
.zt-steps ol{list-style:none;margin:14px 0 0;padding:0;counter-reset:s}
.zt-steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;padding:8px 0;font-size:14px}
.zt-steps li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:12px;color:#fff}
.zt-note{border-radius:14px;border:1px solid var(--card-line);background:#f7f9f5;padding:14px 16px;font-size:12.5px;color:var(--soft);line-height:1.6}
.zt-note b{color:var(--ink)}
.zt-what{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zt-what .item{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--card-line)}
.zt-what .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h)}
.zt-what .ico svg{width:20px;height:20px}
.zt-what b{display:block;margin-top:10px;color:var(--head);font-size:15px;line-height:1.3}
.zt-what small{display:block;margin-top:4px;color:var(--soft);font-size:13px;line-height:1.45}
.zt-order{padding:24px}
.zt-order .cadline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--brand-soft);margin-top:14px}
.zt-order .cadline b{font-size:18px;color:var(--head);letter-spacing:.01em}
.zt-order .cadline small{color:var(--soft);font-size:13px}
.zt-order .kinds{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.zt-order .kinds label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--card-line);font-size:13px;font-weight:650;cursor:pointer;background:#fff}
.zt-order .kinds input{accent-color:var(--brand)}
.zt-order .kinds label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand-h)}
.zt-order .total{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.zt-order .total b{font-size:26px;color:var(--head)}
.zt-order .actions{display:grid;gap:10px;margin-top:16px}
.zt-order .fine{margin-top:12px;font-size:12px;color:var(--faint);text-align:center}
.zt-edit{display:flex;gap:8px;margin-top:14px}
.zt-edit input{flex:1;min-width:0;height:46px;border:1px solid #e0e8e3;background:#f4f7f5;border-radius:12px;padding:0 14px;font-size:15px;font-weight:600}
.zt-edit input:focus{outline:none;border-color:var(--brand);background:#fff}

/* Example report page */
.zt-report-head{padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.zt-report-head .thumb{width:120px;border-radius:10px;border:1px solid var(--line);box-shadow:0 8px 20px rgba(41,74,52,.1)}
.zt-report-head h1{font-size:clamp(26px,3.4vw,38px)}
.zt-report-head .meta{margin-top:8px;color:var(--soft);font-size:14px}
.zt-report-head .acts{display:grid;gap:10px}
.zt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.zt-kpi{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--card-line)}
.zt-kpi small{display:block;font-size:12px;color:var(--faint);font-weight:650}
.zt-kpi b{display:block;margin-top:4px;color:var(--head);font-size:17px;line-height:1.3}
.zt-summary{padding:24px 28px;margin-top:16px}
.zt-summary ul{margin:12px 0 0;padding:0;list-style:none}
.zt-summary li{display:flex;gap:12px;padding:8px 0;border-top:1px solid #eef2ef}
.zt-summary li:first-child{border-top:0}
.zt-summary li .dot{margin-top:8px}
.zt-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;margin-top:40px;align-items:start}
.zt-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.zt-toc a{color:var(--soft);padding:7px 12px;border-radius:10px;font-weight:600;line-height:1.35}
.zt-toc a:hover{background:#fff;color:var(--head)}
.zt-toc a.on{background:#fff;color:var(--head);box-shadow:0 4px 12px rgba(41,74,52,.06)}
.zt-toc .btn{margin-top:12px}
.zt-block{padding:24px 28px;scroll-margin-top:96px}
.zt-block+.zt-block{margin-top:16px}
.zt-block h2{font-size:22px}
.zt-block .sub{margin-top:6px;color:var(--soft);font-size:14px}
.zt-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}
.zt-table th{text-align:left;font-size:12px;font-weight:700;color:var(--faint);padding:8px 10px;border-bottom:1px solid var(--line);letter-spacing:.02em}
.zt-table td{padding:12px 10px;border-bottom:1px solid #eef2ef;vertical-align:top}
.zt-table td:first-child{font-weight:700;color:var(--head);width:24%}
.zt-table tr:last-child td{border-bottom:0}
.zt-table .next{color:var(--soft);font-size:13px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:750;white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip.ok{background:var(--ok-soft);color:var(--ok)}
.chip.calm{background:var(--calm-soft);color:var(--calm)}
.chip.warn{background:var(--warn-soft);color:var(--warn)}
.chip.risk{background:var(--risk-soft);color:var(--risk)}
.chip.none{background:var(--none-soft);color:var(--none)}
.zt-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.zt-road{margin:14px 0 0;padding:0;list-style:none;counter-reset:r}
.zt-road li{counter-increment:r;display:flex;gap:14px;padding:12px 0;border-top:1px solid #eef2ef}
.zt-road li::before{content:counter(r);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h);font-weight:800;font-size:13px}
.zt-road li.red::before{background:var(--risk-soft);color:var(--risk)}
.zt-road li.red{color:var(--risk);font-weight:700}
.zt-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.zt-pagecard{display:block;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff;transition:box-shadow .18s,transform .18s}
.zt-pagecard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.zt-pagecard img{width:100%;height:auto;aspect-ratio:1100/1556;object-fit:cover}
.zt-pagecard span{display:block;padding:10px 12px;font-size:13px;font-weight:700;color:var(--head);border-top:1px solid var(--line)}

/* Help page */
.zt-help{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.zt-contact{padding:22px;position:sticky;top:96px}
.zt-contact h3{font-size:18px}
.zt-contact p{margin-top:8px;color:var(--soft);font-size:14px}
.zt-contact a.row{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);color:var(--ink);font-weight:650;font-size:14px}
.zt-contact a.row:hover{color:var(--brand)}
.zt-contact a.row .ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h)}
.zt-contact a.row .ico svg{width:18px;height:18px}
.zt-contact a.row small{display:block;font-weight:500;color:var(--soft);font-size:12px}
.zt-login{max-width:620px;margin:0 auto;padding:36px;text-align:center}
.zt-login .ico{width:64px;height:64px;border-radius:18px;margin:0 auto;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-h)}
.zt-login .ico svg{width:30px;height:30px}
.zt-login h1{font-size:clamp(26px,3.6vw,36px);margin-top:18px}
.zt-login p{margin-top:12px;color:var(--soft)}
.zt-login .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.zt-login .hint{margin-top:18px;font-size:13px;color:var(--faint)}

/* Tablet */
@media (max-width:1020px){
  .zt-header .wrap{gap:18px}
  .zt-hsearch{display:none}
  .zt-hero .wrap{grid-template-columns:1fr;gap:28px}
  .zt-visual{max-width:640px}
  .zt-tabs{grid-template-columns:1fr 1fr;gap:28px}
  .zt-sources{grid-template-columns:1fr 1fr}
  .zt-fgrid{grid-template-columns:1fr 1fr}
  .zt-layout{grid-template-columns:1fr}
  .zt-toc{position:static;flex-direction:row;flex-wrap:wrap}
  .zt-toc .btn{display:none}
  .zt-help{grid-template-columns:1fr}
  .zt-contact{position:static}
  .zt-two{grid-template-columns:1fr}
}
/* Phone */
@media (max-width:760px){
  :root{--gutter:16px}
  body{font-size:15px;background-position:-220px 160px}
  .zt-topbar{display:block;border-bottom:1px solid var(--line);background:#fff}
  .zt-topbar .wrap{display:flex;align-items:center;gap:16px;height:46px}
  .zt-topbar a{font-size:14px;font-weight:650}
  .zt-topbar .btn{margin-left:auto;min-height:34px;padding:6px 14px;font-size:13px}
  .zt-header{position:sticky}
  .zt-header .wrap{height:60px}
  .zt-logo img{height:27px}
  .zt-nav{display:none}
  .zt-hicon{display:grid;place-items:center;margin-left:auto;width:42px;height:42px;border-radius:12px;border:0;background:var(--brand-soft);color:var(--brand-h);cursor:pointer}
  .zt-hicon svg{width:20px;height:20px}
  .zt-hsearch.is-open{display:flex;position:absolute;left:0;right:0;top:60px;max-width:none;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line);opacity:1;pointer-events:auto}
  .zt-hero{padding:24px 0 8px}
  .zt-promo{margin-bottom:20px;gap:10px}
  .zt-promo small{display:none}
  .zt-search{flex-direction:column;padding:6px;gap:6px}
  .zt-search label{padding:0 6px 0 8px}
  .zt-search .btn{width:100%}
  .zt-visual{padding-bottom:110px}
  .zt-photo{border-radius:20px}
  .zt-phone{width:200px;right:6px;border-radius:30px;padding:8px}
  .zt-phone-screen{border-radius:23px;padding:14px 12px 10px}
  .zt-tag{font-size:11px;left:6%;top:9%}
  .zt-banner{flex-wrap:wrap;padding:18px}
  .zt-banner .btn{margin-left:0;width:100%}
  .zt-duo{grid-template-columns:1fr}
  .zt-offer{min-height:0}
  .zt-offer .deco{width:110px;height:110px;opacity:.55}
  .zt-offer .row .btn{flex:1}
  .zt-sec{padding:52px 0}
  .zt-benefits{grid-template-columns:1fr;gap:30px;margin-top:26px}
  .zt-benefit .art{height:120px}
  .zt-tabs{display:none}
  .zt-cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px calc(var(--gutter)*-1) 0;padding:4px var(--gutter) 18px;scrollbar-width:none}
  .zt-cards::-webkit-scrollbar{display:none}
  .zt-card{flex:none;width:84%;scroll-snap-align:center;border-radius:var(--r-card);background:#fff;padding:18px;box-shadow:var(--shadow)}
  .zt-card h3{font-size:17px}
  .zt-card p{margin-top:6px;color:var(--soft);font-size:14px}
  .zt-card img{margin-top:14px;border-radius:8px;border:1px solid var(--line);max-height:220px;width:100%;object-fit:cover;object-position:top}
  .zt-cards-more{margin-top:4px}
  .zt-sources{grid-template-columns:1fr}
  .zt-cta-box{padding:28px 20px;border-radius:22px}
  .zt-faq summary{font-size:16px}
  .zt-faq .a{padding-left:0}
  .zt-fgrid{grid-template-columns:1fr;gap:24px}
  .zt-fbottom{flex-direction:column;align-items:flex-start}
  .zt-fproject{text-align:left}
  .zt-fproject img{margin-left:0}
  .zt-report-head{grid-template-columns:1fr;padding:20px}
  .zt-report-head .thumb{display:none}
  .zt-kpis{grid-template-columns:1fr 1fr}
  .zt-summary,.zt-block{padding:20px 16px}
  .zt-table thead{display:none}
  .zt-table,.zt-table tbody,.zt-table tr,.zt-table td{display:block;width:100%}
  .zt-table tr{padding:12px 0;border-bottom:1px solid #eef2ef}
  .zt-table td{border:0;padding:3px 0}
  .zt-table td:first-child{width:auto}
  .zt-pages{grid-template-columns:1fr 1fr;gap:10px}
  .zt-what{grid-template-columns:1fr}
  .zt-login{padding:26px 18px}
  .zt-order{padding:18px}
  .zt-steps{padding:20px}
  .zt-toc{display:none}
}
@media (max-width:360px){
  .zt-phone{width:184px}
  .zt-kpis{grid-template-columns:1fr}
  .zt-topbar .wrap{gap:12px}
  .zt-topbar a{font-size:13px}
}
.zt-hsearch{position:relative}
.zt-herr{position:absolute;left:0;top:100%;margin-top:6px;font-size:12px;color:var(--risk);background:#fff;border-radius:8px;padding:0 6px;white-space:nowrap}
.zt-herr:empty{display:none}
@media (max-width:760px){.zt-herr{left:16px;top:auto;bottom:-18px}}
/* 24.10 правки после первого просмотра */
.zt-hero h1{font-size:clamp(30px,4.3vw,48px)}
.zt-cards-more{display:none}
@media (max-width:760px){
  .zt-cards-more{display:block}
  .zt-promo img{display:none}
  .zt-promo{padding:10px 10px 10px 14px}
  .zt-visual{padding-bottom:0}
  .zt-phone{position:relative;right:auto;bottom:auto;margin:-110px 10px 0 auto}
  .zt-tag{top:8%}
}
.zt-report-head .thumb{height:auto}
.zt-toc a.btn{color:#fff;padding:10px 14px}
.zt-toc a.btn:hover{background:var(--brand-h)}
.zt-order .cadline>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--brand-h)}
.zt-order .cadline>span svg{width:22px;height:22px}
.zt-table td:first-child{width:21%}
.zt-table td:nth-child(2){width:19%}
.zt-table td:nth-child(3){width:38%}
.zt-table .chip{white-space:normal;line-height:1.3;align-items:flex-start}
.zt-table .chip::before{flex:none;margin-top:5px}
@media (max-width:760px){.zt-table td:first-child,.zt-table td:nth-child(2),.zt-table td:nth-child(3){width:auto}}
.btn svg{width:18px;height:18px;flex:none}
.zt-order .total b{white-space:nowrap}
@media (min-width:1021px){
  .zt-visual{padding:0 0 24px}
  .zt-photo{aspect-ratio:5/4;margin-right:96px}
  .zt-phone{right:0;bottom:0}
}
/* 24.10 вечер: карточки «Для себя / Для бизнеса» как у Автотеки, фото в «Чем полезна», заказ только с номером */
.zt-banner .ico-brand{background:#fff;border:1px solid var(--card-line)}
.zt-banner .ico-brand img{width:26px;height:auto}
.zt-offer-art{min-height:240px;padding-right:46%}
.zt-offer-art h3{margin-top:0}
.zt-offer-art .row{padding-top:22px}
.zt-offer-art .art{position:absolute;right:0;bottom:0;width:44%;height:100%;pointer-events:none}
.art-docs img{position:absolute;width:118px;height:auto;border-radius:8px;border:1px solid var(--line);box-shadow:0 14px 30px rgba(28,58,44,.16);background:#fff}
.art-docs img:first-child{right:18px;bottom:-34px;transform:rotate(9deg)}
.art-docs img:last-child{right:84px;bottom:-18px;transform:rotate(-7deg)}
.art-photo img{position:absolute;right:-14px;bottom:-14px;width:230px;height:160px;object-fit:cover;border-radius:18px;box-shadow:0 14px 30px rgba(28,58,44,.16)}
.zt-benefit .art{height:auto;aspect-ratio:16/10;border:0;background:#dfe8dc}
.zt-benefit .art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.zt-benefit:hover .art img{transform:scale(1.03)}
.linkish{background:none;border:0;padding:0;color:var(--brand);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.zt-need-cad{margin-top:14px;font-size:13px;font-weight:650;color:var(--warn)}
.zt-need-cad[hidden]{display:none}
.zt-order .actions.is-off{opacity:.45;pointer-events:none}
@media (max-width:1020px){.zt-offer-art{padding-right:24px}.zt-offer-art .art{position:relative;width:auto;height:150px;margin:14px -24px -22px}}
@media (max-width:760px){.zt-offer-art{padding-right:20px}.zt-offer-art .art{margin:14px -20px -22px;height:150px}.art-photo img{width:62%;height:140px}}
@media (min-width:1021px){
  .zt-offer-art{padding-right:39%}
  .zt-offer-art .art{width:37%}
  .art-docs img{width:142px}
  .art-docs img:first-child{right:10px;bottom:-46px}
  .art-docs img:last-child{right:80px;bottom:-30px}
  .art-photo img{width:210px;height:150px}
}