/* Фаза — стили страницы (вынесены из компонента Styles) */
*{box-sizing:border-box}
:root{--line:#A9BAC6}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#B32612;color:#F1F6F8;padding:12px 18px;text-decoration:none;font:500 14px 'Onest', sans-serif;border-radius:0 0 2px 0}
.skip-link:focus{left:0}
a,button,label,select,input[type=submit]{cursor:pointer}
input[type=text],input[type=tel]{cursor:text}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .uslugi-card:hover{transform:none}
}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden}
::selection{background:#B32612;color:#F1F6F8}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #FF5B34;outline-offset:2px}
.hero-grid{display:grid;gap:44px;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center}
.hero-photo{position:relative;margin:0;border-radius:3px;overflow:hidden;border:1px solid #B4C3CD;aspect-ratio:5/4;min-height:280px;box-shadow:0 24px 60px -30px rgba(10,30,49,.52)}
.facts{display:grid;gap:26px;grid-template-columns:repeat(3,1fr)}
.uslugi-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
.uslugi-card{position:relative;height:100%;display:flex;flex-direction:column;
  padding:24px 22px 22px;background:#D8E2E8;border:1px solid var(--line);
  border-radius:2px 2px 2px 0;
  -webkit-clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px));
  clip-path:polygon(0 0,100% 0,100% 100%,28px 100%,0 calc(100% - 28px));
  box-shadow:0 10px 26px -14px rgba(10,30,49,.40),0 2px 6px -3px rgba(10,30,49,.26);
  transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .34s ease,background .34s ease,opacity .28s ease,filter .28s ease;
  transform-origin:center center;will-change:transform;z-index:1}
.uslugi-fold{position:absolute;left:0;bottom:0;width:28px;height:28px;
  background:linear-gradient(225deg,var(--line) 0 48%,#9AA1AC 50%,#C6D3DB 52% 100%);
  -webkit-clip-path:polygon(0 0,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 100%,0 100%);
  box-shadow:1px -1px 3px rgba(10,30,49,.25);pointer-events:none}
@media(hover:hover){
  .uslugi-card:hover{transform:scale(1.3);z-index:5;background:#F1F6F8;
    box-shadow:0 34px 70px -26px rgba(10,30,49,.52),0 4px 12px -4px rgba(10,30,49,.3)}
  .uslugi-grid:hover .uslugi-card{opacity:.42;filter:saturate(.7)}
  .uslugi-grid:hover .uslugi-card:hover{opacity:1;filter:none}
}
.nikogda-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);align-items:stretch}
.nk-card{position:relative;height:100%;overflow:hidden;
  padding:22px 20px 40px;background:#EAEFF2;
  border:1px solid #B4C3CD;border-radius:2px;
  transition:background .3s ease,border-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}
.nk-ico{display:block;width:46px;height:46px;margin-bottom:18px;color:#3B5872;
  transition:color .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}
.nk-ico .nk-hot,.nk-ico .nk-bad{opacity:0;transition:opacity .3s ease}
.nk-stamp{position:absolute;right:20px;bottom:14px;
  font:500 11px 'JetBrains Mono', monospace;letter-spacing:.16em;color:#B32612;
  opacity:0;transform:translateX(8px);transition:opacity .3s ease,transform .3s ease}
@media(hover:hover){
  .nk-card:hover{background:#F1F6F8;border-color:#B32612;transform:translateY(-3px);
    box-shadow:0 14px 30px -18px rgba(10,30,49,.45)}
  .nk-card:hover .nk-ico{color:#B32612;transform:scale(1.06)}
  .nk-card:hover .nk-ico .nk-hot,.nk-card:hover .nk-ico .nk-bad{opacity:1}
  .nk-card:hover .nk-stamp{opacity:1;transform:none}
}
.pr-head{display:grid;gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);align-items:end}
.pr-list{list-style:none;padding:0;margin:0;border-top:1px solid #B4C3CD}
.pr-row{border-bottom:1px solid #B4C3CD;position:relative}
.pr-row:last-child{border-bottom:0}
.pr-btn{position:relative;z-index:1;display:grid;grid-template-columns:22px 44px minmax(0,1fr) minmax(150px,270px);
  align-items:center;gap:18px;width:100%;padding:20px 4px;background:none;border:0;
  text-align:left;font:inherit;color:inherit;transition:background .25s ease}
.pr-rail{position:relative;height:100%;min-height:34px;display:block}
.pr-row::before{content:"";position:absolute;left:13px;top:0;bottom:0;width:2px;background:#B4C3CD}
.pr-row:first-child::before{top:30px}
.pr-row:last-child::before{bottom:calc(100% - 30px)}
.pr-node{position:absolute;left:3px;top:50%;width:14px;height:14px;margin-top:-7px;
  border-radius:50%;background:#EAEFF2;border:2px solid #B4C3CD;
  transition:border-color .25s ease,background .25s ease,transform .25s ease}
.pr-num{font:500 13px 'JetBrains Mono', monospace;color:#3B5872;transition:color .25s ease}
.pr-mid{display:flex;flex-direction:column;gap:4px;min-width:0}
.pr-title{font:500 clamp(18px,1.7vw,22px)/1.24 'Tektur', sans-serif;text-transform:uppercase;letter-spacing:.01em}
.pr-out{font:400 13px 'JetBrains Mono', monospace;color:#3B5872}
.pr-dur{display:flex;align-items:center;gap:12px;justify-self:end;width:100%}
.pr-track{position:relative;flex:1;height:8px;background:#DCE4E9;border-radius:1px;
  box-shadow:inset 0 0 0 1px #B4C3CD}
.pr-bar{position:absolute;left:0;top:0;bottom:0;background:#B4C3CD;border-radius:1px;overflow:hidden;
  transition:background .25s ease}
.pr-bar-min{position:absolute;left:0;top:0;bottom:0;background:#2E6BA8;border-radius:1px;transition:background .25s ease}
.pr-days{font:400 12px 'JetBrains Mono', monospace;color:#3B5872;white-space:nowrap;min-width:62px;text-align:right}
.pr-body{position:relative;z-index:1;padding:0 4px 22px calc(22px + 44px + 36px)}
.pr-body p{font:400 16px/1.62 'Onest', sans-serif;color:#3B5872;margin:0;max-width:62ch}
.pr-row[data-on="1"] .pr-node{border-color:#B32612;background:#B32612;transform:scale(1.14)}
.pr-row[data-on="1"] .pr-num{color:#B32612}
.pr-row[data-on="1"] .pr-bar-min{background:#B32612}
@media(hover:hover){
  .pr-btn:hover{background:#F1F6F8}
  .pr-btn:hover .pr-node{border-color:#B32612}
  .pr-btn:hover .pr-num{color:#B32612}
}
.shchit-grid{grid-template-columns:1.15fr .85fr!important;gap:44px!important;align-items:center}
.smeta-grid{display:grid;gap:34px;grid-template-columns:1fr 1fr}
.fotoshchit-grid{display:grid;gap:clamp(30px,5vw,64px);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center}
.footer-grid{display:grid;gap:32px;grid-template-columns:1.3fr 1fr 1fr}
.zayavka-grid{display:grid;gap:40px;grid-template-columns:1fr 1fr}
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;gap:8px;
  padding:10px clamp(12px,4vw,18px) calc(10px + env(safe-area-inset-bottom));
  background:rgba(220,228,233,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #B4C3CD;
  transform:translateY(110%);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.mobile-cta[data-show="1"]{transform:none}
@media(max-width:760px){.mobile-cta{display:flex}}
.nav-phone{display:none}
@media(min-width:520px){.nav-phone{display:block}}
@media(min-width:1100px){.nav-phone{display:block}.nav-links{margin-left:auto}}
@media(max-width:1099px){.nav-links{display:none!important}}
@media(max-width:1000px){
  .nikogda-grid{grid-template-columns:repeat(2,1fr)}
  .fotoshchit-grid{grid-template-columns:1fr;gap:30px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-photo{aspect-ratio:16/9}
  .uslugi-grid{grid-template-columns:repeat(2,1fr)}
  .shchit-grid{grid-template-columns:1fr!important;gap:32px!important}
}
@media(max-width:900px){
  .pr-head{grid-template-columns:1fr;gap:18px}
  .pr-btn{grid-template-columns:22px 38px minmax(0,1fr);gap:14px;padding:18px 2px}
  .pr-dur{grid-column:2 / -1;justify-self:start;margin-top:6px}
  .pr-body{padding-left:calc(22px + 38px + 28px)}
}
@media(max-width:760px){
  .facts{grid-template-columns:1fr;gap:20px}
  .uslugi-grid{grid-template-columns:1fr}
  .nikogda-grid{grid-template-columns:1fr}
  .smeta-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .zayavka-grid{grid-template-columns:1fr}
}