/* ЗОНТ: readable civil protection directory */
:root{--zp-ink:#173d33;--zp-paper:#f3f1eb;--zp-line:#d4d9d2}html{scroll-padding-top:110px}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a3372b;outline-offset:5px}.hero-copy h1{font-size:clamp(46px,4.8vw,76px);line-height:.98;letter-spacing:-.025em;overflow-wrap:normal}.hero-lead{line-height:1.65!important}.hero-coordinate{display:none}.zp-platform{padding:100px 0;background:#e9ede5;color:var(--zp-ink)}.zp-section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.zp-index,.zp-eyebrow{font:12px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#3f5e52}.zp-home-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end;margin-bottom:48px}.zp-home-heading h2,.zp-page h1{font-family:'Roboto Condensed',sans-serif;font-size:clamp(42px,4.6vw,72px);font-weight:800;line-height:1.04;letter-spacing:-.025em;text-transform:uppercase;margin:0}.zp-home-heading p{font-size:18px;line-height:1.75;margin:0;max-width:540px}.zp-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #bccabb;margin-bottom:68px}.zp-process>a{display:flex;flex-direction:column;gap:16px;position:relative;padding:27px 22px;min-height:280px;border-right:1px solid #bccabb;color:inherit;text-decoration:none;transition:background .2s}.zp-process>a:last-child{border:0}.zp-process>a:hover{background:#fff9}.zp-process>a>span{font:14px 'IBM Plex Mono',monospace;color:#784336}.zp-process h3{font-size:21px;line-height:1.2;margin:0}.zp-process p{font-size:15px;line-height:1.65;margin:0}.zp-process b{margin-top:auto;font-size:22px}.zp-directory-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.zp-directory-title h3{font-size:28px;margin:0}.zp-directory-title a,.zp-home-action>a:last-child{color:var(--zp-ink);font-weight:700}.zp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.zp-card{display:flex;flex-direction:column;gap:17px;text-decoration:none;color:var(--zp-ink);padding:30px;background:#fafbf7;border:1px solid var(--zp-line);min-width:0;transition:transform .18s,background .18s}.zp-card:hover{transform:translateY(-3px);background:#fff}.zp-card>span{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#536a5d}.zp-card h3{font-family:'Roboto Condensed',sans-serif;font-size:30px;line-height:1.13;letter-spacing:-.01em;margin:0}.zp-card p{font-size:15px;line-height:1.7;margin:0}.zp-card b{display:flex;justify-content:space-between;font-size:14px;margin-top:auto;padding-top:12px}.zp-card i{font-size:20px;font-style:normal}.zp-home-action{display:flex;gap:32px;align-items:center;margin-top:32px}.zp-hero{background:var(--zp-paper);padding:124px 0 64px;color:var(--zp-ink)}.zp-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.6;margin-bottom:48px}.zp-breadcrumbs a{color:#38574b}.zp-breadcrumbs>span:last-child{max-width:100%}.zp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.zp-page h1{font-size:clamp(42px,4.4vw,68px);max-width:820px}.zp-lead{font-size:18px;line-height:1.8;max-width:760px;margin:28px 0}.zp-visual{position:relative;min-height:440px;border:1px solid #cbd3c8;background:#e6ebe2;overflow:hidden;color:#1c5343}.zp-visual svg{width:100%;height:360px;margin-top:-25px}.zp-visual-label{position:absolute;left:28px;right:24px;bottom:28px;display:grid;gap:14px}.zp-visual-label span{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.zp-visual-label strong{font-family:'Roboto Condensed',sans-serif;font-size:35px;font-weight:700;line-height:1.08}.zp-visual-label small{font-size:12px;color:#496456}.zp-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:80px;padding-top:64px;padding-bottom:64px}.zp-article{min-width:0;color:#263e34;font-size:17px;line-height:1.85}.zp-article section{margin-bottom:42px}.zp-article h2{font-family:'Roboto Condensed',sans-serif;font-size:34px;line-height:1.15;letter-spacing:-.01em;margin:0 0 20px;color:#173d33}.zp-article p{margin:0 0 20px;max-width:850px}.zp-article ul{padding-left:22px}.zp-article li{padding-left:6px;margin:8px 0}.zp-aside{border-top:3px solid #173d33;padding-top:22px;align-self:start}.zp-aside h2{font-size:23px;line-height:1.3;margin:18px 0}.zp-aside nav{display:grid}.zp-aside nav a{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--zp-line);padding:18px 0;font-size:15px;line-height:1.45;color:#173d33;text-decoration:none}.zp-aside p{font-size:13px;line-height:1.8;margin-top:24px;color:#486152}.zp-related{padding:64px 0;background:#e9ede5;color:#173d33}.zp-page .zp-section-top h2,.zp-faq h2{font:700 clamp(32px,3vw,46px)/1.15 'Roboto Condensed',sans-serif;letter-spacing:-.01em;margin:0}.zp-faq{padding:72px 0;color:#173d33;background:#f8f8f3}.zp-faq h2{margin-bottom:32px}.zp-faq details{border-top:1px solid #c6cec2;padding:22px 0;max-width:980px}.zp-faq details:last-child{border-bottom:1px solid #c6cec2}.zp-faq summary{display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-weight:700;font-size:18px;line-height:1.5;list-style:none}.zp-faq summary::-webkit-details-marker{display:none}.zp-faq summary span{font-size:26px;font-weight:400}.zp-faq details[open] summary span{transform:rotate(45deg)}.zp-faq details p{font-size:16px;line-height:1.8;max-width:820px;padding-right:24px}.zp-cta{background:#123d32;color:#fff;padding:72px 0}.zp-cta h2{font:700 clamp(36px,4vw,60px)/1.1 'Roboto Condensed',sans-serif;margin:20px 0}.zp-cta p{font-size:17px;line-height:1.7;max-width:700px}.zp-cta .button{margin-top:20px}.zp-video-poster{width:100%;height:100%;padding:0;border:0;background:#153d31;cursor:pointer;position:relative;color:#fff;min-height:320px}.zp-video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.zp-video-poster span{position:relative;display:inline-flex;align-items:center;gap:15px;padding:16px 25px;background:#fff;color:#123d32;font-weight:700;font-size:17px}.zp-video-fallback{display:inline-block;color:inherit;text-underline-offset:4px;margin-top:18px;font-size:14px}.zp-footer-directory{padding:34px 0;border-top:1px solid #ffffff33;display:flex;flex-wrap:wrap;gap:18px 30px}.zp-footer-directory a{font-size:14px;color:inherit;text-underline-offset:5px}.desktop-nav a{white-space:nowrap}.zp-page img{max-width:100%;height:auto}
@media(min-width:1200px){.header-shell{grid-template-columns:260px 1fr auto auto 200px;gap:18px}.desktop-nav{gap:18px}.desktop-nav a{font-size:13px}.header-status{display:none}}
@media(max-width:1100px){.zp-process{grid-template-columns:repeat(3,minmax(0,1fr))}.zp-process>a{border-bottom:1px solid #bccabb;min-height:240px}.zp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.zp-hero-grid{gap:32px}.zp-content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:40px}.zp-visual{min-height:400px}}
@media(max-width:767px){.zp-platform{padding:56px 0}.zp-section-top{display:block}.zp-index{display:block;margin-top:16px;line-height:1.7}.zp-home-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.zp-home-heading h2,.zp-page h1{font-size:42px;line-height:1.05;letter-spacing:-.015em}.zp-home-heading p,.zp-lead{font-size:16px;line-height:1.75}.zp-process{grid-template-columns:1fr;margin-bottom:40px}.zp-process>a{min-height:0;border-right:0;padding:24px;gap:12px}.zp-process h3{font-size:23px}.zp-process b{position:absolute;top:25px;right:24px}.zp-process p{padding-right:20px}.zp-cards{grid-template-columns:1fr}.zp-card{padding:25px}.zp-card h3{font-size:29px}.zp-directory-title{align-items:flex-start;flex-direction:column;gap:14px}.zp-directory-title h3{font-size:26px}.zp-home-action{flex-direction:column;align-items:flex-start;gap:22px}.zp-hero{padding:106px 0 40px}.zp-breadcrumbs{font-size:12px;margin-bottom:28px}.zp-hero-grid{grid-template-columns:1fr;gap:32px}.zp-visual{min-height:300px}.zp-visual svg{height:280px;margin-top:-35px}.zp-visual-label{bottom:24px;left:24px}.zp-visual-label strong{font-size:29px}.zp-visual-label small{font-size:11px}.zp-content-grid{grid-template-columns:1fr;gap:25px;padding-top:40px;padding-bottom:40px}.zp-article{font-size:16px;line-height:1.8}.zp-article h2{font-size:30px}.zp-aside{margin-top:10px}.zp-related,.zp-faq,.zp-cta{padding:44px 0}.zp-faq summary{font-size:17px}.zp-faq details p{font-size:15px}.zp-footer-directory{gap:20px}.hero-copy h1{font-size:clamp(37px,10.8vw,64px);line-height:1.01;letter-spacing:-.02em}.hero-technical-note{font-size:11px!important}.hero-equipment-caption strong{line-height:1.4}.zp-video-poster{min-height:240px}.menu-toggle{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.zp-card{transition:none}.zp-card:hover{transform:none}}

@media(max-width:767px){.hero-copy h1{font-size:clamp(30px,8.2vw,58px)}.zp-page h1{font-size:clamp(32px,8.4vw,42px);word-break:normal;overflow-wrap:break-word}.zp-visual-label strong{font-size:27px}}

/* Compact contact bar keeps content visible and labels readable. */
.contact-dock{width:auto}.contact-dock-label{display:none}.contact-dock-actions{grid-template-columns:repeat(4,100px)}.contact-action{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:66px;padding:8px}.contact-action>i{width:24px;height:24px}.contact-action strong{font-size:12px;line-height:1.3}.contact-action small{display:none}.hero-quick-contact a strong{font-size:11px}.hero-proofline span,.hero-technical-note{font-size:10px!important}.mobile-menu-shortcuts strong{font-size:12px}.mobile-menu-shortcuts small{font-size:10px}.hero-equipment-caption>span{font-size:11px}
@media(max-width:767px){.contact-dock-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-dock{left:7px;right:7px}.contact-action{min-height:62px;padding:7px 3px}.contact-action strong{font-size:11px}.site-footer{padding-bottom:88px}}

/* Font-independent navigation arrow. */
.hero-scenarios i{font-size:0!important;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 16 16 4M4 4h12v12' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 16 16 4M4 4h12v12' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
