/* Final polish: shared interaction, readable rhythm and responsive details. */
main:focus{outline:none} [id]{scroll-margin-top:24px}
a,summary,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:5px;box-shadow:0 0 0 7px var(--paper)}
.skip-link:focus{position:fixed;box-shadow:0 2px 12px #203f3220}
.site-nav .navlinks>a:not(.btn){min-height:44px;display:inline-flex;align-items:center}
.site-nav .mobile-nav summary{display:flex;align-items:center;gap:12px}
.site-nav .mobile-nav summary:after{content:'+';font-size:23px;line-height:1;width:18px;text-align:center}
.site-nav .mobile-nav[open] summary:after{content:'−'}
.site-nav .mobile-links{border:1px solid #203f3220;max-height:calc(100dvh - 130px);overflow-y:auto}
.site-nav .mobile-links a:not(.btn){padding:6px 10px}
.site-nav .mobile-links a[aria-current=page]:not(.btn){background:var(--soft)}
.footer-links a{display:flex;align-items:center;min-height:44px;width:fit-content}
.shared-footer-grid{line-height:1.65}.footer-links{gap:2px 20px}
.video-watch{display:block;width:fit-content;margin:auto}.video-watch img{max-width:100%}
.video-watch:focus-visible{outline-color:var(--lime);box-shadow:none}
.catalog summary{display:grid;grid-template-columns:1fr auto 20px;align-items:center;gap:18px;list-style:none;line-height:1.35}
.catalog summary::-webkit-details-marker{display:none}
.catalog summary:after{content:'+';font-size:24px;font-weight:400;text-align:right}
.catalog details[open]>summary:after{content:'−'}
.catalog summary small{float:none;margin:0;white-space:nowrap}
.catalog details[open]>summary{border-bottom:1px solid #203f3225}
.jump+.jump{border-top:1px solid #203f321f}
.price,.facts strong{font-variant-numeric:tabular-nums}
@media(hover:hover){.mobile-links a:not(.btn):hover{background:var(--soft)}.play:hover{background:var(--soft)}.catalog summary:hover{color:#386746}}
@media(min-width:701px) and (max-width:1000px){.hero h1{font-size:clamp(44px,5.8vw,60px)}.hero{gap:32px}.video-image,.play{max-width:100%}.problems{gap:26px}}
@media(max-width:700px){
 h1,.hero h1,.casehero h1,.pricehero h1,.check-hero h1,.about-hero h1{font-size:clamp(37px,11.3vw,46px)}
 .hero .intro{margin-bottom:18px}.hero .start{margin-bottom:22px}.hero .micro{max-width:40ch}
 .video-watch{width:100%}.catalog summary{grid-template-columns:1fr 20px;gap:8px 16px;font-size:18px}.catalog summary small{grid-column:1;grid-row:2;font-size:14px}.catalog summary:after{grid-column:2;grid-row:1 / 3}
 .footer-links{grid-template-columns:1fr 1fr;column-gap:16px}.footer-links a{font-size:14px}
 .case-row a,.catalog article a,.solution a,.videojump{min-height:44px;align-content:center}
 .facts{flex-wrap:wrap;gap:16px 24px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.video-image{height:auto}