/* Автор Бородин Павел - Первые - firsts.ru */
:root{font:100%/1.55 system-ui,-apple-system,sans-serif;color:#14253b;background:#edf4fa;--ink:#14253b;--muted:#435d74;--line:#c8d8e5;--blue:#12518c;--dark:#0a1c32;--sky:#9edcff;scroll-padding-top:125px}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}a{color:var(--blue);text-underline-offset:.18em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d58122;outline-offset:3px}
.wrap{width:min(1220px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#f9fcff;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #15294013}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:84px}.brand{display:flex;align-items:center}.brand img{width:68px;height:65px;object-fit:contain}.menu{display:flex;justify-content:center;gap:clamp(12px,2vw,28px)}.menu a{color:var(--ink);text-decoration:none;font-weight:680;white-space:nowrap}.menu a[aria-current]{text-decoration:underline}.header-contacts,.social{display:flex;align-items:center;gap:8px}.number{font-weight:780;text-decoration:none;white-space:nowrap}.messenger{width:44px;height:44px;display:inline-grid;place-items:center;flex:none;border-radius:50%}.messenger img{width:34px;height:34px;object-fit:contain}.messenger:hover{background:#d7e9f8}
main{min-height:55vh;padding:25px 0 70px}h1,h2{line-height:1.1;letter-spacing:-.032em}h1{font-size:clamp(2.05rem,5vw,4rem);margin:.25em 0 .45em}h2{font-size:clamp(1.4rem,3vw,2.3rem);margin:.3em 0 .65em}p{margin:.5em 0 1em}.intro{font-size:1.12rem;max-width:62ch}.eyebrow{color:var(--blue);font-size:.74rem;font-weight:750;letter-spacing:.12em}.hero{display:flex;align-items:center;position:relative;overflow:hidden;isolation:isolate;min-height:520px;border-radius:26px;background:#0b2037 url('hero.webp') center right/cover no-repeat;color:#fff}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061525 0%,#061525e8 30%,#06152577 60%,#06152515 100%)}.hero-copy{padding:clamp(23px,5vw,72px);width:min(740px,100%)}.hero h1{font-size:clamp(2.2rem,5vw,4.35rem);max-width:15ch}.hero p:not(.eyebrow){max-width:46ch;color:#e1f0fc}.hero .eyebrow{color:var(--sky)}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}button,.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.62rem .95rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--blue);font:inherit;font-weight:680;text-decoration:none;cursor:pointer}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.hero .primary{background:#a6defc;border-color:#a6defc;color:#0a243b}.hero .secondary{background:#102941;color:#fff;border-color:#88adc8}.primary:hover,.secondary:hover,button:hover{filter:brightness(.93)}
.section{margin-top:28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}.service{grid-template-columns:repeat(3,minmax(0,1fr))}.grid article,.panel,.feature,.legal,details{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;overflow-wrap:anywhere}.grid article h2{font-size:1.2rem;line-height:1.3}.service article{padding:0;overflow:hidden}.service img{display:block;width:100%;aspect-ratio:2.4;object-fit:cover}.service article>div{padding:20px}.feature,.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;align-items:start;gap:22px}.feature p:last-child{margin-bottom:0}.contact-grid:has(.panel:only-child){grid-template-columns:1fr}.map{display:grid;place-items:center;min-height:260px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,#dbeaf6,#f4f9fd);overflow:hidden}.map iframe{display:block;width:100%;border:0;min-height:330px}.legal{max-width:78ch}.legal h1{font-size:clamp(1.75rem,4vw,3rem)}.legal h2{font-size:1.4rem;margin-top:1.5em}.legal dt{font-weight:750}.legal dd{margin:0 0 1em}details{margin:.65rem 0}summary{cursor:pointer;font-weight:700}details p{margin:.65em 0 0}.crumb{display:flex;gap:.5rem;font-size:.86rem;color:var(--muted);margin-bottom:1rem}
.filters{margin-top:22px;display:grid;grid-template-columns:2fr 1fr;gap:1rem}.filters label{display:grid;gap:.3rem}.filters input,.filters select{min-width:0;width:100%;min-height:44px;border:1px solid var(--line);border-radius:.45rem;background:#fff;color:inherit;padding:.55rem;font:inherit}#more{margin-top:1rem}
footer{background:var(--dark);color:#e8f4ff}.footer-inner{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px;padding:30px 0}.footer-inner nav{display:grid;justify-items:start;align-content:start;gap:.45rem}.footer-inner a,.text-button{color:#a6defc}.text-button{border:0;background:transparent;padding:0;text-decoration:underline;min-height:32px}.cookie,dialog{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;color:var(--ink);box-shadow:0 10px 35px #0a1c3240}.cookie{position:fixed;z-index:15;right:18px;bottom:18px;width:min(450px,calc(100% - 36px))}body:has(.cookie:not([hidden])){padding-bottom:155px;scroll-padding-bottom:155px}dialog{width:min(480px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#0b2037a0}.skip{position:fixed;left:-200vw}.skip:focus{left:1rem;top:1rem;background:#fff;z-index:30}
@media(max-width:780px){.wrap{width:calc(100% - 32px)}.header-inner{grid-template-columns:auto 1fr;gap:0 10px;min-height:0;padding-top:3px}.brand img{width:56px;height:52px}.header-contacts{justify-self:end;gap:4px}.menu{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:6px;padding:4px 0 8px;font-size:.86rem}.header-contacts .number{font-size:.89rem}.messenger img{width:32px;height:32px}.hero{min-height:470px;background-position:60% center}.hero::before{background:linear-gradient(90deg,#061525f5,#061525b5 60%,#06152545)}.service{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.contact-grid,.footer-inner{grid-template-columns:1fr}.footer-inner{gap:12px}}
@media(max-width:490px){.wrap{width:calc(100% - 24px)}.hero{border-radius:18px;min-height:460px;align-items:end;background-position:69% top;background-size:auto 72%;background-color:#0b2037}.hero::before{background:linear-gradient(0deg,#08192c 0%,#08192c 30%,#08192c99 65%,#08192c1a 100%)}.hero-copy{padding:145px 17px 23px}.hero h1{font-size:clamp(1.9rem,8.5vw,2.7rem)}.service,.filters{grid-template-columns:1fr}.cookie{right:8px;bottom:8px;width:calc(100% - 16px)}.cookie .actions{gap:4px}.cookie .actions button{font-size:.82rem;padding:.42rem .47rem}.header-contacts .number{font-size:.8rem}}
@media(min-width:781px){.hero h1{max-width:19ch;font-size:clamp(2.75rem,4.4vw,4rem)}}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:16px}.showcase-heading h1{font-size:clamp(1.85rem,3.65vw,3.35rem);margin:0;max-width:28ch}.showcase-heading .eyebrow{margin:0 0 .5rem}.showcase-hours{white-space:nowrap;margin:0;color:var(--muted);text-align:right}.showcase-hours strong{display:block;color:var(--ink)}.slide{position:relative;display:grid;align-items:end;isolation:isolate;overflow:hidden;border-radius:22px;min-height:415px;background:#091d31;color:#fff}.slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071624f7 0%,#071624d5 35%,#07162424 74%),linear-gradient(0deg,#07162499,transparent 70%)}.slide-copy{width:min(550px,100%);padding:clamp(20px,4vw,52px)}.slide-copy h2{font-size:clamp(1.65rem,3.1vw,3rem);margin:0 0 .5em}.slide-copy p{color:#e7f1f9;max-width:43ch}.slide .primary{background:#ace1fb;border-color:#ace1fb;color:#09243b}.slide .secondary{background:#122b42;color:#fff;border-color:#88adc8}.slide-damage>img{object-position:60% 49%}.slide-install>img{width:68%;left:auto;object-position:center 55%}.slide-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.slide-controls button[aria-pressed=true]{color:white;background:#124879;border-color:#124879}.slide-controls button{padding:.45em .3em}.map iframe{height:400px}
@media(max-width:620px){.showcase-heading{display:block}.showcase-hours{text-align:left;margin-top:.45rem;font-size:.82rem}.showcase-hours strong{display:inline}.slide{min-height:390px;border-radius:16px}.slide>img,.slide-install>img{width:100%;object-position:center top}.slide::before{background:linear-gradient(0deg,#071624 0%,#071624f5 28%,#07162488 58%,#07162400 100%)}.slide-copy{padding:110px 16px 18px}.slide-copy .actions a{font-size:.88rem}.slide-controls button{font-size:.8rem}.map iframe{height:340px}}