@font-face{font-family:'STG';src:url('../assets/fonts/FuturaPT-Book.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'STG';src:url('../assets/fonts/FuturaPT-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'STG';src:url('../assets/fonts/FuturaPT-Demi.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'STG';src:url('../assets/fonts/FuturaPT-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}

:root{
  --surface-page:#F2F4F5;
  --surface-paper:#FFFFFF;
  --surface-steel:#E7EBED;
  --surface-dark:#111416;
  --sand:var(--surface-page);
  --paper:var(--surface-paper);
  --dark:var(--surface-dark);
  --dark-2:#1A1F23;
  --ink:#15191C;
  --ink-2:#5F686E;
  --ink-l:#F1F4F5;
  --muted-l:rgba(241,244,245,.74);
  --red:#A5241B;
  --red-d:#87190F;
  --steel:#AEB7BD;
  --steel-t:#717B83;
  --line:rgba(21,25,28,.14);
  --line-l:rgba(241,244,245,.20);
  --hd:76px;
  --r:4px;
  --layout-max:1360px;
  --layout-gutter:clamp(20px,5vw,64px);
  --section-space:clamp(72px,6.8vw,96px);
  --section-subspace:clamp(60px,6vw,84px);
  --section-head-gap:clamp(38px,4.5vw,58px);
  --section-title:clamp(36px,4.15vw,56px);
  --section-title-leading:1.04;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--sand);color:var(--ink);
  font-family:'STG',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  font-size:17px;line-height:1.62;font-weight:400;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.012em;line-height:1.08}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}

:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}
.hero :focus-visible,.b2b :focus-visible,.ft :focus-visible{outline-color:var(--ink-l)}

.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--red);color:#fff;padding:12px 18px}
.skip:focus{left:12px;top:12px}

.wrap{width:100%;max-width:var(--layout-max);margin:0 auto;padding-inline:var(--layout-gutter)}

.eyebrow{
  display:flex;align-items:center;gap:11px;margin:0 0 16px;
  font-size:12.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--steel-t);
}
.eyebrow::before{content:'';flex:0 0 auto;width:1px;height:14px;background:currentColor;opacity:.75}
.eyebrow--l{color:var(--steel)}

.h2{font-size:clamp(27px,3.3vw,43px);line-height:1.07;text-wrap:balance}
.faq__side .h2{font-size:clamp(24px,2.6vw,34px)}
.h2--sm{font-size:clamp(24px,2.4vw,32px)}
.h3{font-size:clamp(19px,1.5vw,22px);margin:0 0 12px}

.sechead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:clamp(34px,4.5vw,58px)}
.sechead__lead{color:var(--ink-2);font-size:16.5px;max-width:52ch}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 28px;min-height:52px;border:1px solid transparent;border-radius:var(--r);
  font-size:16px;font-weight:600;letter-spacing:.005em;cursor:pointer;
  text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.btn--red{background:var(--red);color:#fff;border-color:var(--red)}
.btn--red:hover{background:var(--red-d);border-color:var(--red-d)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{border-color:var(--ink);background:rgba(21,25,28,.04)}
.btn--ghost-l{background:transparent;color:var(--ink-l);border-color:rgba(241,244,245,.42)}
.btn--ghost-l:hover{border-color:var(--ink-l);background:rgba(241,244,245,.09)}
.btn--sm{padding:11px 18px;min-height:44px;font-size:15px}
.btn--wide{width:100%}

.hd{position:fixed;inset:0 0 auto;z-index:90;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}
.hd__in{display:flex;align-items:center;gap:24px;height:var(--hd);width:100%;max-width:var(--layout-max);margin:0 auto;padding-inline:var(--layout-gutter)}
.hd.is-solid{background:rgba(242,244,245,.95);backdrop-filter:saturate(125%) blur(10px);border-color:var(--line)}

.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink-l);flex:0 0 auto}
.hd.is-solid .logo{color:var(--ink)}
.logo__mk{width:auto;height:42px;flex:0 0 auto}
.logo__tx{display:flex;flex-direction:column;line-height:1.05}
.logo__wm{font-size:21px;font-weight:700;letter-spacing:.005em}
.logo__sub{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;opacity:.62;margin-top:3px}

.hd__nav{display:flex;align-items:center;gap:clamp(14px,1.7vw,28px);margin-left:auto}
.hd__nav a{font-size:15px;text-decoration:none;color:var(--muted-l);transition:color .2s;white-space:nowrap}
.hd__nav a:hover{color:var(--ink-l)}
.hd.is-solid .hd__nav a{color:var(--ink-2)}
.hd.is-solid .hd__nav a:hover{color:var(--red)}
.hd__nav-tel{display:none}
.hd__nav-cta{display:none}

.hd__right{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.hd__tel{font-size:16.5px;font-weight:600;text-decoration:none;color:var(--ink-l);white-space:nowrap}
.hd.is-solid .hd__tel{color:var(--ink)}
.hd__telm,.hd__msgm{display:none;width:44px;height:44px;place-items:center;color:var(--ink-l);text-decoration:none}
.hd__msgm{background:none;border:0;padding:0;cursor:pointer}
.hd__telm svg,.hd__msgm svg{width:21px;height:21px}
.hd.is-solid .hd__telm,.hd.is-solid .hd__msgm{color:var(--ink)}
.hd__burger{display:none;width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;position:relative}
.hd__burger::before,.hd__burger::after{content:'';position:absolute;left:9px;width:26px;height:2px;background:#F1F4F5;transition:transform .25s,box-shadow .2s}
.hd__burger::before{top:13px;box-shadow:0 8px 0 #F1F4F5}
.hd__burger::after{top:29px}
.hd.is-solid .hd__burger::before,.hd.is-solid .hd__burger::after{background:#15191C}
.hd.is-solid .hd__burger::before{box-shadow:0 8px 0 #15191C}
body.nav-open .hd__burger::before{transform:translateY(8px) rotate(45deg);box-shadow:0 8px 0 transparent}
body.nav-open .hd__burger::after{transform:translateY(-8px) rotate(-45deg)}

.hero{
  --hero-trust-h:172px;
  --hero-reveal-start:polygon(0 0,100% 0,100% 100%,0 100%);
  --hero-object-position:center 56%;
  --hero-stroke-left:5%;--hero-stroke-top:35%;--hero-stroke-width:90%;--hero-stroke-angle:-3deg;
  position:relative;min-height:max(100svh,780px);display:flex;align-items:flex-end;
  overflow:hidden;background:#0E1113;isolation:isolate
}
body[data-dir="kozyrki"] .hero{
  --hero-reveal-start:polygon(0 0,100% 0,100% 100%,0 100%);
  --hero-object-position:center 42%;
  --hero-stroke-left:17%;--hero-stroke-top:13%;--hero-stroke-width:66%;--hero-stroke-angle:0deg
}
body[data-dir="vhodnye"] .hero{
  --hero-reveal-start:polygon(0 0,100% 0,100% 100%,0 100%);
  --hero-object-position:center 52%;
  --hero-stroke-left:43%;--hero-stroke-top:17%;--hero-stroke-width:35%;--hero-stroke-angle:0deg
}
.hero__pic{position:absolute;inset:-1.5%;will-change:transform,clip-path}
.hero__pic{
  z-index:0;clip-path:var(--hero-reveal-start);
  transition:clip-path .92s cubic-bezier(.76,0,.2,1),transform 1.25s cubic-bezier(.2,.7,.2,1)
}
body.is-in .hero__pic{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.hero__img{
  width:100%;height:100%;object-fit:cover;object-position:var(--hero-object-position)
}
.hero__img{
  transform:scale(1.025);
  filter:saturate(1) contrast(1.01)
}
.hero__roof-stroke{
  position:absolute;z-index:4;top:var(--hero-stroke-top);left:var(--hero-stroke-left);
  width:var(--hero-stroke-width);height:1px;pointer-events:none;
  transform:rotate(var(--hero-stroke-angle));transform-origin:left center;
  background:linear-gradient(90deg,transparent 0,var(--red) 9%,rgba(241,244,245,.9) 48%,rgba(241,244,245,.2) 88%,transparent);
  opacity:.9;box-shadow:0 0 22px rgba(165,36,27,.28);
  transition:opacity .38s ease .72s,transform .9s cubic-bezier(.76,0,.2,1)
}
.hero__roof-stroke{display:none}
.hero__scrim{
  position:absolute;z-index:2;inset:0;pointer-events:none;
  background:
   linear-gradient(90deg,rgba(9,12,14,.93) 0%,rgba(9,12,14,.79) 26%,rgba(9,12,14,.48) 47%,rgba(9,12,14,.12) 72%,rgba(9,12,14,.16) 100%),
   linear-gradient(0deg,rgba(9,12,14,.54) 0%,rgba(9,12,14,.06) 43%,rgba(9,12,14,0) 70%),
   linear-gradient(180deg,rgba(9,12,14,.53) 0%,rgba(9,12,14,.14) 13%,rgba(9,12,14,0) 28%)
}
.hero__wrap{
  position:relative;z-index:3;width:100%;max-width:1360px;margin:0 auto;
  padding:calc(var(--hd) + 42px) clamp(20px,5vw,64px) calc(var(--hero-trust-h) + clamp(120px,20vh,210px))
}
.hero__content{max-width:850px}
.hero__title{
  max-width:16ch;margin:0 0 26px;color:var(--ink-l);
  font-size:clamp(38px,4.15vw,60px);line-height:1.08;letter-spacing:-.014em;text-wrap:balance
}
.hero__accent{color:var(--ink-l);white-space:nowrap;box-shadow:inset 0 -.14em var(--red)}
.hero__sub{color:rgba(241,244,245,.85);font-size:clamp(18px,1.6vw,23px);line-height:1.45;max-width:60ch;margin-bottom:44px}
body[data-dir="all"] .hero__sub,body[data-dir="kozyrki"] .hero__sub,body[data-dir="vhodnye"] .hero__sub{max-width:66ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.hero__cta .btn{position:relative;isolation:isolate}
.hero__cta .btn>span{position:relative;z-index:1}
.hero__note{color:rgba(241,244,245,.6);font-size:14.5px;max-width:52ch;margin-bottom:0}
.hero__object-label{
  position:absolute;z-index:4;top:calc(var(--hd) + 24px);right:clamp(20px,5vw,64px);
  display:flex;align-items:center;gap:9px;margin:0;padding:9px 12px;
  border:1px solid rgba(241,244,245,.22);background:rgba(14,17,19,.38);
  color:rgba(241,244,245,.76);font-size:10px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(8px)
}
.hero__object-label::before{width:6px;height:6px;background:var(--red);content:'';box-shadow:0 0 0 3px rgba(165,36,27,.2)}
.hero__trust{
  position:absolute;right:0;bottom:0;left:0;z-index:5;
  border-top:1px solid rgba(241,244,245,.16);
  background:linear-gradient(180deg,rgba(14,17,19,.01),rgba(14,17,19,.06));
  -webkit-backdrop-filter:blur(6px) saturate(1.04);
  backdrop-filter:blur(6px) saturate(1.04);
  box-shadow:inset 0 1px rgba(255,255,255,.04)
}
.hero__trust::before{
  position:absolute;top:-1px;left:0;width:25%;height:2px;
  background:linear-gradient(90deg,var(--red),rgba(165,36,27,.3));content:''
}
.hero__trust-label{display:none}
.hero__trust-grid{
  display:grid;max-width:1360px;min-height:var(--hero-trust-h);
  grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:0 clamp(20px,5vw,64px);
  list-style:none
}
.hero__trust-grid li{
  position:relative;display:flex;min-width:0;flex-direction:column;justify-content:flex-start;
  padding:15px clamp(18px,2.4vw,34px) 13px;border-left:1px solid rgba(241,244,245,.2)
}
.hero__trust-grid li:first-child{padding-left:0;border-left:0}
.hero__trust-grid li:last-child{padding-right:0}
.hero__trust-num{
  position:absolute;top:18px;right:clamp(18px,2.4vw,34px);
  color:rgba(241,244,245,.34);font-size:10px;letter-spacing:.16em
}
.hero__trust-grid strong{
  margin:0 0 5px;color:var(--ink-l);white-space:nowrap;
  font-size:clamp(16px,1.25vw,19px);font-weight:600;line-height:1.16;letter-spacing:-.01em;
  text-shadow:0 1px 18px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,.9)
}
.hero__trust-grid p{
  margin:0;color:rgba(241,244,245,.78);
  font-size:clamp(12.5px,.98vw,14px);line-height:1.45;
  text-shadow:0 1px 12px rgba(0,0,0,.92),0 1px 2px rgba(0,0,0,.95)
}

.hero__scroll{position:absolute;right:clamp(20px,5vw,64px);bottom:calc(var(--hero-trust-h) + 22px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(241,244,245,.55);text-decoration:none;font-size:11px;letter-spacing:.17em;text-transform:uppercase}
.hero__scroll svg{width:17px;height:17px;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d) * 90ms + 120ms)}
body.is-in .reveal{opacity:1;transform:none}

.dirs{padding:clamp(64px,8vw,110px) 0 clamp(50px,6vw,80px)}
.dirs__grid{display:flex;gap:12px;height:clamp(560px,47vw,680px)}
.plate{
  position:relative;display:block;flex:1 1 0;min-width:0;height:100%;padding:0;border:0;
  background:var(--dark);overflow:hidden;cursor:pointer;text-align:left;border-radius:0;
  transition:
    flex-grow .7s cubic-bezier(.32,.72,.28,1),
    flex-basis .7s cubic-bezier(.32,.72,.28,1),
    transform .7s cubic-bezier(.32,.72,.28,1),
    filter .55s ease,
    box-shadow .55s ease;
  will-change:flex-grow,transform
}
.dirs__grid.is-interacting .plate.is-active{flex-grow:2.15}
.plate picture,.plate img{position:absolute;inset:0;width:100%;height:100%}
.plate:nth-of-type(1) img{object-position:58% center}
.plate:nth-of-type(2) img{object-position:49% 44%}
.plate:nth-of-type(3) img{object-position:52% center}
.plate img{object-fit:cover;transition:transform 1.1s cubic-bezier(.32,.72,.28,1),filter .6s ease;filter:saturate(.94)}
.plate.is-active img{transform:scale(1.026);filter:saturate(1)}
.plate::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(8,11,13,.22) 0%,rgba(8,11,13,.04) 35%,rgba(8,11,13,.88) 100%);
  transition:background .55s ease
}
.dirs__grid.is-interacting .plate:not(.is-active)::before{
  background:linear-gradient(180deg,rgba(8,11,13,.34) 0%,rgba(8,11,13,.14) 35%,rgba(8,11,13,.93) 100%)
}
.plate::after{content:'';position:absolute;left:0;right:0;top:0;height:4px;z-index:2;background:rgba(241,244,245,.42);transition:background .28s}
.plate.is-active::after{background:var(--red)}
.plate__body{
  position:relative;z-index:3;display:flex;flex-direction:column;height:100%;justify-content:flex-end;
  padding:clamp(24px,2.35vw,32px);color:var(--ink-l);text-shadow:0 1px 14px rgba(9,12,14,.5)
}
.plate__n{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.16em;color:var(--ink-l);margin-bottom:auto}
.plate__n::after{content:'';width:54px;height:1px;background:rgba(241,244,245,.54)}
.plate__t{
  font-size:clamp(30px,2.75vw,40px);font-weight:700;line-height:1.02;margin-bottom:13px;
  transform-origin:left bottom;will-change:transform;
  transition:transform .7s cubic-bezier(.32,.72,.28,1)
}
.plate.is-active .plate__t{transform:scale(1.62)}
.dirs__grid.is-interacting .plate:not(.is-active) .plate__t{transform:scale(.88)}
.plate__d{color:rgba(241,244,245,.82);font-size:16px;line-height:1.38;max-width:40ch;min-height:45px;margin-bottom:23px}
.plate__a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding-top:18px;
  border-top:1px solid rgba(241,244,245,.34);font-size:14.5px;font-weight:600;color:var(--ink-l)
}
.plate__a svg{
  width:44px;height:44px;padding:12px;border:1px solid rgba(241,244,245,.56);border-radius:50%;
  transition:background .25s,border-color .25s,transform .25s
}
.plate:hover .plate__a svg,.plate:focus-visible .plate__a svg{background:var(--red);border-color:var(--red);transform:translateX(2px)}

.pr{padding:clamp(64px,7.5vw,104px) 0;background:var(--sand)}
.lead-pr{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(20px,3vw,44px);align-items:center;margin-bottom:clamp(38px,5vw,60px)}
.lead-pr__pic img{width:100%;aspect-ratio:3/2;object-fit:cover}
.lead-pr__t{font-size:clamp(22px,2.2vw,30px);margin:0 0 18px}
.params{border-top:1px solid var(--line);margin-bottom:20px}
.params>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.params dt{color:var(--steel-t);font-size:14px}
.params dd{font-size:14.5px;font-weight:500;text-align:right}
.stub{position:relative;color:var(--ink-2);font-size:14.5px;padding-left:0;margin-bottom:22px}
.stub__b{display:inline-block;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-t);border:1px solid var(--line);padding:2px 7px;margin-right:9px;vertical-align:2px}

.pr__filters{display:inline-flex;flex-wrap:wrap;gap:4px;padding:5px;margin-bottom:26px;border:1px solid rgba(21,25,28,.16);background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 10px rgba(14,18,21,.05)}
.f{background:none;border:0;padding:11px 20px;font-size:15.5px;color:var(--ink-2);cursor:pointer;position:relative;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:color .2s,background .2s}
.f:hover{color:var(--ink);background:rgba(21,25,28,.05)}
.f.is-on{color:#fff;font-weight:600;background:var(--ink)}
.f.is-on:hover{background:var(--ink)}
.f span{font-size:12.5px;font-weight:400;color:var(--steel-t);transition:color .2s}
.f.is-on span{color:rgba(255,255,255,.62)}
.f:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.pr__lead{margin:0 0 12px;color:var(--steel-t);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}

.pr__grid{column-count:3;column-gap:14px}
.card{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;break-inside:avoid;margin:0 0 14px;position:relative}
.card picture{display:block;position:relative;overflow:hidden;background:#E5E9EB}
.card img{width:100%;height:auto;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.card:hover img,.card:focus-visible img{transform:scale(1.035)}
.card__meta{display:flex;flex-direction:column;gap:1px;padding:11px 2px 0}
.card__type{font-size:15.5px;font-weight:500}
.card__loc{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-t)}
.card.is-off{display:none}
.pr__more{display:none;margin-top:8px}
.pr__more.is-on{display:block}
.pr__stub{margin-top:26px;color:var(--ink-2);font-size:14px}

.dos{padding:clamp(64px,8vw,108px) 0;background:var(--paper)}
.dos__grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(26px,4vw,64px);align-items:start}
.dos__left{position:relative}
.dos__pic img{width:100%;aspect-ratio:3/4;object-fit:cover}
.doc{position:relative;margin:-84px 0 0 clamp(18px,3vw,44px);background:var(--sand);padding:clamp(22px,2.6vw,34px);border:1px solid var(--line)}
.doc__k{font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel-t);margin-bottom:16px}
.doc__l li{display:flex;align-items:baseline;gap:8px;padding:9px 0;font-size:15.5px;font-weight:500}
.doc__l li+li{border-top:1px solid var(--line)}
.doc__l li::after{content:'';flex:1 1 auto;border-bottom:1px dotted rgba(21,25,28,.34);transform:translateY(-4px)}
.doc__f{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}

.dos__blk{margin-bottom:clamp(26px,3vw,40px)}
.dos__blk p{font-size:16px;color:var(--ink-2)}
.dos__blk--img{display:grid;grid-template-columns:1fr 200px;gap:clamp(18px,2.4vw,32px);align-items:start}
.dos__det img{width:200px;height:200px;object-fit:cover}
.dos__num{padding-top:clamp(20px,2.4vw,30px);border-top:1px solid var(--line)}
.dos__big{font-size:clamp(46px,6.6vw,86px);font-weight:700;line-height:.95;color:var(--red);letter-spacing:-.03em;margin-bottom:12px}
.dos__cap{max-width:46ch;color:var(--ink-2);font-size:15.5px;margin-bottom:10px}
.dos__since{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-t)}
.quote{margin:clamp(24px,3vw,36px) 0 0;padding-left:clamp(16px,2vw,26px);border-left:1px solid var(--red)}
.quote blockquote{margin:0 0 10px;font-size:clamp(17px,1.6vw,21px);line-height:1.42;font-weight:500}
.quote figcaption{font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--steel-t)}

.rev{padding:clamp(56px,7vw,92px) 0}
.rev__grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(26px,5vw,72px)}
.rev__lead{color:var(--ink-2);font-size:15px;margin-top:16px;max-width:40ch}
.rev__list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.6vw,36px)}
.rev__i{margin:0;padding-top:20px;border-top:1px solid var(--line)}
.rev__i--big{grid-column:1 / -1}
.stars{display:flex;gap:4px;margin-bottom:14px}
.stars span{width:12px;height:12px;background:var(--steel-t);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.rev__i blockquote{margin:0 0 14px;font-size:16px;line-height:1.55;color:var(--ink)}
.rev__i--big blockquote{font-size:clamp(19px,2vw,26px);line-height:1.38;font-weight:500;max-width:34ch}
.rev__i figcaption{display:flex;flex-direction:column;gap:2px}
.rev__i figcaption b{font-size:14.5px;font-weight:600}
.rev__i figcaption span{font-size:12.5px;color:var(--ink-2)}
.rev__src{letter-spacing:.1em;text-transform:uppercase;font-size:11px!important;color:var(--steel-t)!important;margin-top:4px}

.oth{padding:clamp(56px,7vw,92px) 0}
.oth__grid{display:grid;grid-template-columns:1fr .42fr;gap:clamp(24px,3.4vw,52px);align-items:start}
.oth__lead{color:var(--ink-2);font-size:16.5px;max-width:60ch;margin-bottom:clamp(24px,3vw,38px)}
.idx{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);margin-bottom:22px}
.idx__k{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-t);margin-bottom:10px}
.idx__l li{font-size:clamp(17px,1.5vw,20px);font-weight:500;padding:11px 0;border-bottom:1px solid var(--line)}
.oth__note{color:var(--ink-2);font-size:14.5px;max-width:64ch;margin-bottom:24px}
.b2b{background:var(--dark);color:var(--ink-l);padding:clamp(26px,3vw,40px);align-self:stretch}
.b2b__t{font-size:clamp(20px,1.9vw,25px);margin:0 0 14px;line-height:1.14}
.b2b__p{color:var(--muted-l);font-size:15.5px;margin-bottom:20px}
.b2b__l{margin-bottom:26px}
.b2b__l li{position:relative;padding:10px 0 10px 18px;font-size:15px;border-top:1px solid var(--line-l)}
.b2b__l li::before{content:'';position:absolute;left:0;top:18px;width:5px;height:5px;background:var(--red);transform:rotate(45deg)}

.faq{padding:clamp(56px,7vw,92px) 0;background:var(--paper)}
.faq__grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(26px,5vw,72px);align-items:start}
.faq__side{position:sticky;top:calc(var(--hd) + 26px)}
.faq__lead{color:var(--ink-2);font-size:15px;margin-top:16px;max-width:36ch}
.faq__grp{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel-t);margin:0 0 6px;padding-top:8px}
.faq__grp:not(:first-child){margin-top:34px}
.q{border-top:1px solid var(--line)}
.q:last-child{border-bottom:1px solid var(--line)}
.q summary{list-style:none;cursor:pointer;position:relative;padding:20px 46px 20px 0;font-size:clamp(17px,1.5vw,20.5px);font-weight:500;min-height:44px;transition:color .2s}
.q summary::-webkit-details-marker{display:none}
.q summary:hover{color:var(--red)}
.q summary::before,.q summary::after{content:'';position:absolute;right:6px;top:50%;background:var(--ink);transition:transform .25s,background .2s}
.q summary::before{width:15px;height:1px;margin-top:-.5px}
.q summary::after{width:1px;height:15px;right:13px;margin-top:-7.5px}
.q[open] summary::after{transform:rotate(90deg);opacity:0}
.q[open] summary{color:var(--red)}
.q[open] summary::before{background:var(--red)}
.q__a{padding:0 46px 22px 0;max-width:68ch}
.q__a p{font-size:16px;color:var(--ink-2)}

.lead{padding:clamp(56px,7vw,96px) 0 clamp(64px,8vw,104px)}
.lead__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,84px);align-items:start}
.lead__p{color:var(--ink-2);font-size:16.5px;max-width:46ch}
.lead__p--m{font-size:15px}
.bigtel{display:inline-block;margin:clamp(22px,3vw,34px) 0 20px;font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.02em;text-decoration:none;transition:color .2s}
.bigtel:hover{color:var(--red)}
.cts{border-top:1px solid var(--line)}
.cts li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line)}
.cts li span{font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-t)}
.cts li a,.cts li b{font-size:15.5px;font-weight:500;text-decoration:none;text-align:right}
.cts li a{border-bottom:1px solid var(--line);transition:color .2s,border-color .2s}
.cts li a:hover{color:var(--red);border-color:var(--red)}

.frm{background:transparent;padding:0;border:0}
.frm__ctx{font-size:13px;color:var(--red);border:1px solid rgba(165,36,27,.3);padding:9px 13px;margin-bottom:20px;background:rgba(165,36,27,.05)}
.fld{display:block;margin-bottom:20px;border:0;padding:0}
.fld__l{display:flex;align-items:baseline;gap:7px;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--steel-t);margin-bottom:6px}
.fld__l b{color:var(--red)}
.fld__l i{font-style:normal;text-transform:none;letter-spacing:.02em;font-size:12px;opacity:.75}
.frm input[type=text],.frm input[type=tel],.frm select,.frm textarea{
  width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;
  padding:9px 0;font:inherit;font-size:16.5px;color:var(--ink);border-radius:0;transition:border-color .2s;
}
.frm textarea{resize:vertical;min-height:74px}
.frm input:focus,.frm select:focus,.frm textarea:focus{outline:0;border-bottom-color:var(--red)}
.fld--main input{font-size:24px;font-weight:600;padding:10px 0}
.fld--set{margin-bottom:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line);font-size:14.5px;transition:border-color .2s,background .2s,color .2s}
.chips input:checked+span{border-color:var(--red);color:var(--red);background:rgba(165,36,27,.05)}
.chips input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.drop{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;border:1px dashed rgba(21,25,28,.28);padding:16px;cursor:pointer;transition:border-color .2s,background .2s}
.drop:hover{border-color:var(--red);background:rgba(165,36,27,.03)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop svg{width:22px;height:22px;color:var(--steel-t)}
.drop__t{font-size:15.5px;font-weight:500}
.drop__h{font-size:12.5px;color:var(--ink-2);line-height:1.4}
.agree{display:flex;gap:10px;align-items:flex-start;margin-bottom:22px;font-size:13.5px;color:var(--ink-2)}
.agree input{margin-top:3px;width:17px;height:17px;accent-color:var(--red);flex:0 0 auto}
.agree a{color:var(--ink)}
.frm__msg{margin-top:14px;font-size:14.5px}
.frm__msg.is-err{color:var(--red)}
.frm__msg.is-ok{color:#2C6B45}
.frm__dev{margin-top:14px;font-size:12px;color:var(--steel-t);line-height:1.45}

.ft{background:var(--dark);color:var(--ink-l);padding:clamp(46px,5vw,72px) 0 26px}
.ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:clamp(22px,3vw,44px);padding-bottom:clamp(32px,4vw,50px);border-bottom:1px solid var(--line-l)}
.ft__brand p{margin-top:14px;color:var(--muted-l);font-size:14.5px;max-width:34ch}
.logo--ft{color:var(--ink-l)}
.ft__col{display:flex;flex-direction:column;gap:9px}
.ft__k{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--steel);margin:0 0 6px}
.ft__col a,.ft__col span{font-size:14.5px;color:var(--muted-l);text-decoration:none;transition:color .2s}
.ft__col a:hover{color:var(--ink-l)}
.ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;padding-top:22px;font-size:12.5px;color:rgba(241,244,245,.5)}
.ft__leg{display:flex;flex-wrap:wrap;gap:20px}
.ft__leg a{text-decoration:none;border-bottom:1px solid rgba(241,244,245,.25)}

.pnl{position:fixed;inset:0;z-index:120;display:block}
.pnl[hidden]{display:none}
.pnl__ov{
  position:absolute;inset:0;background:rgba(9,12,14,.82);opacity:0;
  transition:opacity .28s ease
}
.pnl__box{
  position:absolute;inset:12px;width:auto;max-height:none;background:var(--paper);overflow-x:hidden;overflow-y:auto;
  opacity:0;transform:scale(.992) translateY(10px);transform-origin:center;
  transition:opacity .38s ease,transform .52s cubic-bezier(.22,1,.36,1)
}
.pnl.is-open .pnl__ov{opacity:1}
.pnl.is-open .pnl__box{opacity:1;transform:none}
.pnl__x{
  position:fixed;top:29px;right:29px;z-index:8;width:46px;height:46px;display:grid;place-items:center;
  background:rgba(255,255,255,.94);border:1px solid var(--line);cursor:pointer;border-radius:50%;
  transition:background .2s,color .2s,border-color .2s,transform .2s
}
.pnl__x svg{width:19px;height:19px}
.pnl__x:hover{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(3deg)}
body.pnl-open{overflow:hidden}

.service-modal{scrollbar-width:thin;scrollbar-color:rgba(21,25,28,.32) transparent}
.sm__hero{
  display:grid;grid-template-columns:42% 58%;min-height:calc(100svh - 24px);
  background:var(--paper);border-bottom:1px solid var(--line)
}
.sm__hero-photo{position:relative;min-height:680px;overflow:hidden;background:var(--dark);color:#fff}
.sm__hero-photo picture,.sm__hero-photo picture img{position:absolute;inset:0;width:100%;height:100%}
.sm__hero-photo picture img{object-fit:cover;object-position:center;filter:saturate(.94) contrast(1.02)}
.sm__hero-photo--kozyrki picture img{object-position:center 42%}
.sm__hero-photo--vhod picture img{object-position:center 52%}
.sm__hero-photo::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(9,12,14,.2),transparent 38%,rgba(9,12,14,.4))
}
.sm__brand{
  position:absolute;z-index:2;top:32px;left:34px;display:flex;align-items:center;gap:12px;color:#fff
}
.sm__brand svg{width:38px;height:38px;flex:0 0 auto}
.sm__brand span{display:flex;flex-direction:column;line-height:1.03}
.sm__brand b{font-size:19px;letter-spacing:.01em}
.sm__brand small{margin-top:4px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.64)}
.sm__photo-index{
  position:absolute;z-index:2;left:36px;bottom:30px;display:flex;align-items:center;gap:13px;margin:0;
  color:#fff;font-size:12px;font-weight:600;letter-spacing:.13em
}
.sm__photo-index::after{content:'';width:78px;height:1px;background:rgba(255,255,255,.62)}
.sm__intro{display:flex;flex-direction:column;min-width:0;padding:0 clamp(34px,4.1vw,60px)}
.sm__crumb{
  display:flex;align-items:center;min-height:82px;margin:0;padding-right:56px;border-bottom:1px solid var(--line);
  color:var(--steel-t);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase
}
.sm__intro-main{display:flex;flex:1;flex-direction:column;justify-content:center;padding:34px 0 32px}
.sm__intro-main>.eyebrow{margin-bottom:18px}
.sm__title{
  max-width:760px;margin:0 0 20px;font-size:clamp(42px,3.9vw,58px);line-height:.98;letter-spacing:-.032em
}
.sm__lead{max-width:700px;margin:0 0 29px;color:var(--ink-2);font-size:18px;line-height:1.45}
.sm__compare{
  display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.sm__option{min-width:0;padding:22px 27px 20px 0}
.sm__option+.sm__option{padding-left:28px;border-left:1px solid var(--line)}
.sm__num{display:block;margin-bottom:6px;color:var(--steel-t);font-size:10px;font-weight:600;letter-spacing:.13em}
.sm__option h3{margin:0 0 10px;font-size:clamp(22px,2vw,28px);line-height:1.05}
.sm__option p{margin:0 0 12px;color:var(--ink-2);font-size:15px;line-height:1.38}
.sm__option ul{border-top:1px solid rgba(21,25,28,.10)}
.sm__option li{position:relative;padding:7px 0 7px 15px;border-bottom:1px solid rgba(21,25,28,.10);font-size:14px;line-height:1.3}
.sm__option li::before{content:'';position:absolute;left:0;top:14px;width:5px;height:5px;background:var(--red)}
.sm__actions{display:flex;align-items:center;gap:24px;padding-top:27px}
.sm__text-action{
  padding:0 0 3px;background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--ink-2);
  font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s
}
.sm__text-action:hover{color:var(--red)}
.sm__components{
  display:grid;grid-template-columns:1fr 1fr;margin-top:3px;border-top:1px solid var(--line);border-left:1px solid var(--line)
}
.sm__components div{
  display:flex;flex-direction:column;justify-content:space-between;min-height:112px;padding:18px 20px;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line)
}
.sm__components span{color:var(--steel-t);font-size:10px;font-weight:600;letter-spacing:.13em}
.sm__components strong{font-size:22px;line-height:1.12}

.sm__section{padding:clamp(60px,6vw,82px) clamp(34px,5vw,76px)}
.sm__uses{display:grid;grid-template-columns:390px 1fr;gap:clamp(54px,7vw,104px);background:var(--sand)}
.sm__section-head h3{margin:0;font-size:clamp(37px,3.5vw,50px);line-height:1.02;letter-spacing:-.028em}
.sm__section-head>p:last-child{max-width:340px;margin:22px 0 0;color:var(--ink-2);font-size:17px;line-height:1.5}
.sm__list{border-top:1px solid var(--line)}
.sm__list li{display:grid;grid-template-columns:50px 1fr auto;align-items:center;min-height:70px;border-bottom:1px solid var(--line)}
.sm__list li::after{content:'→';color:var(--red);font-size:18px}
.sm__list span{color:var(--steel-t);font-size:11px;font-weight:600;letter-spacing:.12em}
.sm__list strong{font-size:clamp(20px,2vw,27px);font-weight:600;letter-spacing:-.012em}

.sm__calculation{display:grid;grid-template-columns:48% 52%;min-height:650px;background:var(--dark);color:var(--ink-l)}
.sm__calc-photo{overflow:hidden;background:#0f0c08}
.sm__calc-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.05)}
.sm__calc-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,5vw,72px)}
.sm__calc-content h3{max-width:620px;margin:0 0 38px;font-size:clamp(38px,3.5vw,50px);line-height:1.02;letter-spacing:-.027em}
.sm__facts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line-l);border-left:1px solid var(--line-l)}
.sm__facts>div{display:flex;flex-direction:column;justify-content:space-between;min-height:124px;padding:20px 22px;border-right:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.sm__facts span{color:var(--steel);font-size:10px;font-weight:600;letter-spacing:.13em}
.sm__facts strong{font-size:clamp(18px,1.7vw,22px);line-height:1.22}
.sm__calc-note{max-width:630px;margin:24px 0 0;color:var(--muted-l);font-size:15px;line-height:1.5}

.sm__gallery{background:var(--paper)}
.sm__gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}
.sm__gallery-grid{display:grid;grid-template-columns:1.45fr .775fr .775fr;gap:12px;height:390px}
.sm__gallery-grid figure{position:relative;margin:0;overflow:hidden;background:var(--dark)}
.sm__gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.sm__gallery-grid figure:hover img{transform:scale(1.025)}
.sm__gallery-grid figure::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,11,13,.58))}
.sm__gallery-grid figcaption{position:absolute;z-index:1;right:18px;bottom:16px;left:18px;color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 12px rgba(0,0,0,.65)}

.sm__final{padding:clamp(58px,5vw,72px) clamp(34px,5vw,76px) 52px;background:var(--red);color:#fff}
.sm__final-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(52px,7vw,98px);align-items:end;margin-bottom:54px}
.sm__final-copy h3{max-width:720px;margin:0;font-size:clamp(40px,4vw,56px);line-height:.98;letter-spacing:-.03em}
.sm__final-copy>div:last-child>p{max-width:500px;margin:0 0 22px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.45}
.sm__final-actions{display:flex;flex-wrap:wrap;gap:14px}
.sm__final-btn{background:#fff;color:var(--red);border-color:#fff}
.sm__final-btn:hover{background:#f4ece1;color:var(--red);border-color:#f4ece1}
.sm__final-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.48)}
.sm__final-ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.sm__proofs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.34)}
.sm__proofs li{padding-top:18px;color:rgba(255,255,255,.76);font-size:15px}
.sm__proofs strong{display:block;margin-bottom:3px;color:#fff;font-size:24px}
.sm__proofs span{display:block}


.demo{position:fixed;left:14px;bottom:14px;z-index:110;font-size:13px}
.demo__toggle{background:var(--dark);color:var(--ink-l);border:0;padding:9px 14px;border-radius:20px;cursor:pointer;font-size:12.5px;box-shadow:0 6px 22px rgba(0,0,0,.22)}
.demo__body{display:none;margin-top:8px;background:var(--dark);color:var(--ink-l);padding:14px;width:250px;border-radius:6px;box-shadow:0 10px 34px rgba(0,0,0,.3)}
.demo[data-open="true"] .demo__body{display:block}
.demo__lab{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:9px}
.demo__seg{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
.demo__seg button{background:transparent;border:1px solid rgba(241,244,245,.28);color:var(--ink-l);padding:6px 10px;font-size:12.5px;cursor:pointer;border-radius:3px}
.demo__seg button.on{background:var(--red);border-color:var(--red)}
.demo__hint{font-size:11.5px;color:rgba(241,244,245,.6);line-height:1.4;margin:0}
.demo__hint code{background:rgba(241,244,245,.12);padding:1px 5px;border-radius:3px}


.kases{display:grid;gap:clamp(20px,2.6vw,34px)}
.kase{
  position:relative;display:grid;grid-template-columns:minmax(290px,.64fr) minmax(0,1.36fr);
  grid-template-areas:"body media";gap:0;align-items:stretch;padding:0;
  overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:0
}
.kase>div{min-width:0}
.kase__body{
  grid-area:body;display:flex;min-height:100%;flex-direction:column;
  padding:clamp(66px,5.6vw,82px) clamp(24px,3vw,42px) clamp(28px,3.4vw,46px)
}
.kase__body .btn{margin-top:auto;align-self:flex-start}
.kase__n{
  position:absolute;z-index:2;top:clamp(26px,2.4vw,34px);left:clamp(24px,3vw,42px);
  color:var(--ink);font-size:12px;font-weight:600;line-height:1;letter-spacing:.1em
}
.kase__n::after{color:var(--steel-t);font-weight:400;content:' / 24'}
.kase__k{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-t);margin:0 0 10px}
.kase__h{font-size:clamp(21px,2.1vw,29px);margin:0 0 12px;line-height:1.08}
.kase__x{color:var(--ink-2);font-size:16px;margin-bottom:18px}
.bul{margin-bottom:22px;border-top:1px solid var(--line)}
.bul li{position:relative;padding:9px 0 9px 20px;font-size:15px;border-bottom:1px solid var(--line)}
.bul li::before{content:'';position:absolute;left:0;top:17px;width:5px;height:5px;background:var(--red);transform:rotate(45deg)}
.kase__media{grid-area:media;display:flex;min-width:0;flex-direction:column;background:var(--paper);border-left:1px solid var(--line)}
.lab{
  display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;
  padding:0 14px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--steel-t);margin:0
}
.stage{position:relative;background:#E5E9EB}
.stage img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.stage video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain;background:#0E1113}
.thumbs [data-video]{position:relative}
.thumbs [data-video]::before{content:'';position:absolute;inset:0;z-index:1;width:36px;height:36px;margin:auto;border-radius:50%;background:rgba(9,12,14,.62)}
.thumbs [data-video]::after{content:'';position:absolute;inset:0;z-index:1;width:0;height:0;margin:auto;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #fff;transform:translateX(3px)}
.gnav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;
  border:1px solid rgba(21,25,28,.09);border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);cursor:pointer;
  box-shadow:0 5px 18px rgba(14,18,21,.13);transition:background .2s,transform .2s}
.gnav:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.gnav svg{width:19px;height:19px}
.gnav--prev{left:10px}
.gnav--next{right:10px}
.gcount{position:absolute;right:10px;bottom:10px;background:rgba(17,20,22,.78);color:var(--ink-l);font-size:12px;
  letter-spacing:.04em;padding:4px 9px}
.thumbs{
  display:flex;gap:8px;min-height:86px;margin:0;overflow-x:auto;max-width:100%;
  padding:8px 14px 10px;border-top:1px solid var(--line);scroll-behavior:smooth
}
.thumbs button{flex:0 0 auto;width:66px;height:66px;padding:0;border:1px solid var(--line);background:none;
  cursor:pointer;opacity:.6;transition:opacity .2s,border-color .2s}
.thumbs button[aria-pressed="true"]{opacity:1;border:2px solid var(--red)}
.thumbs button:hover{opacity:1}
.thumbs img{width:100%;height:100%;object-fit:cover}
.kase.is-off{display:none}
.kase__empty{padding:34px 0;color:var(--ink-2);font-size:16px}
.morewrap{display:flex;justify-content:center;margin-top:clamp(24px,3vw,38px)}
.morewrap[hidden]{display:none}
.more{
  display:flex;width:auto;min-width:min(100%,330px);min-height:52px;align-items:center;justify-content:center;gap:12px;
  padding:13px 24px;background:var(--paper);border:1px solid var(--line);border-radius:0;cursor:pointer;
  font-size:15.5px;font-weight:600;transition:background .2s,border-color .2s,color .2s
}
.more:hover{border-color:var(--red);color:var(--red);background:#fff}
.more em{font-style:normal;font-size:13.5px;font-weight:400;color:var(--steel-t)}
.more:hover em{color:var(--red)}

.gal{padding-top:clamp(58px,6.5vw,92px);margin-top:clamp(58px,6.5vw,92px);border-top:1px solid var(--line)}
.gal__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gal__i{display:block;width:100%;padding:0;border:0;background:#E5E9EB;cursor:pointer;margin:0;position:relative;
  overflow:hidden;aspect-ratio:4/3}
.gal__i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.gal__i:hover img{transform:scale(1.025)}
.gal__i::after{content:'';position:absolute;inset:0;border:1px solid transparent;transition:border-color .2s}
.gal__i:hover::after{border-color:rgba(165,36,27,.55)}
.gal__i.is-off{display:none}
.gal__i.is-open{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gal__hint{margin-top:16px;font-size:13.5px;color:var(--steel-t)}

@media (max-width:1100px){.gal__grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1020px){
  .kase{grid-template-columns:1fr;grid-template-areas:"body" "media"}
  .kase__media{border-top:1px solid var(--line);border-left:0}
  .kase__body{min-height:0}
}
@media (max-width:760px){
  .gal__grid{grid-template-columns:repeat(2,1fr)}
  .kase{grid-template-columns:1fr}
  .kase__body{padding:58px 20px 26px}
  .kase__n{top:24px;left:20px;font-size:11px}
  .kase__media{margin:0}
  .lab{min-height:42px;padding-inline:12px}
  .stage img{aspect-ratio:4/3}
  .thumbs{min-height:78px;padding-inline:12px}
  .thumbs button{width:58px;height:58px}
  .more{min-width:min(100%,290px)}
}

.twin{
  --twin-line:rgba(241,244,245,.18);
  --twin-line-strong:rgba(241,244,245,.34);
  --twin-muted:rgba(241,244,245,.66);
  position:relative;overflow:clip;padding:clamp(72px,9vw,124px) 0;scroll-margin-top:var(--hd);
  background:#111416;color:var(--ink-l)
}
.twin__anchor{position:absolute;top:0;left:0;scroll-margin-top:var(--hd)}
.twin::before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.7;
  background:
    linear-gradient(rgba(241,244,245,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(241,244,245,.025) 1px,transparent 1px),
    radial-gradient(circle at 18% 28%,rgba(165,36,27,.14),transparent 28%),
    radial-gradient(circle at 82% 64%,rgba(183,189,195,.07),transparent 32%);
  background-size:46px 46px,46px 46px,auto,auto
}
.twin>.wrap{position:relative;z-index:1}
.twin :focus-visible{outline-color:#D95145}
.twin__head{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.66fr);
  gap:clamp(28px,6vw,92px);align-items:end;margin-bottom:clamp(38px,5vw,66px)
}
.twin__h{max-width:22ch;color:var(--ink-l);font-size:clamp(30px,3.7vw,50px)}
.twin__lead{max-width:48ch;margin:0;color:var(--twin-muted);font-size:clamp(16px,1.4vw,18px);line-height:1.55}
.twin__lead b{color:var(--ink-l);font-weight:600}
.twin__grid{
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.78fr);
  grid-template-areas:"tabs tabs" "visual side";
  column-gap:clamp(30px,4.2vw,62px);row-gap:clamp(22px,2.4vw,32px);align-items:stretch
}
.twin__visual{grid-area:visual;min-width:0}
.twin__viewport{
  position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/11;min-height:440px;
  background:
    radial-gradient(circle at 48% 42%,rgba(102,109,113,.19),transparent 34%),
    linear-gradient(145deg,#1B1F22,#0C0F11 72%);
  border:1px solid var(--twin-line);cursor:grab
}
.twin__viewport:active{cursor:grabbing}
.twin__viewport::before,.twin__viewport::after{
  content:'';position:absolute;z-index:5;pointer-events:none
}
.twin__viewport::before{inset:14px;border:1px solid rgba(241,244,245,.08)}
.twin__viewport::after{left:50%;top:0;bottom:0;width:1px;background:rgba(241,244,245,.035)}
.twin__photo,.twin__canvas,.twin__shade{position:absolute;inset:0}
.twin__photo{z-index:0;background:#0C0F11;transition:opacity .55s ease}
.twin__photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.76) contrast(1.06);opacity:.58}
.twin__photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(9,12,14,.58),rgba(9,12,14,.15) 52%,rgba(9,12,14,.46))
}
.twin__canvas{z-index:1;opacity:0;transition:opacity .6s ease;touch-action:pan-y}
.twin__canvas canvas{display:block;width:100%;height:100%;outline:0}
.twin__shade{
  z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(7,10,12,.34),transparent 24%,transparent 72%,rgba(7,10,12,.52))
}
[data-twin-root][data-twin-ready="true"][data-twin-view="model"] .twin__canvas{opacity:1}
[data-twin-root][data-twin-ready="true"][data-twin-view="model"] .twin__photo{opacity:0}
[data-twin-root][data-twin-view="photo"] .twin__canvas{opacity:0}
[data-twin-root][data-twin-view="photo"] .twin__photo{opacity:1}
[data-twin-root][data-twin-state="install"][data-twin-view="photo"] .twin__photo img{opacity:.76;filter:saturate(.9) contrast(1.04)}
[data-twin-root][data-twin-state="install"][data-twin-view="photo"] .twin__photo::after{
  background:linear-gradient(90deg,rgba(9,12,14,.34),rgba(9,12,14,.06) 52%,rgba(9,12,14,.28))
}
.twin__hud{
  position:absolute;z-index:6;left:28px;right:28px;display:flex;justify-content:space-between;
  gap:20px;color:rgba(241,244,245,.66);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  pointer-events:none
}
.twin__hud--top{top:26px}
.twin__hud--bottom{bottom:25px;align-items:center}
.twin__live{display:flex;align-items:center;gap:9px;color:var(--ink-l)}
.twin__live i{width:6px;height:6px;background:#D95145;transform:rotate(45deg);box-shadow:0 0 18px rgba(217,81,69,.7)}
.twin__drag{color:rgba(241,244,245,.5);font-weight:400}
.twin__reticle{
  position:absolute;z-index:6;left:50%;top:50%;width:66px;height:66px;transform:translate(-50%,-50%);
  opacity:.35;pointer-events:none
}
.twin__reticle span{position:absolute;width:17px;height:17px;border-color:rgba(241,244,245,.54);border-style:solid}
.twin__reticle span:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.twin__reticle span:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.twin__reticle span:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}
.twin__reticle span:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.twin__locks{
  position:absolute;z-index:6;inset:78px 26px 72px;display:grid;grid-template-columns:1fr 1fr;
  align-content:space-between;justify-content:space-between;gap:18px;opacity:0;transform:scale(.97);
  transition:opacity .34s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none
}
.twin__locks span{
  position:relative;width:max-content;padding:7px 10px;border:1px solid rgba(217,81,69,.58);
  background:rgba(13,16,18,.72);color:rgba(241,244,245,.82);font-size:10px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase
}
.twin__locks span:nth-child(even){justify-self:end}
[data-twin-root][data-twin-state="contract"][data-twin-view="model"] .twin__locks{opacity:1;transform:none}
.twin__loading{
  position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;
  color:rgba(241,244,245,.74);font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap
}
[data-twin-root][data-twin-ready="true"] .twin__loading,
[data-twin-root][data-twin-view="photo"] .twin__loading{opacity:0;visibility:hidden}
[data-twin-root][data-twin-error="true"] .twin__loading{opacity:1;visibility:visible;white-space:normal;text-align:center;width:min(330px,70%)}
.twin__visual-foot{
  display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px
}
.twin__view-switch{display:flex;flex:0 0 auto;border:1px solid var(--twin-line);padding:3px}
.twin__view-switch button{
  min-height:34px;padding:5px 12px;border:0;background:transparent;color:rgba(241,244,245,.55);
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer
}
.twin__view-switch button.is-active{background:rgba(241,244,245,.12);color:var(--ink-l)}
.twin__view-switch button:disabled{cursor:not-allowed;opacity:.42}
.twin__visual-foot>p{
  margin:0;color:rgba(241,244,245,.46);font-size:12.5px;line-height:1.4;text-align:right;max-width:52ch
}
.twin__visual-foot>p span{color:#D95145;letter-spacing:.14em}
.twin__side{
  grid-area:side;position:relative;display:flex;min-width:0;height:100%;min-height:600px;overflow:hidden;
  border:1px solid var(--twin-line-strong);
  background:
    linear-gradient(rgba(241,244,245,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(241,244,245,.018) 1px,transparent 1px),
    linear-gradient(145deg,rgba(241,244,245,.06),rgba(241,244,245,.018) 58%,rgba(165,36,27,.045));
  background-size:32px 32px,32px 32px,auto
}
.twin__side::after{
  content:'';position:absolute;z-index:0;right:-84px;bottom:-104px;width:250px;height:250px;
  border:1px solid rgba(217,81,69,.11);transform:rotate(45deg);pointer-events:none
}
.twin__tabs{
  grid-area:tabs;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  border:1px solid var(--twin-line);overflow:hidden
}
.twin__tab{
  position:relative;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;width:100%;min-height:70px;
  padding:0 16px;border:0;border-right:1px solid var(--twin-line);background:rgba(241,244,245,.012);
  color:rgba(241,244,245,.52);text-align:left;cursor:pointer;
  transition:background .24s,color .24s,box-shadow .24s
}
.twin__tab:last-child{border-right:0}
.twin__tab::before{
  content:'';position:absolute;left:14px;right:14px;bottom:0;height:3px;background:#D95145;
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)
}
.twin__tab span{font-size:10.5px;letter-spacing:.14em;color:rgba(241,244,245,.38)}
.twin__tab b{font-size:15.5px;font-weight:500;letter-spacing:.015em}
.twin__tab:hover{color:var(--ink-l);background:rgba(241,244,245,.045)}
.twin__tab.is-active{
  color:var(--ink-l);
  background:linear-gradient(180deg,rgba(217,81,69,.12),rgba(241,244,245,.065));
  box-shadow:inset 0 0 0 1px rgba(217,81,69,.12)
}
.twin__tab.is-active::before{transform:scaleX(1)}
.twin__tab.is-active span{color:#D95145}
.twin__panels{position:relative;z-index:1;width:100%;margin:0}
.twin__panel{
  position:relative;width:100%;padding:clamp(30px,3.2vw,44px);
  border-bottom:1px solid var(--twin-line);background:transparent
}
.twin__panel::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#D95145;
  transform-origin:top;box-shadow:0 0 22px rgba(217,81,69,.32)
}
.twin__panel+.twin__panel{margin-top:0;border-top:1px solid var(--twin-line-strong)}
.twin__kicker{
  margin:0 0 13px;color:#E56257;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase
}
.twin__panel h3{margin:0 0 17px;color:var(--ink-l);font-size:clamp(25px,2.35vw,33px);line-height:1.08}
.twin__panel>p:not(.twin__kicker):not(.twin__time){
  margin:0;color:rgba(241,244,245,.72);font-size:15.5px;line-height:1.58
}
.twin__panel .twin__plain-note{
  margin-top:18px;padding:14px 14px 14px 17px;border-top:1px solid var(--twin-line);
  border-left:2px solid #D95145;background:rgba(241,244,245,.035);
  color:rgba(241,244,245,.84);font-size:14px;line-height:1.48
}
.twin__next{
  display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto;
  padding:17px 0 0;border:0;border-top:1px solid var(--twin-line);background:transparent;color:rgba(241,244,245,.72);
  font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:color .2s
}
.twin__next span{color:#D95145;font-size:18px;transition:transform .2s}
.twin__next:hover{color:var(--ink-l)}
.twin__next:hover span{transform:translateX(4px)}
.twin__panel-terms{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:18px}
.twin__panel-terms li{padding:11px 0;border-top:1px solid var(--twin-line)}
.twin__panel-terms b{display:block;margin-bottom:4px;color:var(--ink-l);font-size:13px;font-weight:600}
.twin__panel-terms span{display:block;color:rgba(241,244,245,.56);font-size:12.5px;line-height:1.38}
.twin__time{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--twin-line)}
.twin__time b{color:#D95145;font-size:clamp(26px,2.5vw,35px);line-height:.95;white-space:nowrap}
.twin__time span{max-width:26ch;color:rgba(241,244,245,.58);font-size:12.5px;line-height:1.38}
.is-twin-live .twin__panels{display:flex}
.is-twin-live .twin__panel{display:none}
.is-twin-live .twin__panel.is-active{
  display:flex;flex-direction:column;min-height:100%;
  animation:twin-panel-in .36s cubic-bezier(.2,.72,.18,1) both
}
.is-twin-live .twin__panel.is-active::before{animation:twin-panel-marker .42s cubic-bezier(.2,.72,.18,1) both}
@keyframes twin-panel-in{
  from{opacity:.08;transform:translateX(20px)}
  to{opacity:1;transform:none}
}
@keyframes twin-panel-marker{
  from{transform:scaleY(0)}
  to{transform:scaleY(1)}
}
.twin__finish{
  display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,.8fr) minmax(220px,.62fr);
  gap:clamp(26px,4vw,58px);align-items:start;margin-top:clamp(50px,6vw,82px);padding:clamp(28px,3.5vw,46px) 0;
  border-top:1px solid var(--twin-line-strong);border-bottom:1px solid var(--twin-line)
}
.twin__finish-head h3{margin:0 0 13px;color:var(--ink-l);font-size:clamp(21px,2vw,28px);line-height:1.15}
.twin__finish-head>p:last-child{margin:0;color:var(--twin-muted);font-size:14.5px;line-height:1.52;max-width:41ch}
.twin__proof{border-top:1px solid var(--twin-line-strong)}
.twin__proof li{position:relative;padding:13px 0 13px 21px;border-bottom:1px solid var(--twin-line);color:rgba(241,244,245,.72);font-size:14px}
.twin__proof li::before{content:'';position:absolute;left:1px;top:19px;width:6px;height:6px;background:#D95145;transform:rotate(45deg)}
.twin__finish-cta{display:flex;flex-direction:column;align-items:stretch;gap:18px}
.twin__finish-cta p{margin:0;color:var(--twin-muted);font-size:14.5px;line-height:1.5}
.twin__finish-cta .btn{width:100%;padding-inline:18px}

@media (min-width:901px) and (max-width:1120px){
  .twin__viewport{aspect-ratio:auto;min-height:0;height:clamp(478px,53vw,560px)}
}
@media (max-width:1060px){
  .twin__finish{grid-template-columns:1fr 1fr}
  .twin__finish-cta{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center}
  .twin__finish-cta .btn{width:auto}
}
@media (max-width:900px){
  .twin__grid{
    grid-template-columns:1fr;grid-template-areas:"visual" "tabs" "side";
    row-gap:clamp(22px,4vw,32px)
  }
  .twin__viewport{min-height:0}
  .twin__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .twin__tab{
    min-width:0;grid-template-columns:1fr;gap:4px;align-content:center;min-height:68px;padding:8px 13px;
    border-right:1px solid var(--twin-line);border-bottom:1px solid var(--twin-line)
  }
  .twin__tab:nth-child(3n){border-right:0}
  .twin__tab:nth-child(n+4){border-bottom:0}
  .twin__tab::before{left:13px;right:13px}
  .twin__side{height:auto;min-height:290px}
  .twin__panels{min-height:290px}
  .twin__panel{padding:clamp(27px,5vw,38px)}
  .is-twin-live .twin__panel.is-active{min-height:290px}
}
@media (max-width:760px){
  .twin{padding:clamp(58px,14vw,82px) 0}
  .twin__head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}
  .twin__h br{display:none}
  .twin__lead{font-size:16px}
  .twin__viewport{aspect-ratio:4/3}
  .twin__hud{left:20px;right:20px;font-size:9px;letter-spacing:.12em}
  .twin__hud--top{top:20px}
  .twin__hud--bottom{bottom:20px}
  .twin__drag{display:none}
  .twin__reticle{width:52px;height:52px}
  .twin__visual-foot{align-items:flex-start;flex-direction:column}
  .twin__visual-foot>p{text-align:left}
  .twin__tab{padding-inline:11px}
  .twin__panel{padding:26px 22px}
  .twin__panel h3{font-size:clamp(24px,7vw,29px)}
  .twin__panel-terms{grid-template-columns:1fr}
  .twin__time{grid-template-columns:1fr;align-items:start;gap:8px}
  .is-twin-live .twin__panel.is-active{animation:none}
  .twin__finish{grid-template-columns:1fr;gap:28px;padding-bottom:0}
  .twin__finish-cta{grid-column:auto;grid-template-columns:1fr;gap:18px}
  .twin__finish-cta .btn{width:100%}
}
@media (max-width:480px){
  .twin__viewport{aspect-ratio:1/1;min-height:330px}
  .twin__hud--top span:last-child{display:none}
  .twin__locks{inset:68px 18px 70px}
  .twin__locks span{padding:6px 7px;font-size:8px}
  .twin__loading{font-size:10px;letter-spacing:.08em}
  .twin__view-switch{width:100%}
  .twin__view-switch button{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .twin__canvas{display:none}
  .twin__photo{opacity:1!important}
  .is-twin-live .twin__panel.is-active{animation:none}
}
@media (max-width:1360px){
  .hd__nav{gap:clamp(10px,1.1vw,16px)}
  .hd__nav a{font-size:14px}
  .logo__sub{display:none}
}
@media (max-width:1199px){
  .hd__nav{
    position:fixed;top:var(--hd);left:0;right:0;flex-direction:column;align-items:flex-start;
    gap:0;background:var(--sand);padding:8px clamp(20px,5vw,64px) 22px;border-bottom:1px solid var(--line);
    transform:translateY(-14px);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;
    max-height:calc(100svh - var(--hd));overflow-y:auto;
  }
  body.nav-open .hd__nav{opacity:1;transform:none;pointer-events:auto}
  .hd__nav a,.hd.is-solid .hd__nav a{color:var(--ink);font-size:17px;width:100%;padding:13px 0;border-bottom:1px solid var(--line)}
  .hd__nav-tel{display:block;font-weight:600}
  .hd__nav-cta{display:block;width:100%;margin-top:18px}
  .hd__burger{display:flex}
  .hd__tel{display:none}
  .hd__cta{display:none}
  .hd__telm,.hd__msgm{display:grid}
  .hd__right{margin-left:auto}
}
@media (max-width:1020px){
  .sechead{grid-template-columns:1fr;gap:18px;align-items:start}
  .dirs__grid{display:grid;grid-template-columns:1fr;height:auto;gap:12px}
  .plate{min-height:360px;aspect-ratio:16/8}
  .plate.is-active{flex-grow:1}
  .plate.is-active .plate__t,.dirs__grid.is-interacting .plate:not(.is-active) .plate__t{font-size:clamp(32px,5vw,44px);transform:none}
  .lead-pr{grid-template-columns:1fr}
  .pr__grid{column-count:2}
  .dos__grid{grid-template-columns:1fr}
  .doc{margin:-70px 0 0 clamp(14px,4vw,40px)}
  .dos__pic img{aspect-ratio:4/3}
  .rev__grid,.faq__grid{grid-template-columns:1fr}
  .faq__side{position:static}
  .oth__grid{grid-template-columns:1fr}
  .lead__grid{grid-template-columns:1fr}
  .ft__grid{grid-template-columns:1fr 1fr}
  .pnl__box{inset:0}
  .pnl__x{top:12px;right:12px}
  .sm__hero{display:block;min-height:0}
  .sm__hero-photo{min-height:360px;height:46svh}
  .sm__intro{padding:0 clamp(24px,5vw,46px)}
  .sm__crumb{min-height:68px}
  .sm__intro-main{padding:38px 0 46px}
  .sm__title{font-size:clamp(38px,7vw,52px)}
  .sm__uses{grid-template-columns:1fr;gap:38px}
  .sm__calculation{grid-template-columns:1fr}
  .sm__calc-photo{min-height:52vw}
  .sm__gallery-grid{height:360px}
  .sm__final-copy{grid-template-columns:1fr;gap:34px}
}
@media (max-width:980px) and (min-width:761px){
  .hero{--hero-trust-h:244px;min-height:max(100svh,860px)}
  .hero__title{font-size:clamp(40px,6.3vw,58px);max-width:16ch}
  .hero__object-label{top:calc(var(--hd) + 18px)}
  .hero__trust-grid{grid-template-columns:1fr 1fr}
  .hero__trust-grid li{min-height:122px;padding:24px 28px}
  .hero__trust-grid li:nth-child(odd){padding-left:0;border-left:0}
  .hero__trust-grid li:nth-child(n+3){border-top:1px solid rgba(241,244,245,.16)}
  .hero__trust-num{top:17px;right:28px}
}
@media (max-width:760px){
  body{font-size:16px}
  .hero{display:block;min-height:0;--hero-object-position:35% 56%}
  .hero__pic{top:-1%;right:-1%;bottom:auto;left:-1%;height:102svh}
  .hero__scrim{
    bottom:auto;height:100svh;
    background:
      linear-gradient(0deg,rgba(9,12,14,.46) 0%,rgba(9,12,14,.62) 12%,rgba(9,12,14,.72) 32%,rgba(9,12,14,.7) 56%,rgba(9,12,14,.6) 70%,rgba(9,12,14,.3) 82%,rgba(9,12,14,.08) 93%,rgba(9,12,14,0) 100%),
      linear-gradient(180deg,rgba(9,12,14,.5),transparent 24%)
  }
  .hero__wrap{display:flex;min-height:100svh;align-items:center;padding-top:calc(var(--hd) + 20px);padding-bottom:60px}
  .hero__content{text-align:center}
  .hero__title{max-width:17ch;margin-inline:auto;font-size:clamp(30px,8.8vw,36px);line-height:1.1}
  .hero__sub{margin-inline:auto}
  .hero__cta{justify-content:center}
  .hero__sub{font-size:20px;line-height:1.42;margin-bottom:23px;color:rgba(241,244,245,.96)}
  .hero__title,.hero__sub{text-shadow:0 1px 16px rgba(9,12,14,.55)}
  .hero__note{display:none}
  .hero__object-label{display:none}
  .hero__trust{position:relative}
  .hero__trust{
    background:
      linear-gradient(180deg,rgba(14,17,19,.56),rgba(14,17,19,.82)),
      rgba(14,17,19,.54);
    -webkit-backdrop-filter:none;backdrop-filter:none
  }
  .hero__trust::before{width:50%}
  .hero__trust-label{
    display:flex;height:56px;align-items:center;margin:0;padding:0 20px;
    border-bottom:1px solid rgba(241,244,245,.13);
    color:rgba(241,244,245,.58);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase
  }
  .hero__trust-grid{grid-template-columns:1fr 1fr;padding:0}
  .hero__trust-grid li{min-height:166px;padding:24px 20px;border-top:1px solid rgba(241,244,245,.13)}
  .hero__trust-grid li:first-child{padding-left:20px}
  .hero__trust-grid li:nth-child(odd){border-left:0}
  .hero__trust-grid strong{padding-right:18px;font-size:clamp(16px,4.7vw,19px)}
  .hero__trust-grid p{font-size:12.5px;line-height:1.42}
  .hero__trust-num{top:16px;right:16px}
  .eyebrow{font-size:11.5px;letter-spacing:.12em}
  .hero__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .hero__scroll{display:none}
  .plate::before{background:linear-gradient(to top,rgba(9,12,14,.95) 0%,rgba(9,12,14,.86) 42%,rgba(9,12,14,.46) 74%,rgba(9,12,14,.14) 100%)}
  .dirs__grid{grid-template-columns:1fr;grid-template-rows:auto}
  .plate{min-height:0;height:auto;aspect-ratio:4/5}
  .plate__body{padding:23px}
  .plate__t,.plate.is-active .plate__t,.dirs__grid.is-interacting .plate:not(.is-active) .plate__t{font-size:clamp(31px,10vw,42px);transform:none}
  .plate__d{font-size:15.5px}
  .sm__hero-photo{height:43svh;min-height:290px}
  .sm__brand{top:20px;left:20px}
  .sm__brand small{display:none}
  .sm__photo-index{left:22px;bottom:20px}
  .sm__intro{padding:0 20px}
  .sm__crumb{min-height:62px;padding-right:52px;font-size:9.5px}
  .sm__intro-main{padding:32px 0 40px}
  .sm__title{font-size:clamp(34px,10.6vw,43px)}
  .sm__lead{font-size:16px}
  .sm__compare{grid-template-columns:1fr}
  .sm__option{padding:22px 0}
  .sm__option+.sm__option{padding:22px 0;border-left:0;border-top:1px solid var(--line)}
  .sm__actions{align-items:stretch;flex-direction:column;gap:16px}
  .sm__actions .btn{width:100%}
  .sm__text-action{align-self:flex-start}
  .sm__components{grid-template-columns:1fr 1fr}
  .sm__components div{min-height:94px;padding:15px}
  .sm__components strong{font-size:18px}
  .sm__section{padding:52px 20px}
  .sm__section-head h3{font-size:36px}
  .sm__section-head h3 br{display:none}
  .sm__list li{grid-template-columns:40px 1fr auto;min-height:64px}
  .sm__list strong{font-size:19px}
  .sm__calc-photo{min-height:74vw}
  .sm__calc-content{padding:48px 20px}
  .sm__calc-content h3{font-size:36px}
  .sm__facts{grid-template-columns:1fr}
  .sm__facts>div{min-height:100px}
  .sm__gallery-head{align-items:flex-start;flex-direction:column}
  .sm__gallery-grid{grid-template-columns:1fr;height:auto}
  .sm__gallery-grid figure{height:260px}
  .sm__gallery-grid .sm__gallery-main{height:300px}
  .sm__final{padding:52px 20px 42px}
  .sm__final-copy h3{font-size:38px}
  .sm__final-copy>div:last-child>p{font-size:16px}
  .sm__final-actions{flex-direction:column}
  .sm__final-actions .btn{width:100%}
  .sm__proofs{grid-template-columns:1fr}
  .sm__proofs li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.24)}
  .pr__grid{column-count:1}
  .idx{grid-template-columns:1fr;gap:20px}
  .rev__list{grid-template-columns:1fr}
  .dos__blk--img{grid-template-columns:1fr}
  .dos__det img{width:100%;height:auto;aspect-ratio:3/2}
  .ft__grid{grid-template-columns:1fr;gap:26px}
  body{padding-bottom:0}
  .lead{padding-bottom:96px}
  .demo{bottom:70px}
  .frm{padding:0}
}

@media (max-width:390px){
  .hero__trust-grid li{min-height:176px;padding-inline:17px}
  .hero__trust-grid li:first-child{padding-left:17px}
  .hero__trust-grid strong{font-size:16px}
  .hero__trust-grid p{font-size:12px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1!important;transform:none!important}
  .hero__img{transform:none!important}
  .hero__pic{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;transform:none!important}
  .hero__roof-stroke{display:none!important}
}

.voices{
  position:relative;overflow:hidden;padding:clamp(72px,8vw,112px) 0;
  scroll-margin-top:var(--hd);
  background:
    radial-gradient(circle at 94% 8%,rgba(165,36,27,.07),transparent 28%),
    #E7EAEC
}
.voices::before{
  position:absolute;inset:0;pointer-events:none;content:'';
  background:linear-gradient(110deg,rgba(255,255,255,.24),transparent 33%,rgba(49,59,66,.035))
}
.voices>.wrap{position:relative}
.voices__head{
  display:grid;grid-template-columns:minmax(0,1.16fr) minmax(310px,.84fr);
  gap:clamp(34px,6vw,88px);align-items:end;margin-bottom:clamp(38px,5vw,60px)
}
.voices__title{max-width:17ch;font-size:clamp(36px,4vw,54px)}
.voices__summary{
  max-width:38ch;padding:23px 26px;border:1px solid var(--line);
  border-left:4px solid var(--red);background:rgba(255,255,255,.88);
  box-shadow:0 14px 42px rgba(14,18,21,.07)
}
.voices__summary p{margin:0;color:var(--ink-2);font-size:16px;line-height:1.5}
.voices__summary p+p{margin-top:8px}
.voices__interface{
  display:grid;grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr);
  min-height:650px;overflow:hidden;background:#DCE1E4;
  box-shadow:0 28px 86px rgba(14,18,21,.18)
}
.voices__media{position:relative;min-height:650px;margin:0;overflow:hidden;background:#30363A}
.voices__media picture{position:absolute;inset:0}
.voices__media img{
  width:100%;height:100%;object-fit:cover;object-position:53% 50%;
  filter:saturate(.68) contrast(1.08);transition:transform .8s cubic-bezier(.2,.72,.18,1),filter .5s ease
}
.voices__media:hover img{transform:scale(1.025);filter:saturate(.82) contrast(1.05)}
.voices__media-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(14,17,19,.06),rgba(14,17,19,.1) 46%,rgba(14,17,19,.78)),
    linear-gradient(90deg,rgba(14,17,19,.18),transparent 58%)
}
.voices__media-label,.voices__stamp{position:absolute;z-index:2;color:var(--ink-l)}
.voices__media-label{right:28px;bottom:30px;left:30px}
.voices__media-label span,.voices__stamp span{
  display:block;margin-bottom:5px;color:rgba(241,244,245,.68);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase
}
.voices__media-label b{font-size:17px;font-weight:500}
.voices__stamp{
  top:28px;left:30px;margin:0;padding:12px 15px;
  background:rgba(17,20,22,.82);backdrop-filter:blur(8px)
}
.voices__stamp b{color:#E34D41;font-size:28px;line-height:1}
.voices__workspace{min-width:0;padding:24px 26px 26px}
.voices__toolbar{
  display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;
  min-height:46px;margin-bottom:18px
}
.voices__counter{display:flex;align-items:baseline;gap:7px;margin:0}
.voices__counter b{color:var(--red);font-size:25px;line-height:1}
.voices__counter span,.voices__hint{
  color:var(--ink-2);font-size:10px;letter-spacing:.11em;text-transform:uppercase
}
.voices__hint{margin:0;text-align:right}
.voices__nav{display:flex;gap:8px}
.voices__nav button{
  display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(21,25,28,.22);
  background:transparent;font-size:19px;line-height:1;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s,transform .2s
}
.voices__nav button:hover{border-color:var(--ink);background:var(--ink);color:var(--ink-l);transform:translateY(-2px)}
.voices__deck{position:relative;min-height:430px;margin-right:24px;perspective:1200px;touch-action:pan-y}
.voices__card{
  position:relative;z-index:4;display:flex;min-height:430px;flex-direction:column;justify-content:center;
  padding:58px clamp(34px,4vw,58px) 38px;border:1px solid var(--line);
  background:var(--paper);
  box-shadow:0 30px 80px rgba(14,18,21,.20)
}
.is-in .voices__card:not(.is-active){display:none}
.voices__card.is-active{animation:voices-card-in .54s cubic-bezier(.2,.72,.18,1) both}
.voices__card::before{
  position:absolute;top:0;bottom:0;left:0;width:7px;background:var(--red);content:''
}
.voices__card::after{
  position:absolute;top:24px;right:24px;width:10px;height:10px;
  border:2px solid rgba(21,25,28,.22);border-radius:50%;content:''
}
@keyframes voices-card-in{
  from{opacity:.05;transform:translateX(42px) rotateY(-3deg)}
  to{opacity:1;transform:none}
}
.voices__number{
  position:absolute;top:23px;left:clamp(34px,4vw,58px);
  color:var(--steel-t);font-size:11px;letter-spacing:.14em
}
.voices__theme{
  margin:0 0 14px;color:var(--red);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase
}
.voices__stars{margin-bottom:16px;color:#C7463B;font-size:15px;letter-spacing:.13em}
.voices__text{
  max-width:31ch;margin:0;color:var(--ink);font-size:clamp(21px,1.8vw,28px);
  font-weight:500;line-height:1.34;letter-spacing:-.01em
}
.voices__text--long{
  display:-webkit-box;overflow:hidden;font-size:clamp(17px,1.28vw,20px);line-height:1.44;
  -webkit-box-orient:vertical;-webkit-line-clamp:7
}
.voices__card.is-expanded{justify-content:flex-start}
.voices__card.is-expanded .voices__text--long{display:block;max-width:48ch;overflow:visible;-webkit-line-clamp:unset}
.voices__expand{
  align-self:flex-start;margin-top:16px;padding:0 0 4px;border:0;border-bottom:1px solid currentColor;
  background:transparent;color:var(--red);font-size:13.5px;font-weight:600;cursor:pointer
}
.voices__author{display:flex;flex-direction:column;gap:2px;margin-top:22px}
.voices__author b{font-size:15px;font-weight:600}
.voices__author span{color:var(--ink-2);font-size:12.5px;line-height:1.35}
.voices__edge{
  position:absolute;top:18px;right:-12px;bottom:18px;z-index:2;width:100%;
  border:1px solid rgba(241,244,245,.26);background:#444B50;
  box-shadow:0 16px 44px rgba(14,18,21,.18)
}
.voices__edge--two{top:34px;right:-24px;bottom:34px;z-index:1;background:#24292D}
.voices__index{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px
}
.voices__index button{
  position:relative;display:grid;min-height:82px;grid-template-columns:auto 1fr;gap:7px 10px;
  align-items:center;padding:14px 12px;border:1px solid rgba(21,25,28,.15);
  background:rgba(255,255,255,.38);text-align:left;cursor:pointer;
  transition:background .2s,color .2s
}
.voices__index button+button{border-left:0}
.voices__index button::before{
  position:absolute;right:12px;bottom:-1px;left:12px;height:3px;background:var(--red);
  content:'';transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.72,.18,1)
}
.voices__index button.is-active::before{transform:scaleX(1)}
.voices__index button:hover,.voices__index button.is-active{background:var(--paper)}
.voices__index button span{color:var(--steel-t);font-size:11px}
.voices__index button b{
  min-width:0;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap
}
.voices__index button em{
  grid-column:2;color:var(--ink-2);font-size:10px;font-style:normal;letter-spacing:.1em
}
.voices__source-note{
  max-width:78ch;margin:18px 0 0;color:rgba(21,25,28,.62);
  font-size:12.5px;line-height:1.45
}
.voices__principles{
  display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  margin-top:38px;overflow:hidden;background:#171B1E;color:var(--ink-l);
  box-shadow:0 24px 68px rgba(14,18,21,.16)
}
.voices__principles-lead{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:420px;padding:clamp(34px,4.5vw,58px);
  background:
    linear-gradient(145deg,rgba(165,36,27,.22),transparent 58%),
    #20262A
}
.voices__principles-lead::before{
  position:absolute;top:0;right:0;left:0;height:4px;
  background:linear-gradient(90deg,var(--red) 0 34%,rgba(241,244,245,.12) 34%);content:''
}
.voices__principles-lead h3{
  max-width:20ch;margin:14px 0 22px;color:var(--ink-l);
  font-size:clamp(26px,2.3vw,33px);line-height:1.06;letter-spacing:-.025em
}
.voices__principles-lead>p:last-child{
  max-width:40ch;margin:0;color:rgba(241,244,245,.67);font-size:15px;line-height:1.55
}
.voices__principles-list{display:grid;grid-template-rows:repeat(3,1fr)}
.voices__principle{
  display:grid;grid-template-columns:48px minmax(170px,.56fr) minmax(0,1fr);
  gap:clamp(18px,3vw,42px);align-items:center;padding:30px clamp(28px,4vw,52px);
  border-top:1px solid rgba(241,244,245,.13)
}
.voices__principle:first-child{border-top:0}
.voices__principle>span{
  color:#D94A3E;font-size:11px;font-weight:600;letter-spacing:.16em
}
.voices__principle h4{
  margin:0;color:var(--ink-l);font-size:clamp(18px,1.75vw,24px);
  font-weight:600;line-height:1.16;letter-spacing:-.01em
}
.voices__principle p{
  max-width:46ch;margin:0;color:rgba(241,244,245,.62);font-size:14px;line-height:1.52
}
.voices__cta{
  display:flex;align-items:center;justify-content:space-between;gap:34px;
  margin-top:34px;padding:42px 48px;background:var(--red);color:#fff
}
.voices__cta h3{margin:0 0 8px;font-size:clamp(26px,2.4vw,34px);line-height:1.05;letter-spacing:-.02em}
.voices__cta p{max-width:56ch;margin:0;color:rgba(255,255,255,.85);font-size:16px;line-height:1.5}
.voices__cta .btn{flex:0 0 auto;background:#fff;border-color:#fff;color:var(--red)}
.voices__cta .btn:hover{background:rgba(255,255,255,.9)}

@media (max-width:1050px){
  .voices__interface{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr)}
  .voices__workspace{padding-inline:22px}
  .voices__text{font-size:clamp(20px,2.3vw,25px)}
  .voices__hint{display:none}
  .voices__toolbar{grid-template-columns:1fr auto}
  .voices__index{grid-template-columns:1fr 1fr;gap:8px}
  .voices__index button,.voices__index button+button{border:1px solid rgba(21,25,28,.15)}
}
@media (max-width:880px){
  .voices__head{grid-template-columns:1fr;gap:24px}
  .voices__title{max-width:19ch}
  .voices__summary{max-width:none}
  .voices__interface{grid-template-columns:1fr}
  .voices__media{min-height:clamp(340px,58vw,480px)}
  .voices__workspace{padding:22px 24px 26px}
  .voices__principles{grid-template-columns:1fr}
  .voices__principles-lead{min-height:auto;padding-block:42px}
  .voices__principles-lead h3{max-width:20ch}
}
@media (max-width:760px){
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
  .voices{padding:clamp(60px,14vw,82px) 0}
  .voices__title{font-size:clamp(31px,9.3vw,42px)}
  .voices__summary{padding:19px 20px}
  .voices__interface{margin-inline:calc(clamp(20px,5vw,64px) * -.35)}
  .voices__media{min-height:320px}
  .voices__media-label{right:20px;bottom:22px;left:20px}
  .voices__stamp{top:20px;left:20px}
  .voices__workspace{padding:18px}
  .voices__toolbar{gap:12px;margin-bottom:14px}
  .voices__deck{min-height:500px;margin-right:16px}
  .voices__card{min-height:500px;justify-content:flex-start;padding:62px 26px 30px}
  .voices__number{top:22px;left:26px}
  .voices__text{font-size:23px}
  .voices__text--long{font-size:17px;-webkit-line-clamp:12}
  .voices__edge{right:-8px}
  .voices__edge--two{right:-16px}
  .voices__index{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .voices__index button,.voices__index button+button{min-height:76px;border:1px solid rgba(21,25,28,.15)}
  .voices__index button{scroll-margin-block:calc(var(--hd) + 14px) 78px}
  .voices__principles{margin-top:30px}
  .voices__principles-lead{padding:34px 26px 38px}
  .voices__principles-lead h3{font-size:clamp(23px,6.6vw,27px)}
  .voices__principle{
    grid-template-columns:36px minmax(0,1fr);gap:9px 15px;align-items:start;
    padding:25px 24px
  }
  .voices__principle h4{font-size:20px}
  .voices__principle p{grid-column:2;font-size:13.5px}
  .voices__cta{align-items:stretch;flex-direction:column;gap:20px;padding:30px 22px}
  .voices__cta .btn{width:100%}
}
@media (max-width:480px){
  .voices__media{min-height:280px}
  .voices__workspace{padding:16px}
  .voices__counter span{font-size:9px}
  .voices__nav button{width:40px;height:40px}
  .voices__deck{min-height:510px}
  .voices__card{min-height:510px;padding-inline:23px}
  .voices__number{left:23px}
  .voices__text{font-size:21px}
  .voices__text--long{font-size:16px;line-height:1.42;-webkit-line-clamp:14}
  .voices__index button{padding-inline:10px}
  .voices__index button b{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .voices__card.is-active{animation:none}
  .voices__media:hover img{transform:none}
}

.oth{
  position:relative;overflow:hidden;padding:clamp(72px,8vw,112px) 0;
  scroll-margin-top:var(--hd);border-top:1px solid var(--line);background:#E5E8EA
}
.oth::before{
  position:absolute;top:0;right:-12vw;width:46vw;height:46vw;
  border:1px solid rgba(165,36,27,.08);border-radius:50%;content:'';pointer-events:none
}
.oth__head{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.52fr);
  gap:clamp(34px,6vw,92px);align-items:start;margin-bottom:clamp(46px,6vw,78px)
}
.oth__intro{padding-top:8px}
.oth__intro .h2{max-width:16ch;font-size:clamp(38px,4.8vw,66px);line-height:.98;letter-spacing:-.035em}
.oth__lead{
  max-width:59ch;margin:clamp(22px,2.7vw,34px) 0 0;color:var(--ink-2);
  font-size:clamp(16px,1.35vw,18px);line-height:1.58
}
.b2b{
  position:relative;overflow:hidden;align-self:stretch;padding:clamp(28px,3vw,42px);
  border:1px solid rgba(255,255,255,.08);background:
  linear-gradient(130deg,rgba(255,255,255,.035),transparent 30%),
  repeating-linear-gradient(102deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px),
  var(--dark);box-shadow:0 24px 70px rgba(14,18,21,.16);color:var(--ink-l)
}
.b2b::after{
  position:absolute;top:0;right:0;width:72px;height:3px;background:var(--red);content:''
}
.b2b__t{max-width:16ch;margin:0 0 16px;font-size:clamp(22px,2.15vw,30px);line-height:1.08;letter-spacing:-.02em}
.b2b__p{margin-bottom:22px;color:var(--muted-l);font-size:15.5px;line-height:1.55}
.b2b__l{margin-bottom:28px}
.b2b__l li{position:relative;padding:10px 0 10px 19px;border-top:1px solid var(--line-l);font-size:14.5px}
.b2b__l li::before{
  position:absolute;top:18px;left:1px;width:5px;height:5px;background:var(--red);
  content:'';transform:rotate(45deg)
}
.othcat{position:relative;border-bottom:1px solid rgba(21,25,28,.2)}
.othitem{
  position:relative;border-top:1px solid rgba(21,25,28,.2);
  background:linear-gradient(98deg,rgba(255,255,255,.18),transparent 52%)
}
.othitem__heading{margin:0}
.othitem__toggle{
  position:relative;display:grid;width:100%;min-height:92px;
  scroll-margin-top:calc(var(--hd) + 10px);
  grid-template-columns:58px minmax(220px,.72fr) minmax(260px,1fr) 48px;
  gap:18px;align-items:center;padding:18px clamp(18px,2.3vw,34px);
  border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;
  transition:background .24s,color .24s
}
.othitem__toggle::before{
  position:absolute;top:-1px;bottom:-1px;left:0;width:4px;background:var(--red);
  content:'';opacity:0;transform:scaleY(.2);transition:opacity .24s,transform .34s cubic-bezier(.2,.72,.18,1)
}
.othitem__toggle:hover{background:rgba(255,255,255,.45)}
.othitem__toggle:focus-visible{z-index:2;outline:2px solid var(--red);outline-offset:-2px}
.othitem__num{color:var(--steel-t);font-size:11px;font-weight:600;letter-spacing:.15em}
.othitem__name{font-size:clamp(21px,2vw,29px);font-weight:600;line-height:1.12;letter-spacing:-.018em}
.othitem__hint{color:var(--ink-2);font-size:14px;line-height:1.42}
.othitem__mark{position:relative;width:42px;height:42px;border:1px solid rgba(21,25,28,.24);border-radius:50%}
.othitem__mark::before,.othitem__mark::after{
  position:absolute;top:50%;left:50%;width:13px;height:1px;background:currentColor;content:'';
  transform:translate(-50%,-50%);transition:transform .28s
}
.othitem__mark::after{transform:translate(-50%,-50%) rotate(90deg)}
.othitem.is-open{z-index:1}
.othitem.is-open .othitem__toggle{background:var(--red);color:#fff}
.othitem.is-open .othitem__toggle::before{opacity:1;transform:scaleY(1)}
.othitem.is-open .othitem__num,.othitem.is-open .othitem__hint{color:rgba(255,255,255,.7)}
.othitem.is-open .othitem__mark{border-color:rgba(255,255,255,.4)}
.othitem.is-open .othitem__mark::after{transform:translate(-50%,-50%) rotate(0)}
.othitem__panel{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);
  background:#181D20;color:var(--ink-l);box-shadow:0 28px 75px rgba(14,18,21,.2);
  animation:oth-panel-in .42s cubic-bezier(.2,.72,.18,1) both
}
.othitem__panel[hidden]{display:none}
@keyframes oth-panel-in{
  from{opacity:.25;transform:translateY(-12px)}
  to{opacity:1;transform:none}
}
.othslider{
  position:relative;display:flex;min-width:0;min-height:520px;flex-direction:column;
  background:#0E1113;touch-action:pan-y
}
.othslider__stage{position:relative;min-height:0;flex:1;overflow:hidden;background:#111}
.othslider__stage::after{
  position:absolute;right:0;bottom:0;left:0;height:34%;z-index:2;
  background:linear-gradient(transparent,rgba(5,8,10,.55));content:'';pointer-events:none
}
.othslider__slide{
  position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;
  transform:scale(1.025);transition:opacity .38s ease,transform .72s cubic-bezier(.2,.72,.18,1),visibility .38s
}
.othslider__slide.is-active{opacity:1;visibility:visible;transform:none}
.othslider__slide picture,.othslider__slide img{display:block;width:100%;height:100%}
.othslider__slide img{object-fit:cover}
.othslider__bar{
  display:grid;min-height:72px;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;
  padding:12px 18px 12px 22px;border-top:1px solid rgba(255,255,255,.1);background:#111416
}
.othslider__bar>span{
  color:rgba(241,244,245,.55);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase
}
.othslider__dots{display:flex;min-width:0;gap:7px;align-items:center}
.othslider__dots button{
  width:clamp(14px,2vw,34px);height:12px;padding:0;border:0;background:transparent;cursor:pointer
}
.othslider__dots button::before{
  display:block;width:100%;height:2px;background:rgba(255,255,255,.22);content:'';
  transition:background .2s,transform .2s
}
.othslider__dots button.is-active::before{background:var(--red);transform:scaleY(2)}
.othslider__dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.othslider__controls{display:flex;gap:9px;align-items:center}
.othslider__controls button{
  display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.24);
  border-radius:50%;background:transparent;color:#fff;font:inherit;cursor:pointer;transition:background .2s,border-color .2s
}
.othslider__controls button:hover{border-color:var(--red);background:var(--red)}
.othslider__controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.othslider__controls span{min-width:54px;color:rgba(241,244,245,.48);font-size:11px;letter-spacing:.1em;text-align:center}
.othslider__controls b{color:#fff;font-size:12px;font-weight:600}
.othitem__body{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(38px,4.3vw,66px)}
.othitem__eyebrow{
  margin:0 0 14px;color:#D85C50;font-size:10.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase
}
.othitem__body h4{
  max-width:13ch;margin:0 0 20px;color:#fff;font-size:clamp(29px,3.15vw,45px);
  font-weight:600;line-height:1.02;letter-spacing:-.035em
}
.othitem__body>p:not(.othitem__eyebrow):not(.othitem__qualifier){
  max-width:49ch;margin:0;color:rgba(241,244,245,.72);font-size:16px;line-height:1.58
}
.othitem__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0 34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.othitem__facts div{min-width:0;padding:0 15px;border-left:1px solid rgba(255,255,255,.13)}
.othitem__facts div:first-child{padding-left:0;border-left:0}
.othitem__facts div:last-child{padding-right:0}
.othitem__facts dt{margin:0 0 6px;color:#fff;font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.12}
.othitem__facts dd{margin:0;color:rgba(241,244,245,.52);font-size:11.5px;line-height:1.36}
.othitem__qualifier{
  margin:-18px 0 25px!important;padding-left:12px;border-left:2px solid var(--red);
  color:rgba(241,244,245,.58)!important;font-size:12.5px!important;line-height:1.45!important
}
.othitem__body .btn{align-self:flex-start}
.oth__note{
  max-width:84ch;margin:24px 0 0;padding-left:17px;border-left:2px solid rgba(165,36,27,.7);
  color:var(--ink-2);font-size:13.5px;line-height:1.55
}
@media (max-width:1120px){
  .oth__head{grid-template-columns:minmax(0,1fr) minmax(320px,.6fr);gap:34px}
  .othitem__panel{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)}
  .othitem__body{padding:40px 34px}
  .othitem__facts{grid-template-columns:1fr;gap:13px}
  .othitem__facts div,.othitem__facts div:first-child{padding:0 0 0 12px;border-left:1px solid rgba(255,255,255,.13)}
  .othitem__facts dt{margin-bottom:2px}
  .othslider{min-height:500px}
}
@media (max-width:900px){
  .oth__head{grid-template-columns:1fr}
  .oth__intro .h2{max-width:18ch}
  .othitem__toggle{grid-template-columns:46px minmax(190px,1fr) minmax(220px,.8fr) 46px}
  .othitem__panel{grid-template-columns:1fr}
  .othslider{min-height:auto}
  .othslider__stage{aspect-ratio:16/10;flex:none}
  .othitem__body{padding:clamp(34px,7vw,58px)}
  .othitem__body h4{max-width:17ch}
  .othitem__facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .othitem__facts div,.othitem__facts div:first-child{padding:0 13px;border-left:1px solid rgba(255,255,255,.13)}
  .othitem__facts div:first-child{padding-left:0;border-left:0}
}
@media (max-width:680px){
  .oth{padding:60px 0 74px}
  .oth__head{gap:30px;margin-bottom:42px}
  .oth__intro .h2{max-width:none;font-size:clamp(34px,10.7vw,47px)}
  .b2b{padding:28px 24px}
  .b2b__t{font-size:25px}
  .othcat{margin-inline:calc(clamp(20px,5vw,64px) * -.45)}
  .othitem__toggle{
    min-height:82px;grid-template-columns:32px minmax(0,1fr) 42px;gap:12px;
    padding:15px clamp(15px,4.8vw,22px)
  }
  .othitem__name{font-size:clamp(20px,5.8vw,25px)}
  .othitem__hint{display:none}
  .othitem__mark{width:40px;height:40px}
  .othslider__stage{aspect-ratio:4/3}
  .othslider__bar{min-height:66px;grid-template-columns:1fr auto;padding:10px 13px 10px 17px}
  .othslider__bar>span{display:none}
  .othslider__dots{gap:5px}
  .othslider__dots button{width:18px}
  .othslider__controls{gap:6px}
  .othslider__controls button{width:42px;height:42px}
  .othslider__controls span{min-width:46px}
  .othitem__body{padding:35px 24px 40px}
  .othitem__body h4{font-size:clamp(29px,8.6vw,38px)}
  .othitem__facts{grid-template-columns:1fr;gap:13px;margin:27px 0 30px}
  .othitem__facts div,.othitem__facts div:first-child{padding:0 0 0 12px;border-left:1px solid rgba(255,255,255,.13)}
  .othitem__facts dt{margin-bottom:2px}
  .othitem__body .btn{width:100%}
  .oth__note{margin-top:22px}
}
@media (max-width:420px){
  .othslider__stage{aspect-ratio:1/1}
  .othslider__dots button{width:13px}
  .othslider__controls span{display:none}
  .othitem__body{padding-inline:20px}
  .othitem__num{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  .othitem__panel{animation:none}
  .othslider__slide{transition:none}
}

.dirs,.pr,.gal,.voices,.oth,.faq,.lead{scroll-margin-top:var(--hd)}

.h2{
  font-size:clamp(32px,3.8vw,52px);
  line-height:1.06;
  letter-spacing:-.022em
}

.sechead{
  display:block;
  margin-bottom:clamp(34px,4.5vw,58px);
  text-align:center
}
.sechead__l{max-width:960px;margin-inline:auto}
.sechead .eyebrow{justify-content:center}
.sechead .h2{max-width:22ch;margin-inline:auto}
.pr__filters{justify-content:center}
.pr__wrapfil{justify-content:center}

.hero{--hero-trust-h:104px}
.hero__note{color:rgba(241,244,245,.76);font-size:16px;line-height:1.5}
.hero__trust-grid p{
  color:rgba(241,244,245,.8);
  font-size:clamp(13px,.95vw,14px);
  line-height:1.45
}

.plate__d{font-size:16.5px;line-height:1.46}
.plate__a{font-size:16px}

.kase__x{font-size:16.5px;line-height:1.55}
.bul li{font-size:16px;line-height:1.42}
.params dt,.params dd{font-size:15px}
.stub,.pr__stub{font-size:16px;line-height:1.5}
.gal__hint{font-size:15.5px;line-height:1.5}

.sm__option p{font-size:16.5px;line-height:1.48}
.sm__option li{font-size:16px;line-height:1.42}
.sm__text-action{font-size:16px}
.sm__calc-note{font-size:16.5px;line-height:1.55}
.sm__gallery-grid figcaption{font-size:15px}
.sm__proofs li{font-size:16px;line-height:1.45}

.twin__head{
  display:block;
  margin-bottom:clamp(38px,5vw,66px)
}
.twin__h{max-width:24ch;font-size:clamp(34px,3.9vw,52px)}
.twin__visual-foot>p{
  color:rgba(241,244,245,.72);
  font-size:16px;
  line-height:1.5
}
.twin__panel>p:not(.twin__kicker):not(.twin__time){
  color:rgba(241,244,245,.8);
  font-size:16.5px;
  line-height:1.58
}
.twin__panel .twin__plain-note{
  color:rgba(241,244,245,.86);
  font-size:16px;
  line-height:1.5
}
.twin__next{font-size:16px}
.twin__panel-terms b{font-size:15.5px}
.twin__panel-terms span{
  color:rgba(241,244,245,.72);
  font-size:15px;
  line-height:1.45
}
.twin__time span{
  color:rgba(241,244,245,.72);
  font-size:15px;
  line-height:1.45
}
.twin__finish-head>p:last-child,
.twin__finish-cta p{font-size:16px;line-height:1.55}
.twin__proof li{font-size:16px;line-height:1.45}

.voices__head{
  display:block;
  margin-bottom:clamp(38px,5vw,60px);
  text-align:center
}
.voices__head>div{max-width:980px;margin-inline:auto}
.voices__head .eyebrow{justify-content:center}
.voices__title{
  max-width:24ch;
  margin-inline:auto;
  font-size:clamp(36px,4vw,54px)
}
.voices__principles-lead>p:last-child{
  color:rgba(241,244,245,.8);
  font-size:16.5px;
  line-height:1.55
}
.voices__principle p{
  max-width:42ch;
  color:rgba(241,244,245,.8);
  font-size:16.5px;
  line-height:1.55
}
.voices__cta p{font-size:16.5px;line-height:1.5}
.voices__author span{font-size:13.5px;line-height:1.42}
.voices__index button b{font-size:14.5px}
.voices__toolbar{grid-template-columns:1fr auto}
.voices__toolbar .voices__nav{justify-self:end}

.oth__head{
  display:block;
  margin-bottom:clamp(38px,4.5vw,56px);
  text-align:center
}
.oth__intro{max-width:980px;margin-inline:auto;padding-top:0}
.oth__head .eyebrow{justify-content:center}
.oth__intro .h2{
  max-width:22ch;
  margin-inline:auto;
  font-size:clamp(36px,4.2vw,56px);
  line-height:1.03
}
.oth__lead{
  max-width:68ch;
  margin:clamp(20px,2.3vw,28px) auto 0;
  font-size:18px;
  line-height:1.58
}
.othitem__hint{font-size:16px;line-height:1.46}
.othitem__body>p:not(.othitem__eyebrow):not(.othitem__qualifier){
  color:rgba(241,244,245,.82);
  font-size:17px;
  line-height:1.58
}
.othitem__facts dd{
  color:rgba(241,244,245,.68);
  font-size:13.5px;
  line-height:1.42
}
.othitem__qualifier{
  color:rgba(241,244,245,.74)!important;
  font-size:16px!important;
  line-height:1.5!important
}
.oth__note{
  max-width:84ch;
  margin:28px 0 0;
  font-size:16.5px;
  line-height:1.55
}

.b2b--wide{
  display:grid;
  grid-template-columns:minmax(250px,.95fr) minmax(280px,1.15fr) minmax(300px,1fr) auto;
  gap:clamp(28px,3.5vw,52px);
  align-items:center;
  margin:clamp(52px,6vw,82px) auto 0;
  padding:clamp(34px,3.6vw,48px);
  scroll-margin-top:calc(var(--hd) + 18px)
}
.b2b--wide .b2b__t{max-width:18ch;margin-bottom:0}
.b2b--wide .b2b__p{
  margin:0;
  color:rgba(241,244,245,.8);
  font-size:16.5px;
  line-height:1.58
}
.b2b--wide .b2b__l{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 22px;
  margin:0
}
.b2b--wide .b2b__l li{font-size:16px;line-height:1.42}
.b2b--wide .btn{min-width:220px}

.faq__lead{font-size:16.5px;line-height:1.55}
.q__a p{font-size:16.5px;line-height:1.58}
.lead__p,.lead__p--m{font-size:16.5px;line-height:1.55}
.chips span{font-size:16px}
.drop__h{font-size:16.5px;line-height:1.5}
.agree{font-size:14.5px;line-height:1.45}
.frm__msg{font-size:16px}

.ft__brand p,.ft__col a,.ft__col span{font-size:16px;line-height:1.5}
.ft__bot{
  color:rgba(241,244,245,.68);
  font-size:13.5px;
  line-height:1.45
}

@media (max-width:1120px){
  .b2b--wide{
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
    align-items:start
  }
  .b2b--wide .b2b__l{grid-column:1 / -1}
  .b2b--wide .btn{grid-column:2;justify-self:start}
}

@media (max-width:760px){
  .h2{font-size:clamp(30px,9vw,38px)}
  .sechead,.voices__head,.oth__head{text-align:left}
  .sechead__l,.voices__head>div,.oth__intro{max-width:none;margin-inline:0}
  .sechead .eyebrow,.voices__head .eyebrow,.oth__head .eyebrow{justify-content:flex-start}
  .sechead .h2,.voices__title,.oth__intro .h2{
    max-width:none;
    margin-inline:0
  }
  .pr__filters{justify-content:flex-start}

  .hero__trust-grid li{min-height:196px}
  .hero__trust-grid p{font-size:16px;line-height:1.48}

  .kase__x{font-size:16.5px}
  .bul li{font-size:15.5px}

  .twin__h{font-size:clamp(31px,8.9vw,39px)}
  .twin__visual-foot>p{font-size:16px;text-align:left}
  .twin__panel>p:not(.twin__kicker):not(.twin__time),
  .twin__panel .twin__plain-note{font-size:16px}
  .twin__panel-terms span,.twin__time span{font-size:15px}

  .voices__principle p{font-size:16px}
  .voices__author span{font-size:13px}
  .voices__index button b{font-size:14px}

  .oth__intro .h2{font-size:clamp(32px,9.2vw,40px)}
  .oth__lead{margin-inline:0;font-size:17px}
  .othitem__body>p:not(.othitem__eyebrow):not(.othitem__qualifier){font-size:16.5px}
  .othitem__facts dd{font-size:14px}
  .oth__note{font-size:16px}
  .b2b--wide{
    grid-template-columns:1fr;
    gap:24px;
    margin-top:48px;
    padding:32px 24px
  }
  .b2b--wide .b2b__l{
    grid-column:auto;
    grid-template-columns:1fr
  }
  .b2b--wide .btn{
    grid-column:auto;
    justify-self:stretch;
    width:100%
  }

  .faq__lead,.q__a p,.lead__p,.lead__p--m{font-size:16px}
  .ft__brand p,.ft__col a,.ft__col span{font-size:16px}
}

.dirs{padding:var(--section-space) 0}
.pr{padding:var(--section-space) 0}
.gal{
  margin-top:var(--section-subspace);
  padding-top:var(--section-subspace)
}
.twin,.voices,.oth,.faq,.lead{padding:var(--section-space) 0}

.voices,.oth{background-color:var(--surface-steel)}

.sechead,
.twin__head,
.voices__head,
.oth__head{margin-bottom:var(--section-head-gap)}

.sechead__l,
.twin__head>div,
.voices__head>div,
.oth__intro{
  width:100%;
  max-width:980px;
  margin-inline:auto
}

.h2,
.twin__h,
.voices__title,
.oth__intro .h2{
  font-size:var(--section-title);
  line-height:var(--section-title-leading);
  letter-spacing:-.026em
}

.sechead .h2,
.oth__intro .h2{max-width:23ch}

.twin__h,
.voices__title{max-width:30ch}

.twin__head{text-align:center}
.twin__head .eyebrow{justify-content:center}
.twin__h{margin-inline:auto}

.eyebrow{margin-bottom:18px}

@media (max-width:760px){
  :root{
    --section-space:64px;
    --section-subspace:56px;
    --section-head-gap:32px;
    --section-title:clamp(27px,7.4vw,31px);
    --layout-gutter:20px
  }

  .twin__head{text-align:left}
  .twin__head>div{max-width:none;margin-inline:0}
  .twin__head .eyebrow{justify-content:flex-start}
  .twin__h{max-width:none;margin-inline:0}
}

:root{
  --control-h:52px;
  --control-h-sm:44px;
  --control-round:46px;
  --control-radius:2px;
  --control-ease:cubic-bezier(.22,.61,.36,1);
  --control-fast:220ms;
  --control-base:320ms;
  --focus-ring:rgba(165,36,27,.28)
}

button,
a,
summary,
label{touch-action:manipulation}

button,
[role="button"]{-webkit-tap-highlight-color:transparent}

:focus-visible{
  outline:2px solid var(--red);
  outline-offset:4px;
  box-shadow:0 0 0 4px var(--focus-ring)
}

.hero :focus-visible,
.b2b :focus-visible,
.ft :focus-visible,
.twin :focus-visible,
.othitem__panel :focus-visible{
  outline-color:#F1F4F5;
  box-shadow:0 0 0 4px rgba(241,244,245,.18)
}

button:disabled,
.btn:disabled,
[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.44;
  box-shadow:none
}

.btn{
  position:relative;
  min-height:var(--control-h);
  border-radius:var(--control-radius);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    box-shadow var(--control-base) var(--control-ease),
    transform var(--control-base) var(--control-ease)
}

.btn--sm{
  min-height:var(--control-h-sm);
  padding:11px 18px
}

.btn--red{
  background-color:var(--red);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 9px 24px rgba(135,25,15,.12)
}

.btn--red:hover{
  background-color:var(--red-d);
  border-color:var(--red-d);
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 30px rgba(135,25,15,.18)
}

.btn--ghost:hover,
.btn--ghost-l:hover,
.sm__final-btn:hover,
.sm__final-ghost:hover{transform:translateY(-2px)}

.btn:active,
.btn--red:active,
.btn--ghost:active,
.btn--ghost-l:active,
.sm__final-btn:active,
.sm__final-ghost:active{
  transform:translateY(0);
  transition-duration:90ms
}

.sm__final-btn,
.sm__final-ghost{
  min-height:var(--control-h);
  border-radius:var(--control-radius);
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    box-shadow var(--control-base) var(--control-ease),
    transform var(--control-base) var(--control-ease)
}

.f{
  min-height:var(--control-h-sm);
  transition:color var(--control-fast) ease,background-color var(--control-fast) ease
}

.twin__tab{
  transition:
    color var(--control-fast) ease,
    background-color var(--control-base) ease,
    box-shadow var(--control-base) ease
}

.twin__tab::before,
.voices__index button::before{
  transition:transform var(--control-base) var(--control-ease)
}

.twin__view-switch{
  padding:3px;
  border-color:rgba(241,244,245,.24);
  border-radius:var(--control-radius)
}

.twin__view-switch button{
  min-height:var(--control-h-sm);
  padding:8px 14px;
  border-radius:1px;
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    opacity var(--control-fast) ease
}

.twin__view-switch button:hover:not(:disabled){
  color:var(--ink-l);
  background:rgba(241,244,245,.07)
}

.twin__view-switch button.is-active{
  background:rgba(217,81,69,.15);
  box-shadow:inset 0 -2px 0 #D95145
}

.voices__index button{
  transition:
    color var(--control-fast) ease,
    background-color var(--control-base) ease,
    box-shadow var(--control-base) var(--control-ease)
}

.voices__index button.is-active{
  box-shadow:inset 0 0 0 1px rgba(165,36,27,.08)
}

.chips span{
  min-height:var(--control-h-sm);
  border-radius:var(--control-radius);
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    box-shadow var(--control-base) var(--control-ease)
}

.chips label:hover span{
  border-color:rgba(21,25,28,.38);
  background:rgba(255,255,255,.46)
}

.chips input:checked+span{
  box-shadow:inset 0 -2px 0 var(--red)
}

.gnav,
.voices__nav button,
.othslider__controls button,
.pnl__x{
  width:var(--control-round);
  height:var(--control-round);
  border-radius:50%;
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    box-shadow var(--control-base) var(--control-ease),
    transform var(--control-base) var(--control-ease)
}

.gnav{
  border-color:rgba(21,25,28,.16);
  box-shadow:0 7px 22px rgba(14,18,21,.15)
}

.gnav:hover{
  border-color:var(--red);
  background:var(--red);
  color:#fff;
  transform:translateY(-50%) scale(1.045);
  box-shadow:0 10px 26px rgba(14,18,21,.22)
}

.voices__nav button{
  border-color:rgba(21,25,28,.24);
  border-radius:var(--control-radius)
}

.voices__nav button:hover{
  border-color:var(--red);
  background:var(--red);
  color:#fff;
  transform:scale(1.045);
  box-shadow:0 8px 20px rgba(135,25,15,.17)
}

.othslider__controls button{
  border-color:rgba(255,255,255,.28)
}

.othslider__controls button:hover{
  border-color:var(--red);
  background:var(--red);
  transform:scale(1.045)
}

.pnl__x{
  width:48px;
  height:48px;
  border-color:rgba(21,25,28,.18);
  box-shadow:0 8px 26px rgba(14,18,21,.08)
}

.pnl__x:hover{
  transform:rotate(4deg) scale(1.045);
  box-shadow:0 12px 28px rgba(14,18,21,.14)
}

.plate__a svg{
  width:var(--control-round);
  height:var(--control-round);
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    transform var(--control-base) var(--control-ease)
}

.plate:hover .plate__a svg,
.plate:focus-visible .plate__a svg{
  transform:translateX(3px) scale(1.035)
}

.sm__text-action,
.voices__expand,
.twin__next{
  min-height:var(--control-h-sm)
}

.sm__text-action{
  display:inline-flex;
  align-items:center;
  padding-top:7px;
  transition:
    color var(--control-fast) ease,
    border-color var(--control-fast) ease
}

.voices__expand{
  display:inline-flex;
  align-items:center;
  margin-top:10px;
  transition:
    color var(--control-fast) ease,
    border-color var(--control-fast) ease
}

.twin__next{
  transition:color var(--control-fast) ease
}

.twin__next span{
  transition:transform var(--control-base) var(--control-ease)
}

.more{
  min-height:var(--control-h);
  border-radius:var(--control-radius);
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    box-shadow var(--control-base) var(--control-ease),
    transform var(--control-base) var(--control-ease)
}

.more:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(14,18,21,.08)
}

.more:active{
  transform:translateY(0);
  transition-duration:90ms
}

.thumbs button{
  border-radius:var(--control-radius);
  transition:
    opacity var(--control-fast) ease,
    border-color var(--control-fast) ease,
    box-shadow var(--control-base) var(--control-ease),
    transform var(--control-base) var(--control-ease)
}

.thumbs button:hover{transform:translateY(-2px)}
.thumbs button[aria-pressed="true"]{
  box-shadow:0 0 0 2px rgba(165,36,27,.12)
}

.othslider__dots button{
  width:clamp(22px,2vw,34px);
  height:var(--control-h-sm)
}

.othslider__dots button::before{
  transition:
    background-color var(--control-fast) ease,
    transform var(--control-base) var(--control-ease)
}

.othslider__dots button:disabled{
  cursor:default;
  opacity:1
}

.othitem__toggle{
  transition:
    color var(--control-fast) ease,
    background-color var(--control-base) ease
}

.othitem__mark{
  width:var(--control-h-sm);
  height:var(--control-h-sm);
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    transform var(--control-base) var(--control-ease)
}

.othitem__toggle:hover .othitem__mark{
  border-color:var(--red);
  color:var(--red);
  transform:scale(1.035)
}

.othitem.is-open .othitem__toggle:hover .othitem__mark{
  border-color:rgba(255,255,255,.72);
  color:#fff
}

.q summary{
  min-height:68px;
  padding:20px 60px 20px 0;
  transition:color var(--control-fast) ease
}

.q summary::before{
  right:0;
  top:50%;
  width:var(--control-h-sm);
  height:var(--control-h-sm);
  margin-top:calc(var(--control-h-sm) / -2);
  border:1px solid rgba(21,25,28,.24);
  border-radius:50%;
  background:
    linear-gradient(currentColor,currentColor) center/14px 1px no-repeat;
  transition:
    color var(--control-fast) ease,
    background-color var(--control-fast) ease,
    border-color var(--control-fast) ease,
    transform var(--control-base) var(--control-ease)
}

.q summary::after{
  right:21.5px;
  top:50%;
  width:1px;
  height:14px;
  margin-top:-7px;
  transition:
    opacity var(--control-fast) ease,
    transform var(--control-base) var(--control-ease)
}

.q summary:hover::before{
  border-color:var(--red);
  color:var(--red);
  transform:scale(1.035)
}

.q[open] summary::before{
  border-color:var(--red);
  background-color:rgba(165,36,27,.06);
  color:var(--red)
}

.q[open] summary::after{
  opacity:0;
  transform:rotate(90deg)
}

@media (max-width:760px){
  :root{
    --control-h:54px;
    --control-h-sm:46px;
    --control-round:46px
  }

  .btn--sm{min-height:48px}

  .pr__filters{
    display:grid;
    grid-template-columns:1fr;
    gap:2px;
    width:100%;
    padding:5px;
    overflow:visible
  }

  .f{
    min-height:48px;
    padding:12px 16px;
    justify-content:space-between;
    gap:10px;
    font-size:16px
  }

  .voices__nav button,
  .gnav,
  .othslider__controls button{width:48px;height:48px}

  .voices__expand,
  .sm__text-action,
  .twin__next{min-height:48px}

  .othslider__dots button{
    min-width:20px;
    height:46px
  }

  .q summary{
    min-height:72px;
    padding-right:58px
  }
}

:root{
  --surface-line:rgba(21,25,28,.13);
  --surface-line-strong:rgba(21,25,28,.22);
  --surface-line-dark:rgba(241,244,245,.14);
  --surface-line-dark-strong:rgba(241,244,245,.25);
  --surface-white-soft:#F7F8F8;
  --surface-graphite:#171B1E;
  --surface-graphite-raised:#1C2226;
  --surface-photo-chrome:#0E1113;
  --surface-shadow-low:0 14px 38px rgba(14,18,21,.08);
  --surface-shadow-mid:0 24px 68px rgba(14,18,21,.14);
  --surface-shadow-high:0 32px 88px rgba(14,18,21,.19);
  --surface-edge:4px
}

.pr,
.lead{background:var(--surface-page)}

.voices,
.oth{background-color:var(--surface-steel)}

.faq{background:var(--surface-paper)}

.voices,
.oth,
.faq,
.lead,
.ft{border-top:1px solid var(--surface-line)}

.ft{border-top-color:var(--surface-line-dark-strong)}

.kase{
  border-color:var(--surface-line-strong);
  box-shadow:var(--surface-shadow-low)
}

.kase__media,
.lab,
.thumbs,
.bul,
.bul li,
.params,
.params>div{border-color:var(--surface-line)}

.lab{background:var(--surface-white-soft)}

.gcount{
  border:1px solid var(--surface-line-dark);
  background:rgba(14,17,19,.86);
  box-shadow:0 8px 24px rgba(8,11,13,.18);
  backdrop-filter:blur(6px)
}

.gal__i{
  border:1px solid var(--surface-line);
  background:var(--surface-steel)
}

.gal__i::after{inset:-1px}

.voices__interface{
  border:1px solid var(--surface-line-strong);
  background:var(--surface-steel);
  box-shadow:var(--surface-shadow-mid)
}

.voices__card{
  border-color:var(--surface-line-strong);
  box-shadow:var(--surface-shadow-high)
}

.voices__card::before{width:var(--surface-edge)}

.voices__edge{
  border-color:var(--surface-line-dark-strong);
  background:#3B4348;
  box-shadow:var(--surface-shadow-low)
}

.voices__edge--two{background:var(--surface-graphite)}

.voices__index button,
.voices__index button+button{border-color:var(--surface-line)}

.voices__media-label{
  padding-top:15px;
  border-top:1px solid var(--surface-line-dark)
}

.voices__stamp{
  border:1px solid var(--surface-line-dark);
  background:rgba(14,17,19,.86);
  box-shadow:0 10px 30px rgba(8,11,13,.18)
}

.voices__principles{
  border:1px solid var(--surface-line-dark);
  background:var(--surface-graphite);
  box-shadow:var(--surface-shadow-mid)
}

.voices__principles-lead{background:
  linear-gradient(145deg,rgba(165,36,27,.22),transparent 58%),
  var(--surface-graphite-raised)
}

.voices__principles-lead::before{height:var(--surface-edge)}

.voices__principle{border-color:var(--surface-line-dark)}

.voices__cta{
  border:0;
  box-shadow:var(--surface-shadow-low)
}

.twin{
  border-top:1px solid var(--surface-line-dark-strong);
  border-bottom:1px solid var(--surface-line-dark-strong)
}

.twin__viewport{
  border-color:var(--surface-line-dark-strong);
  box-shadow:0 24px 64px rgba(5,8,10,.24)
}

.twin__side{
  border-color:var(--surface-line-dark-strong);
  background:
    linear-gradient(rgba(241,244,245,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(241,244,245,.018) 1px,transparent 1px),
    linear-gradient(145deg,rgba(241,244,245,.065),rgba(241,244,245,.02) 58%,rgba(165,36,27,.05)),
    var(--surface-graphite);
  box-shadow:0 24px 64px rgba(5,8,10,.18);
  background-size:32px 32px,32px 32px,auto,auto
}

.twin__tabs{
  border-color:var(--surface-line-dark-strong);
  background:var(--surface-graphite)
}

.twin__tab{border-color:var(--surface-line-dark)}

.twin__panel{border-color:var(--surface-line-dark)}

.twin__panel::before{width:var(--surface-edge)}

.twin__panel+.twin__panel{border-color:var(--surface-line-dark-strong)}

.othcat,
.othitem{border-color:var(--surface-line-strong)}

.othitem{
  background:linear-gradient(98deg,rgba(255,255,255,.24),transparent 52%)
}

.othitem__panel{
  border:1px solid var(--surface-line-dark);
  background:var(--surface-graphite);
  box-shadow:var(--surface-shadow-mid)
}

.othslider{background:var(--surface-photo-chrome)}

.othslider__bar{
  border-color:var(--surface-line-dark);
  background:var(--surface-photo-chrome)
}

.b2b{
  border-color:var(--surface-line-dark);
  background:
    linear-gradient(130deg,rgba(255,255,255,.035),transparent 30%),
    repeating-linear-gradient(102deg,rgba(255,255,255,.018) 0 1px,transparent 1px 8px),
    var(--surface-dark);
  box-shadow:var(--surface-shadow-mid)
}

.b2b::after{height:var(--surface-edge)}

.pnl__box{
  border:1px solid var(--surface-line-dark-strong);
  box-shadow:0 34px 110px rgba(5,8,10,.38)
}

.sm__hero{
  border-color:var(--surface-line-strong);
  background:var(--surface-paper)
}

.sm__crumb,
.sm__compare,
.sm__option+.sm__option,
.sm__option ul,
.sm__option li,
.sm__components,
.sm__components div,
.sm__list,
.sm__list li{border-color:var(--surface-line)}

.sm__uses{background:var(--surface-page)}

.sm__calculation{
  border-top:1px solid var(--surface-line-dark-strong);
  border-bottom:1px solid var(--surface-line-dark-strong);
  background:var(--surface-dark)
}

.sm__facts,
.sm__facts>div{border-color:var(--surface-line-dark)}

.sm__gallery-grid figure{border:1px solid var(--surface-line-dark)}

.q,
.q:last-child,
.cts,
.cts li{border-color:var(--surface-line)}

.frm__ctx{
  border-color:rgba(165,36,27,.34);
  background:rgba(165,36,27,.055)
}

.drop{border-color:var(--surface-line-strong)}

@media (max-width:760px){
  .kase{box-shadow:0 10px 28px rgba(14,18,21,.07)}
  .voices__interface{box-shadow:0 18px 48px rgba(14,18,21,.12)}
  .voices__card{box-shadow:0 22px 56px rgba(14,18,21,.17)}
  .voices__media-label{padding-top:13px}
  .othitem__panel{box-shadow:0 18px 48px rgba(14,18,21,.14)}
}

@media (min-width:761px) and (max-width:1020px){
  .dirs__grid{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto
  }

  .plate{
    height:auto;
    min-height:0
  }

  .plate:first-of-type{
    grid-column:1 / -1;
    aspect-ratio:16 / 7
  }

  .plate:nth-of-type(2),
  .plate:nth-of-type(3){
    min-height:420px;
    aspect-ratio:4 / 5
  }

  .voices__principles{grid-template-columns:1fr}
  .voices__principles-lead{
    min-height:auto;
    padding-block:42px
  }
  .voices__principles-lead h3{max-width:20ch}
}

@media (min-width:1051px) and (max-width:1220px){
  .voices__index button{min-height:92px}
  .voices__index button b{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    line-height:1.2
  }
}

.b2b--wide{
  display:flex;
  max-width:1180px;
  flex-direction:column;
  gap:0;
  align-items:center;
  margin:clamp(48px,5.5vw,76px) auto 0;
  padding:clamp(38px,4.2vw,58px) clamp(28px,5vw,74px);
  text-align:center
}

.b2b--wide .b2b__intro{max-width:900px}
.b2b--wide .eyebrow{justify-content:center}
.b2b--wide .b2b__t{
  max-width:24ch;
  margin:0 auto;
  font-size:clamp(30px,3.2vw,46px);
  line-height:1.03;
  letter-spacing:-.03em
}

.b2b--wide .b2b__p{
  max-width:72ch;
  margin:20px auto 0;
  color:rgba(241,244,245,.78);
  font-size:17px;
  line-height:1.56
}

.b2b--wide .b2b__l{
  display:grid;
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:34px 0 30px;
  padding:0;
  border-top:1px solid var(--surface-line-dark);
  border-bottom:1px solid var(--surface-line-dark)
}

.b2b--wide .b2b__l li{
  display:flex;
  min-height:88px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:20px clamp(14px,2vw,26px);
  border:0;
  border-left:1px solid var(--surface-line-dark);
  color:#fff;
  font-size:16px;
  line-height:1.38;
  text-align:center
}

.b2b--wide .b2b__l li:first-child{border-left:0}
.b2b--wide .b2b__l li::before{display:none}
.b2b--wide .btn{min-width:280px}

.faq__grid{display:block}
.faq__side{
  position:static;
  max-width:980px;
  margin:0 auto clamp(36px,4.5vw,58px);
  text-align:center
}

.faq__side .eyebrow{justify-content:center}
.faq__side .h2{
  max-width:23ch;
  margin-inline:auto;
  font-size:clamp(34px,4vw,54px);
  line-height:1.04
}

.faq__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(44px,6vw,88px)
}

.faq__col{min-width:0}
.faq .q:first-child{border-top:1px solid var(--surface-line)}
.faq .q:last-child{border-bottom:1px solid var(--surface-line)}
.faq .q summary{
  min-height:76px;
  padding:22px 64px 22px 0;
  font-size:clamp(18px,1.55vw,21px);
  line-height:1.25
}

.faq .q__a{
  max-width:none;
  padding:0 58px 24px 0
}

.faq .q__a p{margin:0}

.lead{padding:clamp(70px,7vw,104px) 0}
.lead__grid{
  display:grid;
  grid-template-columns:minmax(360px,.8fr) minmax(620px,1.2fr);
  gap:clamp(42px,5vw,76px);
  align-items:stretch
}

.lead__side{
  display:flex;
  min-width:0;
  flex-direction:column;
  padding-top:8px
}

.lead__side .h2{
  margin:0;
  font-size:clamp(42px,4.2vw,58px);
  line-height:1
}

.bigtel{margin:clamp(26px,3vw,38px) 0 24px}
.leadmap{
  position:relative;
  min-height:300px;
  flex:1 1 auto;
  margin-top:32px;
  overflow:hidden;
  border:1px solid var(--surface-line-strong);
  background:#D7DDE0 url("../assets/img/contact-map-fallback.svg") 68% center/cover no-repeat
}

.leadmap--live iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.leadmap--live::before,.leadmap--live::after{content:none!important}
.leadmap__link{
  position:absolute;
  right:14px;
  bottom:14px;
  min-height:42px;
  padding:11px 15px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(21,25,28,.9);
  color:#fff;
  font-size:14px;
  font-weight:500;
  line-height:1.25;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(14,18,21,.2);
  backdrop-filter:blur(6px)
}

.leadmap__link:hover{background:var(--red)}
.leadmap__link:focus-visible{outline:2px solid var(--red);outline-offset:3px}

.frm{
  position:relative;
  display:grid;
  height:100%;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-content:start;
  padding:0 clamp(24px,3vw,42px) clamp(28px,3.4vw,46px);
  overflow:hidden;
  border:1px solid var(--surface-line-strong);
  background:var(--surface-white-soft);
  box-shadow:var(--surface-shadow-mid)
}

.frm::before{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  left:0;
  height:var(--surface-edge);
  background:var(--red);
  content:''
}

.frm__head{
  grid-column:1 / -1;
  margin:0 calc(clamp(24px,3vw,42px) * -1) 6px;
  padding:clamp(34px,3.2vw,46px) clamp(24px,3vw,42px) clamp(28px,2.8vw,38px);
  border-bottom:1px solid var(--surface-line);
  background:#fff
}

.frm__head .eyebrow{margin-bottom:14px}
.frm__head h2{
  max-width:18ch;
  margin:0;
  font-size:clamp(34px,3.45vw,50px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.035em
}

.frm__ctx,
.fld--set,
.fld--wide,
.frm__foot,
.frm__msg,
.frm__dev{grid-column:1 / -1}

.frm__ctx{margin:0}
.fld{
  min-width:0;
  margin:0;
  padding:17px 20px 16px;
  border:1px solid var(--surface-line);
  background:#EEF1F2
}

.fld--main{
  border-color:rgba(182,38,29,.72);
  box-shadow:inset 4px 0 0 var(--red);
  background:#fff
}

.fld__l{margin-bottom:8px}
.frm input[type=text],
.frm input[type=tel],
.frm select,
.frm textarea{
  border:0;
  border-bottom:2px solid rgba(21,25,28,.34);
  padding:8px 2px 10px;
  background:transparent
}
.frm input[type=text]:hover,
.frm input[type=tel]:hover,
.frm select:hover,
.frm textarea:hover{border-bottom-color:rgba(21,25,28,.55)}
.frm input[type=text]:focus,
.frm input[type=tel]:focus,
.frm select:focus,
.frm textarea:focus{border-bottom-color:var(--red)}

.frm input:focus,
.frm select:focus,
.frm textarea:focus{outline:0}

.fld:focus-within{
  border-color:var(--red);
  background:#fff
}

.fld--main input{padding:4px 0;font-size:22px}
.fld--set{padding:18px 20px 20px}
.chips{
  display:grid;
  grid-template-columns:repeat(4,minmax(112px,150px));
  gap:10px;
  justify-content:center
}

.chips label{min-width:0}
.chips span{
  width:100%;
  min-height:48px;
  justify-content:center;
  padding:0 14px;
  background:rgba(255,255,255,.72);
  text-align:center
}

.drop{
  display:grid;
  min-height:92px;
  grid-template-columns:auto minmax(170px,.8fr) minmax(230px,1.2fr);
  gap:12px 18px;
  align-items:center;
  padding:16px 18px;
  background:rgba(255,255,255,.48)
}

.drop svg{width:28px;height:28px}
.drop__t{font-size:18px}
.drop__h{font-size:15px;line-height:1.45}
.fld--comment textarea{min-height:66px}
.frm__foot{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(210px,300px);
  gap:20px;
  align-items:center;
  margin-top:8px
}

.agree{margin:0}
.frm__foot .btn{width:100%;min-height:58px}
.frm__msg,.frm__dev{margin:0}

@media (max-width:1120px){
  .lead__grid{
    grid-template-columns:minmax(320px,.75fr) minmax(560px,1.25fr);
    gap:34px
  }

  .frm{padding-inline:28px}
  .frm__head{margin-inline:-28px;padding-inline:28px}
  .drop{grid-template-columns:auto 1fr}
  .drop__h{grid-column:1 / -1}
}

@media (max-width:1020px){
  .b2b--wide .b2b__l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b--wide .b2b__l li:nth-child(3){border-left:0;border-top:1px solid var(--surface-line-dark)}
  .b2b--wide .b2b__l li:nth-child(4){border-top:1px solid var(--surface-line-dark)}

  .lead__grid{grid-template-columns:1fr}
  .leadmap{min-height:360px}
  .frm{height:auto}
}

@media (max-width:820px){
  .faq__list{grid-template-columns:1fr}
  .faq__col+.faq__col .q:first-child{border-top:0}
  .faq__side{margin-bottom:32px}
}

@media (max-width:680px){
  .b2b--wide{padding:34px 22px 30px}
  .b2b--wide .b2b__t{font-size:20px}
  .b2b--wide .b2b__p{font-size:16.5px}
  .b2b--wide .b2b__l{grid-template-columns:1fr;margin:28px 0 24px}
  .b2b--wide .b2b__l li,
  .b2b--wide .b2b__l li:nth-child(3),
  .b2b--wide .b2b__l li:nth-child(4){
    min-height:64px;
    border-top:1px solid var(--surface-line-dark);
    border-left:0
  }
  .b2b--wide .b2b__l li:first-child{border-top:0}
  .b2b--wide .btn{width:100%;min-width:0}

  .faq .q summary{min-height:72px;padding-right:58px}
  .faq .q__a{padding-right:0}

  .lead__side .h2{font-size:clamp(40px,12vw,52px)}
  .cts li{align-items:flex-start}
  .leadmap{min-height:300px}

  .frm{
    grid-template-columns:1fr;
    gap:12px;
    padding:0 18px 24px
  }

  .frm__head{margin:0 -18px 4px;padding:32px 20px 28px}
  .frm__head h2{font-size:clamp(32px,9.5vw,42px)}
  .frm__ctx,
  .fld--set,
  .fld--wide,
  .frm__foot,
  .frm__msg,
  .frm__dev{grid-column:1}

  .fld{padding:16px}
  .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drop{grid-template-columns:auto 1fr;padding:15px}
  .drop__h{grid-column:1 / -1}
  .frm__foot{grid-template-columns:1fr;gap:16px}
  .frm__foot .btn{min-height:56px}
}

:root{
  --premium-ease:cubic-bezier(.22,.72,.18,1);
  --premium-ease-out:cubic-bezier(.16,1,.3,1);
  --premium-fast:180ms;
  --premium-base:320ms;
  --premium-slow:620ms;
  --depth-1:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 1px 1px rgba(14,18,21,.035),
    0 8px 20px rgba(14,18,21,.055);
  --depth-2:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 2px 2px rgba(14,18,21,.04),
    0 16px 38px rgba(14,18,21,.10);
  --depth-3:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 4px 8px rgba(5,8,10,.12),
    0 30px 78px rgba(5,8,10,.24);
  --depth-pressed:
    inset 0 2px 5px rgba(14,18,21,.16),
    inset 0 -1px 0 rgba(255,255,255,.74);
}

.hd{
  background:linear-gradient(180deg,rgba(8,11,13,.32),rgba(8,11,13,0));
  transition:
    background-color var(--premium-base) ease,
    box-shadow var(--premium-base) ease,
    border-color var(--premium-base) ease,
    backdrop-filter var(--premium-base) ease;
}
.hd.is-scrolled:not(.is-solid){
  background:rgba(10,13,15,.42);
  border-color:rgba(241,244,245,.12);
  box-shadow:0 10px 34px rgba(5,8,10,.08);
  -webkit-backdrop-filter:saturate(112%) blur(8px);
  backdrop-filter:saturate(112%) blur(8px);
}
.hd.is-solid{
  background:rgba(242,244,245,.965);
  box-shadow:0 12px 34px rgba(14,18,21,.075);
}
.hd__progress{
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  overflow:hidden;
  pointer-events:none;
}
.hd__progress::before{
  content:'';
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--red),#D45449 72%,#E5A39D);
  box-shadow:0 0 9px rgba(165,36,27,.3);
  transform:scaleX(var(--page-progress,0));
  transform-origin:left;
  will-change:transform;
}
.hd__nav a:not(.hd__nav-tel),
.hd__tel,
.cts a,
.bigtel{
  position:relative;
}
.hd__nav a:not(.hd__nav-tel)::after,
.hd__tel::after,
.cts a::after,
.bigtel::after{
  position:absolute;
  right:0;
  bottom:-4px;
  left:0;
  height:1px;
  background:currentColor;
  content:'';
  transform:scaleX(0);
  transform-origin:right;
  transition:transform var(--premium-base) var(--premium-ease);
}
.hd__nav a:not(.hd__nav-tel):hover::after,
.hd__nav a:not(.hd__nav-tel):focus-visible::after,
.hd__tel:hover::after,
.hd__tel:focus-visible::after,
.cts a:hover::after,
.cts a:focus-visible::after,
.bigtel:hover::after,
.bigtel:focus-visible::after{
  transform:scaleX(1);
  transform-origin:left;
}

.hero__pic{filter:brightness(1) contrast(1);opacity:0;transition:opacity .5s ease}
body.is-in .hero__pic{opacity:1}
.hero__trust{isolation:isolate}
.hero__trust::after{
  position:absolute;
  z-index:2;
  top:-1px;
  bottom:0;
  left:-28%;
  width:22%;
  pointer-events:none;
  background:linear-gradient(104deg,transparent,rgba(255,255,255,.16),transparent);
  content:'';
  transform:skewX(-17deg);
}
.hero__trust::after{display:none}
@keyframes trust-edge-pass{
  from{left:-28%;opacity:0}
  18%{opacity:1}
  to{left:112%;opacity:0}
}
.hero__scroll svg{animation-iteration-count:2}

.dirs__grid{
  perspective:1600px;
  filter:drop-shadow(0 18px 30px rgba(14,18,21,.09));
}
.plate{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  transform:translateZ(0);
  transition:
    flex-grow .7s cubic-bezier(.32,.72,.28,1),
    flex-basis .7s cubic-bezier(.32,.72,.28,1),
    transform .7s cubic-bezier(.32,.72,.28,1),
    filter .7s cubic-bezier(.32,.72,.28,1),
    box-shadow .7s cubic-bezier(.32,.72,.28,1);
}
.plate__body::before{
  position:absolute;
  z-index:-1;
  right:18px;
  bottom:18px;
  left:18px;
  height:43%;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(180deg,rgba(10,13,15,.04),rgba(10,13,15,.36));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 18px 44px rgba(5,8,10,.13);
  content:'';
  opacity:.7;
  transition:opacity var(--premium-base) ease,transform .58s var(--premium-ease);
}
.dirs__grid.is-interacting .plate.is-active{
  z-index:2;
  transform:translateY(-4px) translateZ(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 28px 70px rgba(5,8,10,.24);
}
.dirs__grid.is-interacting .plate.is-active .plate__body::before{
  opacity:1;
  transform:translateY(-2px);
}
.dirs__grid.is-interacting .plate:not(.is-active){
  filter:saturate(.78) brightness(.84);
  transform:translateY(3px) translateZ(-12px);
}
.plate .plate__a svg path{transition:transform var(--premium-base) var(--premium-ease)}
.plate:hover .plate__a svg path,
.plate:focus-visible .plate__a svg path{transform:translateX(1.5px)}

.kase{
  overflow:visible;
  border-color:rgba(21,25,28,.16);
  box-shadow:var(--depth-1);
  transition:
    border-color var(--premium-base) ease,
    box-shadow var(--premium-slow) var(--premium-ease),
    transform var(--premium-slow) var(--premium-ease);
}
.kase:hover{
  border-color:rgba(21,25,28,.24);
  box-shadow:var(--depth-2);
  transform:translateY(-2px);
}
.kase__media{
  position:relative;
  box-shadow:inset 10px 0 24px rgba(14,18,21,.035);
}
.stage{
  margin:10px 12px 0;
  overflow:hidden;
  border:1px solid rgba(21,25,28,.16);
  background:#CBD1D4;
  box-shadow:
    inset 0 2px 8px rgba(14,18,21,.18),
    0 1px 0 rgba(255,255,255,.8);
}
.stage [data-main]{
  will-change:transform,opacity;
  transition:filter var(--premium-base) ease;
}
.thumbs{
  margin:0 12px 10px;
  border:1px solid rgba(21,25,28,.12);
  border-top:0;
  background:linear-gradient(180deg,#E6E9EB,#DDE2E4);
  box-shadow:inset 0 2px 7px rgba(14,18,21,.07);
}
.thumbs button{
  box-shadow:0 1px 2px rgba(14,18,21,.07);
}
.thumbs button[aria-pressed="true"]{
  opacity:1;
  border-color:var(--red);
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px rgba(255,255,255,.7),
    0 7px 14px rgba(14,18,21,.16),
    0 0 0 2px rgba(165,36,27,.10);
}
.pr__filters,
.gal .pr__filters{
  position:relative;
}
.filter-track{display:none}

.gal__grid{perspective:1400px}
.gal__i{
  border:1px solid rgba(21,25,28,.12);
  box-shadow:var(--depth-1);
  transform:translateZ(0);
  transition:
    opacity var(--premium-base) ease,
    border-color var(--premium-base) ease,
    box-shadow .48s var(--premium-ease),
    transform .48s var(--premium-ease),
    filter .48s ease;
  will-change:transform;
}
.gal__i::before{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 26%);
  content:'';
  opacity:0;
  transition:opacity var(--premium-base) ease;
}
.gal__i:hover,
.gal__i:focus-visible{
  z-index:2;
  border-color:rgba(165,36,27,.5);
  box-shadow:var(--depth-2);
  transform:translateY(-4px) translateZ(10px);
}
.gal__i:hover::before,
.gal__i:focus-visible::before{opacity:1}
.gal__grid:has(.gal__i:hover) .gal__i:not(:hover){
  opacity:.76;
  filter:saturate(.82);
}
.gal__i.is-open{
  z-index:3;
  border-color:rgba(165,36,27,.58);
  box-shadow:var(--depth-3);
}

.twin__viewport{perspective:1200px}
.twin__photo,
.twin__canvas{
  transform-origin:center;
  backface-visibility:hidden;
  transition:
    opacity .52s ease,
    transform .68s var(--premium-ease);
}
[data-twin-root][data-twin-ready="true"][data-twin-view="model"] .twin__canvas{
  transform:rotateY(0) scale(1);
}
[data-twin-root][data-twin-ready="true"][data-twin-view="model"] .twin__photo{
  transform:rotateY(-3deg) scale(.985);
}
[data-twin-root][data-twin-view="photo"] .twin__canvas{
  transform:rotateY(3deg) scale(.985);
}
[data-twin-root][data-twin-view="photo"] .twin__photo{
  transform:rotateY(0) scale(1);
}
.twin__side{position:relative;overflow:hidden}
.twin__side::after{
  position:absolute;
  z-index:3;
  top:0;
  bottom:0;
  left:-12%;
  width:8%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(217,81,69,.5),rgba(255,255,255,.25),transparent);
  content:'';
  opacity:0;
  transform:skewX(-12deg);
}
[data-twin-root].is-stage-switching .twin__side::after{
  animation:twin-edge-scan .66s var(--premium-ease-out) 1 both;
}
.twin__panel.is-active{
  animation:twin-copy-in .46s var(--premium-ease-out) both;
}
@keyframes twin-edge-scan{
  from{left:-12%;opacity:0}
  18%{opacity:.8}
  to{left:106%;opacity:0}
}
@keyframes twin-copy-in{
  from{opacity:0;transform:translateY(9px)}
  42%{opacity:1}
  to{opacity:1;transform:none}
}

.voices__deck{perspective:1500px}
.voices__card{
  transform-style:preserve-3d;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 4px 5px rgba(14,18,21,.06),
    0 30px 78px rgba(14,18,21,.20);
  transition:box-shadow .52s var(--premium-ease),transform .52s var(--premium-ease);
}
.voices__deck.is-pulling .voices__card{
  transform:translateY(-5px) rotateX(.5deg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 9px 12px rgba(14,18,21,.08),
    0 42px 92px rgba(14,18,21,.24);
}
.voices__card::after{
  box-shadow:inset 0 1px 2px rgba(14,18,21,.14);
}
.voices__principle{
  position:relative;
}
.voices__principle::after{
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:1px;
  background:linear-gradient(90deg,var(--red),rgba(241,244,245,.13) 22%,rgba(241,244,245,.13));
  content:'';
  transform:scaleX(0);
  transform-origin:left;
}
.voices__principles.is-seen .voices__principle::after{
  animation:principle-line .74s var(--premium-ease-out) both;
  animation-delay:calc(var(--premium-index,0) * 110ms);
}
@keyframes principle-line{to{transform:scaleX(1)}}

.othitem{
  transition:
    margin var(--premium-base) var(--premium-ease),
    box-shadow var(--premium-base) var(--premium-ease);
}
.othitem.is-open{
  margin:10px 0 18px;
  box-shadow:var(--depth-2);
}
.othitem.is-open .othitem__toggle{
  box-shadow:
    inset 0 1px rgba(255,255,255,.16),
    inset 0 -2px 5px rgba(83,10,5,.2);
}
.othslider__slide{
  transform:scale(1.035) translateZ(-8px);
  filter:saturate(.82);
}
.othslider__slide.is-active{
  filter:saturate(1);
  transform:none;
}
.b2b--wide{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 6px 10px rgba(5,8,10,.10),
    0 32px 74px rgba(5,8,10,.23);
}
.b2b--wide::before{
  position:absolute;
  top:0;
  right:12%;
  left:12%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  content:'';
}
.b2b--wide .b2b__l li{
  opacity:1;
}
.b2b--wide.is-seen .b2b__l li{
  animation:b2b-point-in .48s var(--premium-ease-out) both;
  animation-delay:calc(var(--premium-index,0) * 90ms + 90ms);
}
@keyframes b2b-point-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

.q{
  position:relative;
  transition:
    background-color var(--premium-base) ease,
    box-shadow var(--premium-base) var(--premium-ease),
    transform var(--premium-base) var(--premium-ease);
}
.q::before{
  position:absolute;
  top:12px;
  bottom:12px;
  left:-16px;
  width:3px;
  background:var(--red);
  content:'';
  opacity:0;
  transform:scaleY(.25);
  transition:opacity var(--premium-fast) ease,transform var(--premium-base) var(--premium-ease);
}
.q[open]{
  z-index:1;
  background:rgba(255,255,255,.66);
  box-shadow:inset 0 1px rgba(255,255,255,.85),0 10px 24px rgba(14,18,21,.055);
  transform:translateX(4px);
}
.q[open]::before{opacity:1;transform:scaleY(1)}
.q[open] summary{transform:translateX(5px)}
.q summary{transition:color var(--premium-fast) ease,transform var(--premium-base) var(--premium-ease)}
.q[open] .q__a{animation:faq-answer-in .4s var(--premium-ease-out) both}
@keyframes faq-answer-in{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:none}
}

.leadmap{
  box-shadow:
    inset 0 2px 10px rgba(14,18,21,.14),
    0 12px 30px rgba(14,18,21,.08);
}
.leadmap::before,
.leadmap::after{
  position:absolute;
  z-index:2;
  left:63%;
  top:50%;
  border-radius:50%;
  pointer-events:none;
  content:'';
  transform:translate(-50%,-50%);
}
.leadmap::before{
  width:14px;
  height:14px;
  border:4px solid #fff;
  background:var(--red);
  box-shadow:0 5px 16px rgba(14,18,21,.28);
}
.leadmap::after{
  width:42px;
  height:42px;
  border:1px solid rgba(165,36,27,.48);
  opacity:0;
}
.leadmap.is-seen::after{animation:map-ring .9s var(--premium-ease-out) .18s 1 both}
@keyframes map-ring{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
  28%{opacity:.8}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.3)}
}
.frm{
  box-shadow:
    inset 0 1px rgba(255,255,255,.9),
    0 2px 3px rgba(14,18,21,.04),
    0 24px 58px rgba(14,18,21,.12);
}
.fld{
  box-shadow:
    inset 0 2px 5px rgba(14,18,21,.065),
    inset 0 -1px rgba(255,255,255,.62);
  transition:
    background-color var(--premium-base) ease,
    border-color var(--premium-base) ease,
    box-shadow var(--premium-base) var(--premium-ease),
    transform var(--premium-base) var(--premium-ease);
}
.fld:hover{
  border-color:rgba(21,25,28,.24);
  background:#F3F5F6;
}
.fld:focus-within{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 2px rgba(14,18,21,.04),
    0 9px 22px rgba(14,18,21,.08),
    0 0 0 3px rgba(165,36,27,.07);
}
.chips span{
  border-color:rgba(21,25,28,.18);
  background:linear-gradient(180deg,#fff,#E9EDEF);
  box-shadow:var(--depth-1);
}
.chips label:hover span{
  transform:translateY(-2px);
  box-shadow:var(--depth-2);
}
.chips input:checked+span{
  color:var(--red);
  background:#F1F3F4;
  box-shadow:var(--depth-pressed),inset 0 -2px 0 var(--red);
  transform:translateY(1px);
}
.frm__foot .btn--red{isolation:isolate}
.frm__foot .btn--red::after{
  position:absolute;
  z-index:-1;
  top:-40%;
  bottom:-40%;
  left:-36%;
  width:25%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
  content:'';
  opacity:0;
  transform:skewX(-18deg);
}
.frm__foot .btn--red:hover::after{
  animation:submit-sheen .66s var(--premium-ease-out) 1 both;
}
.frm__foot .btn--red:active{
  box-shadow:inset 0 3px 6px rgba(83,10,5,.28);
  transform:translateY(1px);
}
@keyframes submit-sheen{
  0%{left:-36%;opacity:0}
  22%{opacity:1}
  100%{left:118%;opacity:0}
}

.pnl__box{
  inset:14px;
  border-color:rgba(241,244,245,.24);
  box-shadow:
    inset 0 1px rgba(255,255,255,.88),
    0 3px 8px rgba(5,8,10,.18),
    0 42px 120px rgba(5,8,10,.48);
}
.pnl__box::before{
  position:sticky;
  z-index:7;
  top:0;
  display:block;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,var(--red),rgba(165,36,27,.2) 32%,transparent 74%);
  content:'';
  pointer-events:none;
}
.service-portal-flight{
  position:fixed;
  z-index:151;
  margin:0;
  pointer-events:none;
  object-fit:cover;
  box-shadow:0 30px 90px rgba(5,8,10,.34);
  will-change:top,left,width,height,border-radius,opacity;
}

.premium-observe.is-seen{animation-duration:.68s;animation-timing-function:var(--premium-ease-out);animation-fill-mode:both}
.sechead.premium-observe.is-seen,
.faq__side.premium-observe.is-seen{animation-name:section-head-in}
.twin__head.premium-observe.is-seen,
.oth__head.premium-observe.is-seen{animation-name:section-head-dark-in}
.voices__head.premium-observe.is-seen{animation-name:section-head-side-in}
.lead__side.premium-observe.is-seen{animation-name:section-head-side-in}
.frm.premium-observe.is-seen{animation-name:section-plane-in}
@keyframes section-head-in{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}
@keyframes section-head-dark-in{
  from{opacity:0;transform:translateY(13px) scale(.995)}
  to{opacity:1;transform:none}
}
@keyframes section-head-side-in{
  from{opacity:0;transform:translateX(-16px)}
  to{opacity:1;transform:none}
}
@keyframes section-plane-in{
  from{opacity:0;transform:translateY(20px);box-shadow:0 8px 18px rgba(14,18,21,.04)}
  to{opacity:1;transform:none}
}

@media (hover:none){
  .gal__grid:has(.gal__i:hover) .gal__i:not(:hover){opacity:1;filter:none}
  .gal__i:hover,
  .kase:hover,
  .chips label:hover span{transform:none}
}

@media (max-width:760px){
  .hd{background:linear-gradient(180deg,rgba(8,11,13,.46),rgba(8,11,13,0))}
  .plate__body::before{right:10px;bottom:10px;left:10px;height:39%}
  .dirs__grid.is-interacting .plate.is-active,
  .dirs__grid.is-interacting .plate:not(.is-active){transform:none}
  .kase{overflow:hidden;box-shadow:0 10px 26px rgba(14,18,21,.075)}
  .kase:hover{transform:none}
  .stage{margin:8px 8px 0}
  .thumbs{margin-inline:8px}
  .gal__i{box-shadow:0 5px 14px rgba(14,18,21,.07)}
  .gal__i:hover,.gal__i:focus-visible{transform:none}
  .q::before{left:-9px}
  .q[open]{transform:translateX(2px)}
  .pnl__box{inset:0}
  .pnl__box::before{height:2px}
  .b2b--wide{box-shadow:0 22px 52px rgba(5,8,10,.2)}
}

@media (prefers-reduced-motion:reduce){
  .hd__progress::before{transition:none!important}
  .hero__trust::after,
  .voices__principle::after,
  .leadmap::after{display:none!important}
  .premium-observe.is-seen,
  .twin__panel.is-active,
  [data-twin-root].is-stage-switching .twin__side::after,
  .b2b--wide.is-seen .b2b__l li,
  .q[open] .q__a,
  .frm__foot .btn--red:hover::after{
    animation:none!important;
  }
  .premium-observe,
  .premium-observe.is-seen{opacity:1!important;transform:none!important}
  .twin__photo,.twin__canvas{transform:none!important}
  .dirs__grid.is-interacting .plate,
  .gal__i,
  .gal__i:hover,
  .kase,
  .kase:hover,
  .fld,
  .fld:focus-within,
  .chips span,
  .chips label:hover span{
    transform:none!important;
  }
}

.pnl--lead,.pnl--doc{display:flex;align-items:center;justify-content:center;padding:20px 14px}
.pnl--lead{z-index:130}
.pnl--doc{z-index:140}
.pnl--lead[hidden],.pnl--doc[hidden]{display:none}
.pnl--lead .pnl__box{
  position:relative;inset:auto;display:grid;grid-template-columns:330px 1fr;
  width:min(880px,100%);max-height:calc(100dvh - 40px);padding:0;overflow:auto;
  border-top:3px solid var(--red);
  transform:translateY(14px) scale(.97)
}
.pnl--lead.is-open .pnl__box{transform:none}
.pnl--lead .pnl__box::before,.pnl--doc .pnl__box::before{content:none}
.pnl--lead .pnl__x,.pnl--doc .pnl__x{position:absolute;top:16px;right:16px}
.pnl--lead .frm{display:block;height:auto;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.pnl--lead .frm[hidden]{display:none}
.pnl--lead .frm::before{display:none}
.lm__side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 30px;color:var(--ink-l);background:#10161A;overflow:hidden}
.lm__side::before{content:'';position:absolute;inset:0;background:url(../assets/img/hero-navesy-1280.webp) center 40%/cover no-repeat;opacity:.5}
.lm__side::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,rgba(10,14,17,.2),rgba(10,14,17,.88) 68%),linear-gradient(0deg,rgba(10,14,17,.55),rgba(10,14,17,0) 55%)}
.lm__side>*{position:relative;z-index:1}
.lm__side .eyebrow{color:var(--ink-l);margin-bottom:auto}
.lm__list{display:grid;gap:13px;margin:0 0 22px;padding:0;list-style:none}
.lm__list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:rgba(241,244,245,.92)}
.lm__list svg{flex:0 0 auto;width:17px;height:17px;margin-top:2px;color:#E0574D}
.lm__tel{color:#fff;font-size:19px;font-weight:700;text-decoration:none}
.lm__hint{margin:4px 0 0;font-size:12.5px;color:rgba(241,244,245,.55)}
.lm__main{padding:34px 38px 28px}
.lm__title{font-size:27px;line-height:1.15;margin:0 0 8px}
.lm__sub{font-size:14.5px;line-height:1.5;color:var(--ink-2);margin:0 0 24px;max-width:44ch}
.lm__form .frm__ctx{margin-bottom:16px}
.lf{display:block;margin-bottom:20px;border:0;padding:0}
.lf>span,.lf>legend{display:block;margin-bottom:7px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel-t)}
.lf b{color:var(--red)}
.lf i{font-style:normal;text-transform:none;letter-spacing:.02em;font-size:11.5px;opacity:.75}
.lf input{width:100%;border:0;border-bottom:2px solid rgba(21,25,28,.34);background:transparent;padding:8px 2px 10px;font:inherit;font-size:16.5px;outline:none;transition:border-color .2s}
.lf input:hover{border-bottom-color:rgba(21,25,28,.55)}
.lf input:focus{border-bottom-color:var(--red)}
.lf input:focus-visible{outline:0;border-radius:0;box-shadow:0 1px 0 0 var(--red)}
.lf select,.lf textarea{width:100%;border:0;border-bottom:2px solid rgba(21,25,28,.34);background:transparent;padding:8px 2px 10px;font:inherit;font-size:16.5px;outline:none;transition:border-color .2s}
.lf select:hover,.lf textarea:hover{border-bottom-color:rgba(21,25,28,.55)}
.lf select:focus,.lf textarea:focus{border-bottom-color:var(--red)}
.lf select:focus-visible,.lf textarea:focus-visible{outline:0;border-radius:0;box-shadow:0 1px 0 0 var(--red)}
.lf textarea{min-height:76px;resize:vertical}
.lf--set{margin-bottom:22px}
.lm__chips{display:flex;flex-wrap:wrap;gap:8px}
.lm__chips label{position:relative}
.lm__chips input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.lm__chips span{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;color:var(--ink-2);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.lm__chips input:checked+span{border-color:var(--red);background:var(--red);color:#fff}
.lm__chips input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.lm .agree{margin:0 0 20px;font-size:12.5px}
.lm__foot{display:flex;align-items:center;gap:16px}
.lm__foot .btn{padding-inline:32px}
.lm__foot p{margin:0;font-size:12.5px;line-height:1.4;color:var(--steel-t)}
.lm__done{text-align:center;padding:40px 8px 24px}
.lm__done svg{width:56px;height:56px;color:#2C6B45;margin-bottom:14px}
.lm__done .lm__sub{margin-inline:auto}
.lm__done .btn{min-width:150px}

.pnl--doc .pnl__box{
  position:relative;inset:auto;width:min(780px,100%);max-height:calc(100vh - 48px);
  padding:clamp(28px,4vw,46px);border-top:3px solid var(--red);
  transform:translateY(14px) scale(.985)
}
.pnl--doc.is-open .pnl__box{transform:none}
.legal h3{font-size:clamp(22px,2.4vw,27px);line-height:1.2;margin:0 0 20px;padding-right:44px}
.legal h4{font-size:16px;letter-spacing:.03em;text-transform:uppercase;margin:24px 0 10px}
.legal p,.legal li{font-size:14.5px;line-height:1.62;color:var(--ink-2);margin:0 0 10px}
.legal ol{margin:0 0 12px;padding-left:20px}
.legal li{margin-bottom:8px}

.cook{
  position:fixed;right:0;bottom:0;z-index:110;display:flex;align-items:center;gap:16px;
  width:min(440px,calc(100vw - 20px));background:var(--paper);border:1px solid var(--line);
  border-top:2px solid var(--red);padding:15px 18px;box-shadow:0 14px 44px rgba(9,12,14,.18);
  opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)
}
.cook.is-on{opacity:1;transform:none}
.cook p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.cook a{color:var(--ink)}
.cook .btn{flex:0 0 auto}

@media (max-width:760px){
  .pnl--lead{padding:14px 10px}
  .pnl--lead .pnl__box{grid-template-columns:1fr;max-height:calc(100dvh - 20px)}
  .lm__side{display:none}
  .lm__main{padding:26px 20px 22px}
  .lm__foot{flex-direction:column;align-items:stretch;gap:10px;text-align:center}
  .lm__title{font-size:23px;padding-right:36px}
  .cook{left:10px;right:10px;width:auto;bottom:10px;flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px}
  .cook .btn{width:100%}
}

.pnl--svc{display:flex;align-items:center;justify-content:center;padding:22px}
.pnl--svc[hidden]{display:none}
.pnl--svc .pnl__box{position:relative;inset:auto;width:min(1480px,100%);max-height:calc(100dvh - 44px);background:var(--paper);transform:translateY(20px) scale(.993)}
.pnl--svc.is-open .pnl__box{transform:none}
.pnl--svc .pnl__box::before{content:none}
.pnl--svc .pnl__x{position:sticky;top:18px;right:auto;float:right;z-index:20;width:48px;height:48px;margin:18px 18px -66px 0;border:1px solid rgba(255,255,255,.52);border-radius:0;background:rgba(14,20,23,.78);color:#fff;backdrop-filter:blur(12px)}
.pnl--svc .pnl__x:hover{background:var(--red);border-color:var(--red);transform:none}
.svcm,.lightbox{--muted:#5d686f;--soft:var(--surface-steel);--red-dark:var(--red-d);--white:#fff;--shadow:0 26px 68px rgba(19,30,36,.16);--ease:cubic-bezier(.22,.75,.18,1)}
.svcm h2,.svcm h3,.svcm h4,.svcm p{margin-top:0}
.svcm .eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#657178;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.svcm .eyebrow::before{width:2px;height:18px;background:var(--red);content:""}

.svcm .eyebrow::before{width:2px;height:18px;background:var(--red);content:""}
.svcm h2, .svcm h3, .svcm p{margin-top:0}
.svcm .service-card::before{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,12,.04) 20%,rgba(7,10,12,.88) 100%);content:"";z-index:1}
.svcm .service-card::after{position:absolute;inset:0;border:1px solid rgba(255,255,255,.34);content:"";z-index:3;pointer-events:none}
.svcm .service-card:hover img, .svcm .service-card:focus-visible img{transform:scale(1.035);filter:saturate(1.04) contrast(1.02)}
.svcm .service-card:hover .service-card__link svg{transform:translateX(5px)}
.svcm .modal__close:focus-visible{outline:1px solid rgba(255,255,255,.92);outline-offset:3px}
.svcm .modal-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:52px;align-items:center;padding:64px 58px 58px;background:#fff}
.svcm .modal-hero__copy{padding:24px 0 12px}
.svcm .modal-hero h2{max-width:650px;margin-bottom:24px;font-size:clamp(38px,3.7vw,54px);line-height:.98;letter-spacing:-.03em}
.svcm .modal-hero__lead{max-width:620px;margin-bottom:34px;color:#4f5b62;font-size:20px;line-height:1.5}
.svcm .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.svcm .fact{min-height:112px;padding:20px 16px;border-right:1px solid var(--line)}
.svcm .fact:first-child{padding-left:0}
.svcm .fact:last-child{border-right:0}
.svcm .fact strong{display:block;margin-bottom:7px;font-size:24px;line-height:1.05}
.svcm .fact span{display:block;color:#606c72;font-size:14px;line-height:1.35}
.svcm .hero-actions{display:flex;align-items:center;gap:18px;margin-top:30px}
.svcm .btn{display:inline-flex;min-height:58px;align-items:center;justify-content:center;border:1px solid transparent;padding:15px 27px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s ease,color .25s ease,border-color .25s ease}
.svcm .btn:hover{transform:translateY(-2px)}
.svcm .btn--red{background:var(--red);color:#fff}
.svcm .btn--red:hover{background:var(--red-dark)}
.svcm .btn--ghost{border-color:currentColor;background:transparent;color:inherit}
.svcm .hero-hint{max-width:180px;margin:0;color:#748087;font-size:14px;line-height:1.35}
.svcm .slider{min-width:0}
.svcm .slider__stage{position:relative;aspect-ratio:4/3;overflow:hidden;background:#11171a}
.svcm .slider__image{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease,transform .6s var(--ease)}
.svcm .slider.is-changing .slider__image{opacity:.25;transform:scale(1.01)}
.svcm .slider__shade{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(5,8,10,.74));pointer-events:none}
.svcm .slider__counter{position:absolute;bottom:22px;left:26px;color:#fff;font-size:13px;letter-spacing:.14em}
.svcm .slider__controls{position:absolute;right:18px;bottom:18px;display:flex;gap:8px}
.svcm .icon-btn{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.62);background:rgba(10,15,18,.67);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.svcm .icon-btn svg{width:21px}
.svcm .slider__zoom{position:absolute;top:18px;right:18px}
.svcm .slider__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.svcm .slider__thumb{position:relative;aspect-ratio:16/6;overflow:hidden;border:0;padding:0;background:#222;cursor:pointer}
.svcm .slider__thumb::after{position:absolute;inset:0;border:3px solid transparent;content:"";transition:border-color .2s ease}
.svcm .slider__thumb[aria-pressed="true"]::after{border-color:var(--red)}
.svcm .slider__thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:filter .3s ease,transform .45s var(--ease)}
.svcm .slider__thumb:hover img, .svcm .slider__thumb[aria-pressed="true"] img{filter:none;transform:scale(1.035)}
.svcm .section{padding:90px 58px}
.svcm .section--soft{background:var(--soft)}
.svcm .section--dark{background:var(--dark);color:#fff}
.svcm .section-head{max-width:830px;margin:0 auto 48px;text-align:center}
.svcm .section-head .eyebrow{justify-content:center}
.svcm .section-head h3{margin-bottom:16px;font-size:clamp(31px,2.9vw,42px);line-height:1.02;letter-spacing:-.02em}
.svcm .section-head p{max-width:680px;margin:0 auto;color:#5c686f;font-size:19px}
.svcm .section--dark .section-head p{color:#aeb8bd}
.svcm .use-grid{display:grid;border:1px solid #bfc8cd;background:rgba(255,255,255,.38)}
.svcm .use-grid--three{grid-template-columns:repeat(3,1fr)}
.svcm .use-grid--four{grid-template-columns:repeat(4,1fr)}
.svcm .use-grid--six{grid-template-columns:repeat(3,1fr)}
.svcm .use-card{position:relative;min-height:218px;padding:32px;border-right:1px solid #bfc8cd;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.svcm .use-card:last-child{border-right:0}
.svcm .use-grid--six .use-card{border-bottom:1px solid #bfc8cd}
.svcm .use-grid--six .use-card:nth-child(3n){border-right:0}
.svcm .use-grid--six .use-card:nth-child(n+4){border-bottom:0}
.svcm .use-card::before{position:absolute;top:-1px;left:32px;width:36px;height:3px;background:var(--red);content:""}
.svcm .num{display:block;color:#7a858b;font-size:12px;letter-spacing:.16em}
.svcm .use-card h4, .svcm .split-card h4, .svcm .detail h4, .svcm .step h4{margin:30px 0 12px;font-size:29px;line-height:1.04}
.svcm .use-card p, .svcm .split-card p, .svcm .detail p, .svcm .step p{margin:0;color:#59656c;font-size:17px}
.svcm .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.svcm .split-card{position:relative;min-height:390px;padding:42px;border:1px solid var(--line);background:#fff;box-shadow:0 15px 34px rgba(25,36,42,.09)}
.svcm .split-card--accent{border-color:#253036;background:#182024;color:#fff}
.svcm .split-card--accent p{color:#b1bcc1}
.svcm .split-card h4{max-width:420px;margin-top:72px;font-size:44px}
.svcm .check-list{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}
.svcm .check-list li{position:relative;padding:14px 0 14px 26px;border-top:1px solid rgba(109,121,128,.32)}
.svcm .check-list li::before{position:absolute;top:22px;left:3px;width:6px;height:6px;background:var(--red);content:"";transform:rotate(45deg)}
.svcm .detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #3a454b;border-bottom:1px solid #3a454b}
.svcm .detail{min-height:215px;padding:28px 22px;border-right:1px solid #3a454b}
.svcm .detail:last-child{border-right:0}
.svcm .detail h4{margin-top:44px;font-size:24px}
.svcm .detail p{color:#aeb7bc;font-size:15px}
.svcm .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #3a454b}
.svcm .material{min-height:205px;padding:30px;border-right:1px solid #3a454b;border-bottom:1px solid #3a454b}
.svcm .material:nth-child(3n){border-right:0}
.svcm .material:nth-child(n+4){border-bottom:0}
.svcm .material-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.svcm .material-grid--four .material{border-bottom:0}
.svcm .material-grid--four .material:nth-child(3n){border-right:1px solid #3a454b}
.svcm .material-grid--four .material:last-child{border-right:0}
.svcm .material strong{display:block;margin:34px 0 10px;font-size:27px}
.svcm .material span{color:#aeb8bd;font-size:16px}
.svcm .contract{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}
.svcm .contract h3{font-size:clamp(42px,4vw,62px);line-height:.98}
.svcm .contract-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.svcm .contract-item{min-height:150px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.svcm .contract-item:nth-child(2n){border-right:0}
.svcm .contract-item strong{display:block;margin:28px 0 0;font-size:25px}
.svcm .steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.svcm .steps--six{grid-template-columns:repeat(6,minmax(0,1fr))}
.svcm .step{min-height:238px;padding:28px 22px;border-right:1px solid var(--line)}
.svcm .step:last-child{border-right:0}
.svcm .step h4{margin-top:52px;font-size:25px}
.svcm .geo{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start;margin-top:48px;padding:38px 0 0;border-top:3px solid var(--red)}
.svcm .geo h4{margin:0;font-size:31px;line-height:1.05}
.svcm .geo p{max-width:670px;margin:0;color:#59656c}
.svcm .final{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding:56px 58px;background:var(--red);color:#fff}
.svcm .final h3{max-width:660px;margin:0;font-size:clamp(42px,4vw,62px);line-height:.96}
.svcm .final p{max-width:620px;margin-bottom:24px;color:rgba(255,255,255,.82);font-size:19px}
.svcm .final__actions{display:flex;gap:12px;flex-wrap:wrap}
.svcm .final .btn--light{background:#fff;color:var(--red)}
.svcm .final .btn--ghost{border-color:rgba(255,255,255,.7);color:#fff}
.svcm .mfrm{max-width:560px}
.svcm .mfrm__row{display:flex;flex-wrap:wrap;gap:10px}
.svcm .mfrm__row input{flex:1 1 220px;min-width:0;min-height:52px;border:0;background:#fff;padding:0 16px;font:inherit;font-size:16px;color:var(--ink)}
.svcm .mfrm__agree{display:flex;gap:8px;align-items:flex-start;margin-top:13px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.78)}
.svcm .mfrm__agree input{flex:0 0 auto;margin-top:2px;width:15px;height:15px;accent-color:#fff}
.svcm .mfrm__agree a{color:#fff}
.svcm .mfrm .frm__msg{margin:10px 0 0;font-size:14px;color:#fff}
.svcm .mfrm .frm__msg.is-err{color:#FFDAD5}
.lightbox{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:rgba(3,6,8,.94);opacity:0;transition:opacity .25s ease}
.lightbox[hidden]{display:none}
.lightbox.is-open{opacity:1}
.lightbox img{max-width:min(1600px,94vw);max-height:88vh;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.lightbox__close{position:absolute;top:22px;right:22px}
.lightbox__caption{position:absolute;right:80px;bottom:24px;left:24px;margin:0;color:rgba(255,255,255,.75);font-size:14px}
.lightbox__count{position:absolute;top:30px;left:24px;color:rgba(255,255,255,.66);font-size:13px;letter-spacing:.14em}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%)}
.lightbox__nav--prev{left:22px}
.lightbox__nav--next{right:22px}
.lightbox__nav[hidden]{display:none}
.lightbox img{transform:scale(.985);transition:transform .28s cubic-bezier(.22,.75,.18,1)}
.lightbox.is-open img{transform:none}
.gal__i{cursor:zoom-in}
.kase [data-main]{cursor:zoom-in}
@media (max-width:1100px){
.svcm .modal-hero, .svcm .contract, .svcm .geo, .svcm .final{grid-template-columns:1fr}
.svcm .modal-hero{gap:36px}
.svcm .modal-hero__copy{padding-right:60px}
.svcm .use-grid--four{grid-template-columns:repeat(2,1fr)}
.svcm .use-grid--four .use-card:nth-child(2){border-right:0}
.svcm .use-grid--four .use-card:nth-child(-n+2){border-bottom:1px solid #bfc8cd}
.svcm .detail-grid{grid-template-columns:repeat(3,1fr)}
.svcm .detail:nth-child(3){border-right:0}
.svcm .detail:nth-child(-n+3){border-bottom:1px solid #3a454b}
.svcm .steps{grid-template-columns:repeat(3,1fr)}
.svcm .step:nth-child(3){border-right:0}
.svcm .step:nth-child(-n+3){border-bottom:1px solid var(--line)}
.svcm .final{gap:26px}
}
@media (max-width:760px){
.pnl--svc{padding:0}
.pnl--svc .pnl__box{width:100%;max-height:100dvh}
.pnl--svc .pnl__x{top:12px;margin:12px 12px -60px 0}
.svcm .modal-hero{display:flex;flex-direction:column;padding:76px 18px 42px}
.svcm .modal-hero__copy{order:1;padding:0}
.svcm .slider{order:0;width:100%}
.svcm .modal-hero h2{font-size:34px}
.svcm .modal-hero__lead{font-size:18px}
.svcm .facts{grid-template-columns:1fr}
.svcm .fact{min-height:auto;padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}
.svcm .fact:last-child{border-bottom:0}
.svcm .fact strong{font-size:22px}
.svcm .hero-actions{align-items:stretch;flex-direction:column}
.svcm .hero-hint{max-width:none}
.svcm .slider__stage{aspect-ratio:4/3}
.svcm .slider__thumb{aspect-ratio:1.35/1}
.svcm .slider__counter{bottom:18px;left:18px}
.svcm .slider__controls{right:12px;bottom:12px}
.svcm .slider__zoom{top:12px;right:12px}
.svcm .section{padding:66px 18px}
.svcm .section-head{margin-bottom:34px}
.svcm .section-head h3{font-size:29px}
.svcm .section-head p{font-size:17px}
.svcm .use-grid--three, .svcm .use-grid--four, .svcm .use-grid--six{grid-template-columns:1fr}
.svcm .use-card, .svcm .use-grid--four .use-card, .svcm .use-grid--six .use-card{min-height:auto;padding:28px;border-right:0;border-bottom:1px solid #bfc8cd}
.svcm .use-card:last-child, .svcm .use-grid--four .use-card:last-child, .svcm .use-grid--six .use-card:last-child{border-bottom:0}
.svcm .use-card h4{margin-top:28px}
.svcm .split{grid-template-columns:1fr}
.svcm .split-card{min-height:auto;padding:32px 26px}
.svcm .split-card h4{margin-top:46px;font-size:38px}
.svcm .detail-grid, .svcm .material-grid, .svcm .material-grid--four, .svcm .steps{grid-template-columns:1fr}
.svcm .detail, .svcm .material, .svcm .material-grid--four .material, .svcm .material-grid--four .material:nth-child(3n), .svcm .step{min-height:auto;padding:25px 20px;border-right:0;border-bottom:1px solid #3a454b}
.svcm .detail:last-child, .svcm .material:last-child, .svcm .material-grid--four .material:last-child, .svcm .step:last-child{border-bottom:0}
.svcm .detail h4, .svcm .material strong, .svcm .step h4{margin-top:24px}
.svcm .contract{gap:24px}
.svcm .contract h3{font-size:43px}
.svcm .contract-list{grid-template-columns:1fr}
.svcm .contract-item{min-height:auto;padding:24px 4px;border-right:0}
.svcm .contract-item strong{margin-top:20px}
.svcm .geo{gap:18px;margin-top:36px}
.svcm .final{padding:46px 18px}
.svcm .mfrm__row .btn{width:100%}
.svcm .final h3{font-size:43px}
.svcm .final__actions{flex-direction:column}
.svcm .final__actions .btn{width:100%}
.lightbox{padding:10px}
.lightbox__nav--prev{left:8px}
.lightbox__nav--next{right:8px}
.lightbox__caption{right:24px;bottom:70px}
.lightbox__caption{right:24px}
}
@media (prefers-reduced-motion:reduce){
.svcm *::before, .svcm *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.lightbox .icon-btn{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.62);background:rgba(10,15,18,.67);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.lightbox .icon-btn svg{width:21px}

@media (max-width:760px){
  .faq__side .h2{font-size:clamp(25px,7vw,29px)}
  .b2b__t{max-width:none;font-size:20px}
}

.frm--clean{gap:4px 30px;background:#fff}
.frm--clean .frm__title{grid-column:1/-1;margin:30px 0 16px;font-size:clamp(26px,2.4vw,32px);line-height:1.05;letter-spacing:-.02em}
.frm--clean .frm__ctx{grid-column:1/-1}
.frm--clean .lf{min-width:0;margin-bottom:16px}
.frm--clean .lf--wide{grid-column:1/-1}
.frm--clean .lf--set{margin-bottom:20px}
.frm--clean .drop{border-color:rgba(21,25,28,.24);background:#fff}
.frm--clean .frm__foot{grid-column:1/-1;margin-top:2px}
.frm--clean .frm__msg{grid-column:1/-1}

@media (max-width:760px){
  .frm--clean{grid-template-columns:1fr;gap:2px}
  .frm--clean .frm__title{margin-top:24px}
}

.pr__wrapfil{display:flex;margin-bottom:26px}
.pr__filbox{min-width:0;max-width:100%}
.pr__lead{margin:0 0 10px;color:var(--steel-t);font-size:11.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.pr__filters{margin-bottom:0}
@media (max-width:760px){
  .pr__wrapfil{margin-bottom:20px}
  .pr__filbox{width:100%}
  .pr__lead{font-size:11px;margin-bottom:8px}
}

.f.is-on{box-shadow:0 2px 8px rgba(14,18,21,.22)}

.svcm .modal-hero__tags{
  max-width:620px;margin:-20px 0 30px;padding-top:16px;border-top:1px solid var(--line);
  color:#4f5b62;font-size:20px;line-height:1.5
}
@media (max-width:760px){
  .svcm .modal-hero__tags{margin:-14px 0 24px;font-size:18px}
}

.dirs__grid{flex-wrap:wrap;height:auto;align-items:stretch}
.dirs__grid>.plate{height:clamp(560px,47vw,680px)}
.svcx{order:2;flex:0 0 100%;width:100%;position:relative;overflow:hidden;height:0;background:#fff;border:1px solid rgba(21,25,28,.14);border-top:3px solid var(--red)}
.svcx[hidden]{display:none}
.svcx.is-anim{transition:height .42s cubic-bezier(.22,.72,.24,1)}
.svcx::before{
  content:'';position:absolute;z-index:3;top:0;left:var(--svc-arrow,50%);width:0;height:0;
  margin-left:-13px;border-left:13px solid transparent;border-right:13px solid transparent;
  border-top:12px solid var(--red);
  transition:left .42s cubic-bezier(.22,.72,.24,1)
}
.svcx__in{opacity:0;transform:translateY(14px);transition:opacity .34s ease .12s,transform .42s cubic-bezier(.22,.72,.24,1) .1s}
.svcx.is-open .svcx__in{opacity:1;transform:none}
.svcx .modal-hero{padding:52px 48px 44px}
.svcx .section{padding:56px 48px}
.svcx .final{padding:56px 48px}
.svcx__foot{display:flex;justify-content:center;padding:0 48px 40px;background:#fff}
.svcx__close{
  display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 26px;
  border:1px solid rgba(21,25,28,.22);background:#fff;color:var(--ink);font:inherit;font-size:15.5px;font-weight:600;
  cursor:pointer;transition:background .2s,border-color .2s,color .2s
}
.svcx__close svg{width:18px;height:18px}
.svcx__close:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.plate[aria-expanded="true"]{box-shadow:0 0 0 3px var(--red)}
.plate[aria-expanded="true"] .plate__a{color:#fff}
@media (max-width:1020px){
  .dirs__grid>.plate{height:auto;min-width:0}
  .svcx{order:0;grid-column:1/-1;min-width:0}
  .svcx::before{display:none}
  .svcx .modal-hero{padding:34px 18px 30px}
  .svcx .section{padding:44px 18px}
  .svcx .final{padding:44px 18px}
  .svcx__foot{padding:0 18px 30px}
  .svcx__close{width:100%;justify-content:center}
}
@media (min-width:761px) and (max-width:1020px){
  .dirs__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:760px){
  .dirs__grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .svcx.is-anim{transition:none}
  .svcx__in{transition:none;opacity:1;transform:none}
}

.svcm .fact strong{font-size:clamp(16px,1.25vw,24px);overflow-wrap:normal;hyphens:none}
@media (max-width:1020px){.svcm .fact strong{font-size:22px}}
@media (max-width:760px){.svcm .fact strong{font-size:21px}}

.svcm .slider__thumbs{
  display:grid;grid-auto-flow:column;grid-auto-columns:118px;grid-template-columns:none;
  gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;
  scroll-snap-type:x proximity
}
.svcm .slider__thumb{aspect-ratio:4/3;scroll-snap-align:start}
@media (max-width:760px){
  .svcm .slider__thumbs{grid-auto-columns:96px;gap:6px}
}

.kase__media .stage .gnav{z-index:3}
.kase__media .stage .gcount{z-index:3}

.dirs__grid.is-interacting .plate.is-active,
.dirs__grid.is-interacting .plate:not(.is-active){
  transition:
    flex-grow .7s cubic-bezier(.32,.72,.28,1),
    flex-basis .7s cubic-bezier(.32,.72,.28,1),
    transform .7s cubic-bezier(.32,.72,.28,1),
    filter .55s ease,
    box-shadow .55s ease
}
@media (prefers-reduced-motion:reduce){
  .plate,.plate__t,.plate img{transition:none}
}

.svcm .fact span{font-size:16.5px;line-height:1.4;color:#5b666d}
.svcm .hero-hint{font-size:16px;line-height:1.4;max-width:210px;color:#68737a}
.svcm .modal-hero__lead{font-size:21px}
@media (max-width:1020px){
  .svcm .fact span{font-size:16px}
  .svcm .hero-hint{font-size:15.5px;max-width:none}
  .svcm .modal-hero__lead{font-size:18.5px}
}
@media (max-width:760px){
  .svcm .fact span{font-size:15.5px}
  .svcm .hero-hint{font-size:15px}
}

.hero__title{max-width:none;width:max-content;max-width:100%;text-wrap:pretty;font-size:clamp(36px,3.8vw,55px)}
.hero__place{display:inline-block;white-space:nowrap;letter-spacing:-.012em}
.hero__sub,body[data-dir="all"] .hero__sub,body[data-dir="kozyrki"] .hero__sub,body[data-dir="vhodnye"] .hero__sub{max-width:clamp(298px,34.3vw,497px)}
@media (max-width:1200px){.hero__title{font-size:clamp(33px,3.8vw,48px)}}
@media (max-width:760px){
  .hero__title{width:auto;max-width:none;font-size:clamp(28px,8.7vw,36px)}
  .hero__sub,body[data-dir="all"] .hero__sub,body[data-dir="kozyrki"] .hero__sub,body[data-dir="vhodnye"] .hero__sub{max-width:none}
}
.h2--gal{max-width:26ch;font-size:clamp(24px,2.5vw,34px);text-wrap:balance}
@media (max-width:760px){.h2--gal{max-width:none;font-size:clamp(21px,5.6vw,26px)}}
.twin__viewport{background:radial-gradient(circle at 48% 40%,rgba(126,136,142,.26),transparent 38%),linear-gradient(145deg,#22272A,#12161A 74%)}
.twin__shade{background:linear-gradient(to bottom,rgba(7,10,12,.22),transparent 22%,transparent 76%,rgba(7,10,12,.36))}
.twin__canvas canvas{filter:contrast(1.14) brightness(1.1)}
.twin__step{display:flex;align-items:center;gap:10px;pointer-events:auto}
.twin__live::before{content:'';width:6px;height:6px;flex:0 0 auto;background:#D95145;transform:rotate(45deg);box-shadow:0 0 18px rgba(217,81,69,.7)}
.twin__stepbtn{display:grid;place-items:center;width:32px;height:32px;padding:0;flex:0 0 auto;
  border:1px solid rgba(241,244,245,.24);background:rgba(16,20,23,.7);color:#F1F4F5;cursor:pointer;
  transition:background .2s,border-color .2s,opacity .2s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.twin__stepbtn svg{width:16px;height:16px}
.twin__stepbtn:hover{background:var(--red);border-color:var(--red)}
.twin__stepbtn:disabled{opacity:.3;cursor:default}
.twin__stepbtn:disabled:hover{background:rgba(16,20,23,.7);border-color:rgba(241,244,245,.24)}
@media (max-width:760px){
  .twin__step{gap:8px}
  .twin__stepbtn{width:38px;height:38px}
  .twin__stepbtn svg{width:18px;height:18px}
}
.twin__next{color:rgba(241,244,245,.9);font-size:15.5px;font-weight:600;padding-top:19px}
.twin__next span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;
  border:1px solid rgba(217,81,69,.5);background:rgba(217,81,69,.12);color:#E86152;
  transition:background .2s,border-color .2s,transform .2s,color .2s}
.twin__next span svg{width:22px;height:22px}
.twin__next:hover span{background:var(--red);border-color:var(--red);color:#fff;transform:translateX(5px)}
@media (max-width:760px){
  .twin__next{font-size:16px}
  .twin__next span{width:46px;height:46px}
  .twin__next span svg{width:24px;height:24px}
}