/* Visual system inspired by the owner's UralChisto reference; independent content and assets. */
:root{--ink:#102523;--teal:#0c4f4a;--teal-2:#0b6b61;--mint:#dff5ef;--paper:#f6f8f5;--white:#fff;--amber:#f2b84b;--muted:#63716d;--line:#dce4df;--lime:#f2b84b;--blue:#e8f2ee;--radius:18px}
body{font-family:Arial,"Helvetica Neue",sans-serif;background:var(--paper);color:var(--ink)}
h1,h2,h3,.logo b,.featured-brands b,.explanation-grid b,.product-visual span,.service-grid article>span,.timeline li>b,legend{font-family:Arial,"Helvetica Neue",sans-serif;letter-spacing:-.035em}
h1,h2{font-weight:700} h3{font-weight:700}
.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(20px,calc((100vw - 1180px)/2));gap:24px;backdrop-filter:none}
.logo{gap:10px}.logo-mark{background:var(--teal);border-radius:11px;width:36px;height:36px}.logo-mark i{background:#fff}
.logo b{font-size:18px;letter-spacing:-.03em;color:var(--teal)}.logo small{font-size:9px;letter-spacing:.06em;color:var(--muted)}
.site-header nav{gap:clamp(11px,1.5vw,24px);font-size:13px;font-weight:600}.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:var(--teal-2)}
.site-header nav a[aria-current="page"]{border-bottom:2px solid var(--amber);padding-bottom:5px}
.header-contact span{color:var(--muted)}.header-contact b{color:var(--teal)}
.header-cta,.button-dark,.menu-button{background:var(--teal);color:#fff}.header-cta{font-size:12px;border-radius:10px;padding:13px 17px}.header-cta:hover,.button-dark:hover{background:var(--teal-2)}
.button{border-radius:10px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}
.button-accent{background:var(--amber);color:#1a2924}.button-accent:hover{background:#ffd073}
.button-glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.55);color:#fff}.button-glass:hover{background:rgba(255,255,255,.2)}
.hero,.home-hero{min-height:640px;background:#102c29}.hero>img{object-position:center}.hero-overlay{display:block;background:linear-gradient(90deg,rgba(9,39,36,.97) 0%,rgba(9,39,36,.87) 38%,rgba(9,39,36,.24) 78%,rgba(9,39,36,.05))}
.hero-content,.home-hero .hero-content{width:min(1180px,calc(100% - 40px));color:#fff;padding:72px 0}
.eyebrow{color:#d4e8e0;letter-spacing:.1em;font-size:12px}.eyebrow span{background:var(--amber)}
.home-hero h1{font-size:clamp(50px,5.9vw,78px);line-height:1.03;max-width:690px;font-weight:700}
.home-hero h1 em{color:#fff;font-style:normal}.home-hero .hero-lead{color:#e0ebe5;font-size:18px;line-height:1.55;max-width:585px}
.hero-small{color:#d0ddd6}.home-hero .hero-actions{margin-top:30px}.home-hero .button{min-height:54px}
.section{padding:85px max(20px,calc((100vw - 1180px)/2))}
.kicker{color:var(--teal-2);font-size:11px;letter-spacing:.13em}.section-heading,.home-section-head{max-width:1180px;gap:45px;margin-bottom:34px}
.section-heading h2,.home-section-head h2,.home-decision h2,.home-catalog-teaser h2,.home-final h2,.home-process h2,.explanation h2,.next-route h2,.install-intro h2,.area-copy h2,.faq>h2,.final-cta h2{font-size:clamp(32px,3.7vw,52px);line-height:1.12;font-weight:700}
.section-heading>p,.home-section-head>p,.home-catalog-teaser p:not(.kicker),.decision-copy>p:not(.kicker),.home-final p:not(.kicker){color:var(--muted)}
.home-value{max-width:1180px;padding:0;margin:0 auto;gap:0;position:static;border-bottom:1px solid var(--line)}
.home-value>div{border:0;border-radius:0;box-shadow:none;background:#fff;padding:29px 22px;grid-template-columns:34px 1fr}
.home-value>div+div{border-left:1px solid var(--line)}.home-value span{color:var(--teal-2)}.home-value b{font-size:16px}.home-value p{color:var(--muted)}
.home-scenarios{padding-top:85px}.scenario-grid,.steps-grid,.article-grid,.article-related-grid,.route-grid,.explanation-grid{max-width:1180px;gap:14px}
.scenario-card,.steps-grid li,.article-card,.article-related-grid a,.route-grid a,.explanation-grid article{border-color:var(--line);border-radius:var(--radius);box-shadow:none}
.scenario-card{min-height:400px}.scenario-card:hover,.article-card:hover,.route-grid a:hover{border-color:#a2c7b9}.scenario-card>span{color:var(--teal-2)}.scenario-card>img{background:#eaf4ef}.scenario-card p,.steps-grid p,.article-card p,.route-grid p,.explanation-grid p{color:var(--muted)}.scenario-card b,.text-link,.article-card-more,.article-related-grid i,.article-back{color:var(--teal)}
.home-decision,.home-catalog-teaser,.home-process,.article-method,.next-route,.article-related{background:#eaf3ef}
.home-decision{gap:6vw}.decision-visual{max-width:560px}.decision-visual img{border:1px solid var(--line);border-radius:var(--radius)}.decision-visual figcaption,.home-photo figcaption{color:var(--muted)}
.decision-copy li{border-bottom-color:#cddfd6}.decision-copy li:before{color:var(--teal-2)}.text-link{border-bottom-color:#99b9ac}.text-link:hover{color:var(--teal-2)}
.home-steps{background:#fff}.home-photo{margin:0}.home-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.home-photo figcaption{font-size:12px;line-height:1.4;margin-top:9px}
.home-install-photo{max-width:1180px;margin:0 auto 32px}.home-install-photo img{height:430px;object-position:center 48%}
.steps-illustration{max-width:950px;margin-bottom:24px}.steps-grid li{min-height:210px;background:#f8faf8}.steps-grid span{color:var(--teal-2)}.steps-action{max-width:1180px}.steps-action>span{color:var(--muted)}
.home-catalog-teaser{gap:5vw}.home-catalog-teaser>div:first-child{max-width:560px}.home-catalog-photo{width:100%;max-width:590px}.home-catalog-photo img{height:370px}
.home-faq{max-width:none;background:var(--paper)}.home-faq-list{max-width:1180px;border-top-color:var(--line)}.home-faq-list details{border-bottom-color:var(--line)}.home-faq-list summary{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:700}.home-faq-list details p{color:var(--muted)}.home-faq>.text-link{margin-left:max(0px,calc((100% - 1180px)/2))}
.home-final{background:var(--teal);color:#fff;align-items:center}.home-final>div{margin-left:0}.home-final .kicker{color:#bce3d4}.home-final p:not(.kicker){color:#d1e5da}
.page-intro,.article-intro{background:linear-gradient(115deg,#e3f2eb,#f7faf7);border-bottom:1px solid var(--line)}.page-intro-inner{width:min(1180px,calc(100% - 40px));padding:74px 0 80px}.page-intro h1{font-size:clamp(42px,5.4vw,72px);line-height:1.07;max-width:940px}.page-intro p:not(.kicker){color:#4b625b}
.catalog,.catalog-page,.article-list-section{background:var(--paper)}.catalog-standalone,.full-catalog{max-width:1180px;border-color:var(--line);border-radius:var(--radius)}.featured-brands,.product-grid,.catalog-tools,.catalog-meta{max-width:1180px}.featured-brands button{border-color:var(--line);border-radius:var(--radius);box-shadow:none}.featured-brands button:hover{border-color:#a2c7b9}.featured-brands b{font-size:23px}.featured-brands i{color:var(--teal)}
.catalog-tools{background:#e4f0e9}.catalog-tools label{border:1px solid var(--line)}.filter-clear{color:var(--teal);border-color:#a8c7ba}.product-card{border-color:var(--line);border-radius:var(--radius);box-shadow:none}.product-visual{background:linear-gradient(145deg,#e4f3eb,#c7e5d6)}.product-visual span{color:var(--teal);font-size:27px}.product-brand{color:var(--teal-2)}.product-body p{color:var(--muted)}.product-body a{color:var(--teal)}
.selection,.services,.services-page,.explanation{background:#fff;color:var(--ink)}.selector{max-width:1180px;border:1px solid var(--line);box-shadow:none;border-radius:var(--radius)}.choice-row button{background:#f6faf7}.choice-row button.active{background:var(--teal)}.selector-result{background:var(--mint)}.service-grid{max-width:1180px}.service-grid article{background:#f7faf7;border-color:var(--line);border-radius:var(--radius)}.service-grid article>span{color:var(--teal-2)}.service-grid p,.service-grid li{color:var(--muted)}.service-feature,.services-page .service-feature{background:var(--mint)!important}.service-feature p,.service-feature li{color:var(--ink)}
.areas,.areas-page{background:#e6f0eb}.map-core{background:#cce6d8}.final-cta{background:#eaf3ef}.contact-placeholder{background:var(--mint)}
@media(min-width:761px) and (max-width:900px){.areas{grid-template-columns:minmax(0,1fr)}.map-card{width:100%}}
.article-tools{max-width:1180px;border-color:var(--line)}.article-tools input{border-color:var(--line);background:#f8fbf8}.article-filters button{border-color:var(--line);color:var(--teal)}.article-filters button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal)}.article-count{max-width:1180px}.article-card-top{color:var(--teal-2)}.article-page h1{font-size:clamp(38px,5vw,66px)}.article-lead,.article-body p{color:#4b625b}.article-note{background:#eaf3ef}.article-related-grid a{border-color:var(--line)}
footer{background:#102c29;color:#d4e5da}footer b{color:#fff}footer a:hover{color:var(--amber)}
@media(max-width:1050px){.site-header{padding:0 20px}.site-header nav{background:#fff;border:1px solid var(--line)}.header-cta{display:none}.home-value{margin:0 20px}.home-catalog-teaser{gap:30px}}
@media(max-width:760px){.site-header{height:68px}.site-header nav{top:68px}.hero,.home-hero{display:flex;flex-direction:column;min-height:0;background:#102c29}.hero-overlay{display:none}.hero>img{order:2;position:relative;inset:auto;width:100%;height:290px;object-position:center;opacity:1}.hero-content,.home-hero .hero-content{order:1;width:calc(100% - 40px);padding:52px 0 43px;color:#fff}.home-hero h1{font-size:clamp(41px,8vw,60px)}.home-hero .hero-lead{color:#e0ebe5;font-size:16px}.hero-small{color:#d0ddd6}.home-value{display:grid;grid-template-columns:1fr;margin:0 20px;padding:0}.home-value>div{padding:18px 4px}.home-value>div+div{border-left:0;border-top:1px solid var(--line)}.home-decision,.home-catalog-teaser{grid-template-columns:1fr}.home-catalog-photo{max-width:none}.home-install-photo img{height:300px}.home-catalog-photo img{height:300px}.steps-illustration{display:block}.page-intro-inner{padding:58px 0 64px}.page-intro h1{font-size:clamp(38px,7vw,55px)}}
@media(max-width:480px){.logo b{font-size:15px}.logo small{font-size:8px}.menu-button{background:var(--teal)}.hero>img{width:100%;height:220px;margin:0;border-radius:0}.home-hero .hero-content{width:calc(100% - 36px);padding:40px 0 34px}.home-hero h1{font-size:43px}.home-hero .button{width:100%}.home-hero .hero-actions{gap:9px}.hero-small{font-size:11px}.section{padding:62px 18px}.home-value{margin:0 18px}.home-install-photo img,.home-catalog-photo img{height:225px}.steps-illustration{display:none}.home-catalog-teaser>div:first-child{margin:0}.home-final .button{width:100%}.page-intro-inner{width:calc(100% - 36px)}.page-intro h1{font-size:38px}}
/* Touch-friendly navigation shared by all pages; desktop remains unchanged. */
@media(max-width:1050px){
  .site-header.menu-open nav{top:100%;gap:4px;padding:12px 16px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;box-shadow:0 12px 24px rgba(16,42,36,.1)}
  .site-header.menu-open nav a{display:flex;align-items:center;flex-shrink:0;width:100%;min-height:52px;padding:12px 16px;border:0;border-radius:10px;font-size:19px;line-height:1.4;font-weight:600;touch-action:manipulation}
  .site-header.menu-open nav a:hover,.site-header.menu-open nav a:active,.site-header.menu-open nav a[aria-current="page"]{background:#e8f2ed;color:#0c4f4a}
  .site-header.menu-open nav a:focus-visible{outline:2px solid #0c4f4a;outline-offset:-2px}
  .site-header .menu-button{min-width:76px;min-height:48px;touch-action:manipulation}
}
/* Approved phone remains visible without opening the navigation. */
.site-header:has(.header-identity){height:104px}
.header-identity{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:2px}
.site-header .header-phone{display:flex;align-items:center;min-height:44px;width:fit-content;font-size:17px;line-height:1.2;font-weight:700;color:#0c4f4a;white-space:nowrap;touch-action:manipulation}
.site-header .header-phone:focus-visible{outline:2px solid #0c4f4a;outline-offset:2px;border-radius:4px}
.site-header .header-phone:hover{text-decoration:underline;text-underline-offset:4px}