@font-face{font-family:'Oswald Fallback';src:local('Roboto Condensed'),local('Arial Narrow'),local('Roboto'),local('Helvetica Neue'),local('Arial');size-adjust:79%;ascent-override:118%}
:root{
  --bg:#0F0F0F;
  --surface:#1A1A1A;
  --surface-2:#232323;
  --line:#2E2E2E;
  --hazard:#FFD000;
  --hazard-press:#E8BD00;
  --ink:#111111;
  --text:#F4F2EC;
  --text-2:#D6D2CA;
  --muted:#9E9A93;
  --ok:#43D17A;
  --viber:#7360F2;
  --telegram:#29A9EB;
  --whatsapp:#25D366;
  --f-display:'Oswald','Oswald Fallback','Arial Narrow',sans-serif;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gutter:16px;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
button{font:inherit;color:inherit}
svg{display:block;flex-shrink:0}
:focus-visible{outline:3px solid var(--hazard);outline-offset:3px;border-radius:10px}
.stripe{height:5px;background:repeating-linear-gradient(-45deg,var(--hazard) 0 10px,#151515 10px 20px)}
.top{max-width:1240px;margin:0 auto;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.logo svg{width:46px;height:auto}
.logo-word{display:flex;flex-direction:column;line-height:1}
.logo-word b{font-family:var(--f-display);font-weight:700;font-size:19px;letter-spacing:.03em}
.logo-word span{font-size:11.5px;font-weight:700;color:var(--muted);margin-top:4px;letter-spacing:.01em}
.live{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;background:rgba(255,255,255,.02)}
.live time{color:var(--text);font-weight:800;font-variant-numeric:tabular-nums}
.dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ok)}
.dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:ping 2s ease-out infinite}
@keyframes ping{0%{transform:scale(.5);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.live-long{display:none}
.nav,.top-phone{display:none}
.hero{max-width:1240px;margin:0 auto;padding:6px var(--gutter) 24px;display:grid;grid-template-areas:"copy" "gallery" "actions";gap:16px}
.copy{grid-area:copy}
.gallery{grid-area:gallery}
.actions{grid-area:actions}
.copy{container-type:inline-size}
h1{margin:0;font-family:var(--f-display);font-weight:700;line-height:.94;letter-spacing:-.005em}
h1 span{display:block;white-space:nowrap}
h1 .l1{font-size:calc((100vw - 32px) / 4.3)}
h1 .city{font-size:calc((100vw - 32px) / 7.72);color:var(--hazard);margin-top:.06em;line-height:1}
@supports (font-size:1cqw){
  h1 .l1{font-size:calc(100cqw / 4.3)}
  h1 .city{font-size:calc(100cqw / 7.72)}
}
.sub{margin:10px 0 0;font-size:16px;line-height:1.4;color:var(--text-2);max-width:32ch;text-wrap:pretty}
.sub b{color:var(--text);font-weight:700}
.gallery{position:relative;border-radius:16px;overflow:hidden;background:var(--surface);
  height:clamp(150px,calc(100vh - 480px),270px);
  height:clamp(150px,calc(100svh - 480px),270px)}
.gallery::before,.gallery::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.gallery::before{top:0;height:70px;background:linear-gradient(rgba(10,10,10,.55),transparent)}
.gallery::after{bottom:0;height:62%;background:linear-gradient(to top,rgba(10,10,10,.94) 0%,rgba(10,10,10,.6) 45%,transparent 100%)}
.track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.track[hidden]{display:none}
.slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}
.slide img{width:100%;height:100%;object-fit:cover;object-position:center 58%;display:block}
.ph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 20px 64px;text-align:center;color:var(--muted);font-size:13px;
  background:
    repeating-linear-gradient(-45deg,rgba(255,208,0,.045) 0 14px,transparent 14px 28px),
    radial-gradient(120% 90% at 50% 30%,#242424,#161616)}
.ph svg{width:52px;color:var(--hazard);opacity:.75}
@media (max-width:599px){.ph em{display:none}}
.ph em{font-style:normal;font-size:11px;font-weight:700;color:#6f6c66;border:1px dashed #3a3a3a;border-radius:6px;padding:2px 7px}
.tabs{position:absolute;z-index:2;top:10px;left:10px;display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(15,15,15,.72);border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.tab{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:7px 12px 7px 10px;border-radius:999px;font-size:13.5px;font-weight:700;cursor:pointer;color:var(--text-2);transition:background .2s,color .2s}
.tab svg{width:22px;height:auto}
.tab[aria-selected="true"]{background:var(--hazard);color:var(--ink)}
.dots{position:absolute;z-index:2;top:22px;right:14px;display:flex;gap:5px}
.dots i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.4);transition:width .25s,background .25s}
.dots i.on{width:16px;background:var(--hazard)}
.stats{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 14px 12px;display:grid;grid-template-columns:repeat(3,1fr)}
.stats[hidden]{display:none}
.stat{padding-left:12px;border-left:1px solid rgba(255,255,255,.2);min-width:0}
.stat:first-child{padding-left:0;border-left:0}
.stat b{display:block;font-family:var(--f-display);font-weight:600;font-size:24px;line-height:1.05;color:var(--hazard);white-space:nowrap}
.stat b small{font-size:.62em;font-weight:500;margin-left:2px}
.stat span{display:block;font-size:12px;font-weight:600;color:#D2CEC6;margin-top:2px}
.arrow{display:none}
.cta{display:flex;align-items:center;gap:14px;min-height:70px;padding:11px 14px 11px 12px;min-width:0;border-radius:16px;background:var(--hazard);color:var(--ink);text-decoration:none;box-shadow:0 10px 30px -10px rgba(255,208,0,.55);transition:transform .12s,background .12s}
.cta:active{transform:scale(.985);background:var(--hazard-press)}
.cta-ico{width:48px;height:48px;border-radius:12px;background:var(--ink);color:var(--hazard);display:grid;place-items:center}
.cta-ico svg{width:24px}
.cta-txt{display:flex;flex-direction:column;line-height:1.05}
.cta-txt b{font-family:var(--f-display);font-weight:700;font-size:21px;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}
.cta-txt span{font-size:15px;font-weight:800;margin-top:5px;font-variant-numeric:tabular-nums}
.alt{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.alt a,.alt button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:58px;padding:0 4px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.alt a:active,.alt button:active{background:var(--surface-2)}
.alt svg{width:22px;height:22px}
.ico-viber{color:var(--viber)}
.ico-tg{color:var(--telegram)}
.ico-wa{color:var(--whatsapp)}
.ico-pin{color:var(--hazard)}
.promise{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:13.5px;line-height:1.4;color:var(--muted);text-wrap:pretty}
.promise svg{width:20px;color:var(--hazard);margin-top:1px}
.promise b{color:var(--text);font-weight:700}
.cases{max-width:1240px;margin:0 auto;padding:40px var(--gutter) 8px}
.cases h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:.98;letter-spacing:-.005em}
.cases-lead{margin:10px 0 0;font-size:16px;color:var(--text-2);max-width:34ch;text-wrap:pretty}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.case{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-height:150px;padding:14px 14px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s,transform .12s}
.case:active{transform:scale(.98);background:var(--surface-2)}
.case-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,208,0,.12);color:var(--hazard);margin-bottom:4px}
.case-ico svg{width:24px;height:24px}
.case b{font-size:16px;font-weight:800;line-height:1.2}
.case > span:not(.case-ico):not(.price):not(.c-txt){font-size:13px;line-height:1.35;color:var(--muted)}
.case .price{margin-top:auto;padding-top:6px;font-family:var(--f-display);font-weight:600;font-size:18px;color:var(--hazard);line-height:1}
.case .price.ask{font-family:var(--f-body);font-size:13px;font-weight:800;color:var(--hazard)}
.case .price small{font-family:var(--f-body);font-size:12px;font-weight:700;color:var(--muted);margin-right:3px}
.case-go{position:absolute;top:14px;right:12px;width:20px;color:#5a5853}
.case.wide{grid-column:1 / -1;min-height:0;flex-direction:row;align-items:center;gap:14px;padding:16px}
.case.wide .case-ico{margin:0;flex-shrink:0;width:52px;height:52px}
.case.wide .case-ico svg{width:30px;height:30px}
.case.wide .c-txt{color:var(--text);display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:18px}
.case.wide .c-txt > span:not(.price){font-size:13px;color:var(--muted);line-height:1.35}
.case.wide .price{margin:0;padding:0}
.case.urgent{border-color:rgba(255,208,0,.45);background:linear-gradient(135deg,rgba(255,208,0,.10),rgba(255,208,0,0) 60%),var(--surface)}
.case.urgent .case-ico{background:var(--hazard);color:var(--ink)}
.case.crane .case-ico svg{width:38px}
.case.wide .case-go{top:50%;transform:translateY(-50%)}
.cases-more{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:14px 16px;border-radius:14px;border:1px dashed #3a3a3a;font-size:14px;color:var(--text-2)}
.cases-more a{margin-left:auto;font-weight:800;color:var(--hazard);white-space:nowrap;text-decoration:none}
.case-sheet .lead{margin:8px 0 0;color:var(--text-2);font-size:15px;line-height:1.45}
.case-sheet .bigprice{display:flex;align-items:baseline;gap:8px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.case-sheet .bigprice b{font-family:var(--f-display);font-weight:600;font-size:30px;color:var(--hazard);line-height:1}
.case-sheet .bigprice{flex-wrap:wrap;row-gap:4px}
.case-sheet .bigprice span{font-size:13px;color:var(--muted)}
.case-sheet .bigprice.noprice{flex-direction:column;align-items:flex-start}
.case-sheet .bigprice.noprice b{font-size:22px}
.case-sheet .row2 a{display:flex;align-items:center;justify-content:center;gap:7px;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:14px;text-decoration:none}
@media (min-width:600px) and (max-width:979px){ .cases{max-width:620px} }
@media (min-width:980px){
  .cases{padding-top:72px}
  .cases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
  .cases-lead{font-size:18px;margin:0;max-width:36ch}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:32px}
  .case{min-height:190px;padding:20px}
  .case:hover{border-color:#4a4a4a;background:var(--surface-2)}
  .case:hover .case-go{color:var(--hazard)}
  .case b{font-size:18px}
  .case > span:not(.case-ico):not(.price):not(.c-txt){font-size:14px}
  .case.urgent{grid-column:span 2}
  .case.urgent .c-txt > span:not(.price),.case.crane .c-txt > span:not(.price){font-size:14.5px}
  .case.wide{padding:22px 24px}
  .case.wide b{font-size:20px}
  .case.wide .price{font-size:22px}
  .case .price.ask{font-size:14px}
  .cases-more{max-width:none;padding:16px 20px;font-size:15px}
}
.crane-sec{max-width:1240px;margin:0 auto;padding:56px var(--gutter) 8px;display:grid;grid-template-areas:"head" "photo" "body";gap:18px}
.crane-head{grid-area:head}
.crane-photo{grid-area:photo}
.crane-body{grid-area:body}
.crane-sec h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:.98;letter-spacing:-.005em}
.crane-lead{margin:10px 0 0;font-size:16px;color:var(--text-2);max-width:36ch;text-wrap:pretty}
.crane-photo{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/10;background:var(--surface)}
.crane-photo .ph{padding:20px}
.crane-photo .ph em{display:inline-block}
.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.spec{padding:14px 12px;border-left:1px solid var(--line);min-width:0}
.spec:first-child{border-left:0}
.spec b{display:block;font-family:var(--f-display);font-weight:600;font-size:26px;line-height:1;color:var(--hazard);white-space:nowrap}
.spec b small{font-size:.6em;font-weight:500;margin-left:2px}
.spec span{display:block;margin-top:5px;font-size:12.5px;font-weight:600;color:var(--muted);line-height:1.3}
.crane-body h3{margin:24px 0 12px;font-size:17px;font-weight:800}
.loads{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.loads li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.35;color:var(--text-2)}
.loads li::before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:5px;background:var(--hazard) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.loads b{color:var(--text);font-weight:700}
.tip{display:flex;gap:12px;align-items:flex-start;margin:22px 0 0;padding:14px 16px;border-radius:14px;background:rgba(255,208,0,.08);border:1px solid rgba(255,208,0,.28);font-size:14px;line-height:1.45;color:var(--text-2)}
.tip svg{width:22px;color:var(--hazard);margin-top:1px}
.tip b{color:var(--text)}
.crane-cta{margin-top:16px}
.wa-photo{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;margin-top:10px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:15px;text-decoration:none;transition:background .15s,border-color .15s}
.wa-photo:active{background:var(--surface-2)}
.wa-photo svg{width:24px;height:24px}
@media (min-width:600px) and (max-width:979px){
  .crane-sec{max-width:620px}
  .loads{grid-template-columns:1fr 1fr}
}
@media (min-width:980px){
  .crane-sec{padding-top:96px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"photo head" "photo body";column-gap:56px;row-gap:0;align-items:start}
  .crane-photo{aspect-ratio:4/5;border-radius:20px;position:sticky;top:24px}
  .crane-lead{font-size:18px;margin-top:16px}
  .crane-body{padding-top:24px}
  .spec{padding:18px 18px}
  .spec b{font-size:34px}
  .spec span{font-size:13.5px}
  .crane-body h3{font-size:19px;margin-top:30px}
  .loads{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:12px}
  .loads li{font-size:15.5px}
  .tip{font-size:15px}
  .crane-cta .cta{max-width:none}
  .wa-photo{height:56px}
  .wa-photo:hover{border-color:#4a4a4a;background:var(--surface-2)}
}
.how{max-width:1240px;margin:0 auto;padding:64px var(--gutter) 8px}
.how h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:.98;letter-spacing:-.005em}
.how-lead{margin:10px 0 0;font-size:16px;color:var(--text-2);max-width:34ch}
.steps{list-style:none;margin:26px 0 0;padding:0;position:relative;display:grid;gap:0}
.step{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:16px;padding-bottom:26px}
.step:last-child{padding-bottom:0}
.step::before{content:"";position:absolute;left:25px;top:52px;bottom:0;width:3px;
  background:repeating-linear-gradient(180deg,var(--hazard) 0 8px,transparent 8px 16px);opacity:.55}
.step:last-child::before{display:none}
.step-n{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:26px;color:var(--ink);background:var(--hazard);box-shadow:0 0 0 6px var(--bg)}
.step-b{padding-top:4px}
.step h3{margin:0;font-size:19px;font-weight:800;line-height:1.25}
.step p{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--text-2);max-width:40ch}
.step p b{color:var(--text)}
.step-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.step-acts a,.step-acts button{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
.step-acts .primary{background:var(--hazard);border-color:var(--hazard);color:var(--ink)}
.step-acts svg{width:18px;height:18px}
.step-chip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:14px;color:var(--text-2)}
.step-chip b{font-family:var(--f-display);font-weight:600;font-size:18px;color:var(--hazard)}
@media (min-width:600px) and (max-width:979px){ .how{max-width:620px} }
@media (min-width:980px){
  .how{padding-top:110px}
  .how-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
  .how-lead{font-size:18px;margin:0}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}
  .step{grid-template-columns:1fr;grid-template-rows:auto 1fr;row-gap:20px;padding:0}
  .step::before{left:72px;right:-28px;top:25px;bottom:auto;width:auto;height:3px;
    background:repeating-linear-gradient(90deg,var(--hazard) 0 10px,transparent 10px 20px)}
  .step-n{width:56px;height:56px;font-size:28px}
  .step-b{padding:24px 22px;border-radius:18px;border:1px solid var(--line);background:var(--surface);height:100%}
  .step h3{font-size:21px}
  .step p{font-size:15.5px}
  .step-acts a:hover,.step-acts button:hover{border-color:#4a4a4a}
  .step-acts .primary:hover{background:#FFDA33}
}
.rev{max-width:1240px;margin:0 auto;padding:72px var(--gutter) 8px}
.rev h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:.98;letter-spacing:-.005em}
.rev-lead{margin:10px 0 0;font-size:16px;color:var(--text-2);max-width:34ch}
.gcard{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.g-score{font-family:var(--f-display);font-weight:700;font-size:44px;line-height:1;color:var(--text)}
.g-meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.stars{display:flex;gap:2px;color:var(--hazard)}
.stars svg{width:18px;height:18px}
.g-meta > span:not(.stars){font-size:13px;color:var(--muted)}
.g-meta{flex:1}
.g-meta span b{color:var(--text-2)}
.g-link{flex:1 1 100%;justify-content:center;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.g-link svg{width:16px}
.ph-tag{display:inline-block;font-style:normal;font-size:11px;font-weight:700;color:#6f6c66;border:1px dashed #3a3a3a;border-radius:6px;padding:1px 6px;vertical-align:middle}
.rev h3{margin:28px 0 12px;font-size:17px;font-weight:800}
.rail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}
.rail-head h3{margin:0}
.rail-nav{display:none;gap:8px}
.rail-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:border-color .15s,opacity .15s}
.rail-nav button svg{width:18px}
.rail-nav button:disabled{opacity:.35;cursor:default}
.rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 4px;scroll-padding:0 var(--gutter)}
.rail::-webkit-scrollbar{display:none}
.vid{position:relative;flex:0 0 58%;aspect-ratio:9/16;border-radius:16px;overflow:hidden;scroll-snap-align:start;border:1px solid var(--line);background:
  repeating-linear-gradient(-45deg,rgba(255,208,0,.04) 0 14px,transparent 14px 28px),radial-gradient(120% 80% at 50% 25%,#262626,#141414);cursor:pointer;padding:0;color:inherit;text-align:left}
.vid img,.vid video,.vid iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,10,.9),transparent 50%);pointer-events:none}
.vid.playing::after,.vid.playing .vid-play,.vid.playing .vid-cap{display:none}
.vid-play{position:absolute;z-index:1;left:50%;top:44%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:var(--hazard);color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.vid-play svg{width:24px;margin-left:3px}
.vid-cap{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:3px}
.vid-cap b{font-size:15px;font-weight:800}
.vid-cap span{font-size:12.5px;color:var(--text-2)}
.vid-dur{position:absolute;z-index:1;top:10px;right:10px;font-size:12px;font-weight:700;padding:3px 7px;border-radius:7px;background:rgba(0,0,0,.6)}
.tcard{flex:0 0 86%;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.tcard q{quotes:none;font-size:15px;line-height:1.5;color:var(--text-2)}
.t-who{display:flex;align-items:center;gap:10px;margin-top:auto}
.t-ava{width:38px;height:38px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:800;color:var(--hazard)}
.t-who b{display:block;font-size:14px}
.t-who span{font-size:12.5px;color:var(--muted)}
@media (min-width:600px) and (max-width:979px){
  .rev{max-width:620px}
  .vid{flex-basis:40%}
  .tcard{flex-basis:70%}
}
@media (min-width:980px){
  .rev{padding-top:110px}
  .rev-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
  .rev-lead{font-size:18px;margin:0}
  .gcard{padding:20px 24px;margin-top:32px}
  .g-link{flex:0 0 auto;margin-left:auto}
  .g-link:hover{border-color:#4a4a4a}
  .rev h3{font-size:19px;margin-top:40px}
  .rail-head{margin-top:40px}
  .rail-nav{display:flex}
  .rail-nav button:not(:disabled):hover{border-color:var(--hazard)}
  .rail.videos{margin:0;padding:0;gap:14px;scroll-padding:0;scroll-behavior:smooth}
  .rail.videos .vid{flex:0 0 calc((100% - 42px) / 4)}
  .rail.texts{margin:0;padding:0;overflow:visible;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .vid:hover .vid-play{transform:translate(-50%,-50%) scale(1.06)}
  .vid-play{transition:transform .15s}
}
.zone{max-width:1240px;margin:0 auto;padding:72px var(--gutter) 8px;display:grid;grid-template-areas:"head" "map" "list";gap:18px}
.zone-head{grid-area:head}
.zone-map{grid-area:map}
.zone-list{grid-area:list}
.zone h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:.98;letter-spacing:-.005em}
.zone-lead{margin:10px 0 0;font-size:16px;color:var(--text-2);max-width:34ch;text-wrap:pretty}
.zone-map{position:relative;border-radius:18px;border:1px solid var(--line);background:radial-gradient(90% 70% at 55% 35%,#1d1d1d,#121212);padding:10px}
.zmap{display:block;width:100%;height:auto}
.z-area{fill:#1b1b1b;stroke:var(--hazard);stroke-width:2;stroke-linejoin:round;stroke-opacity:.7}
.z-ring{fill:rgba(255,208,0,.10);stroke:var(--hazard);stroke-width:1.5;stroke-dasharray:5 5}
.pin{cursor:pointer}
.pin circle{r:7;fill:#F4F2EC;stroke:#121212;stroke-width:2;transition:r .2s,fill .2s}
.pin text{font:600 23px var(--f-body);fill:#CFCBC3;paint-order:stroke;stroke:#141414;stroke-width:4px;stroke-linejoin:round;transition:fill .2s}
.pin.on circle{fill:var(--hazard);r:10}
.pin.on text{fill:var(--hazard);font-weight:800}
.hub circle:not(.hub-glow){fill:var(--hazard);stroke:#121212;stroke-width:3}
.hub-glow{fill:rgba(255,208,0,.25)}
.hub text{font:700 29px var(--f-display);fill:var(--text);paint-order:stroke;stroke:#141414;stroke-width:5px;stroke-linejoin:round;letter-spacing:.01em}
.z-legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:6px 6px 2px;font-size:12.5px;color:var(--muted)}
.z-legend span{display:inline-flex;align-items:center;gap:7px}
.z-legend i{width:14px;height:14px;border-radius:50%;flex-shrink:0}
.z-legend .l-ring{background:rgba(255,208,0,.12);border:1.5px dashed var(--hazard)}
.z-legend .l-pin{width:10px;height:10px;background:#F4F2EC}
.towns{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.towns button{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.towns b{font-size:14.5px;font-weight:700}
.towns span{font-size:12.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.towns button.on{border-color:var(--hazard);background:rgba(255,208,0,.08)}
.towns button.on span{color:var(--hazard)}
.zone-note{margin:12px 0 0;font-size:13px;color:var(--muted)}
.zone-ask{margin-top:16px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.zone-ask p{margin:0 0 12px;font-size:15px;color:var(--text-2)}
.zone-ask p b{color:var(--text)}
.zone-ask .step-acts{margin:0}
@media (min-width:600px) and (max-width:979px){ .zone{max-width:620px} .towns{grid-template-columns:repeat(4,minmax(0,1fr))} .towns button{flex-direction:column;align-items:flex-start;gap:2px} }
@media (min-width:980px){
  .zone{padding-top:110px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"map head" "map list";column-gap:56px;row-gap:24px;align-items:start}
  .zone-lead{font-size:18px;margin-top:16px}
  .zone-map{padding:18px;border-radius:22px}
  .towns{grid-template-columns:repeat(4,minmax(0,1fr))}
  .towns button{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}
  .pin text{font-size:17px}
  .hub text{font-size:22px}
  .pin circle{r:5}
  .pin.on circle{r:8}
  .towns button:hover{border-color:#4a4a4a}
  .towns button.on:hover{border-color:var(--hazard)}
}
.final{margin-top:80px;background:var(--hazard);color:var(--ink);position:relative}
.final::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,#151515 0 14px,var(--hazard) 14px 28px)}
.final-in{max-width:1240px;margin:0 auto;padding:46px var(--gutter) 40px}
.final-live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;background:rgba(0,0,0,.08);font-size:13.5px;font-weight:700}
.final-live time{font-weight:800;font-variant-numeric:tabular-nums}
.final-live .dot{background:#0E8A43}
.final-live .dot::after{border-color:#0E8A43}
.final h2{margin:16px 0 0;font-family:var(--f-display);font-weight:700;font-size:clamp(42px,12vw,92px);line-height:.96;letter-spacing:-.005em;max-width:12ch}
.final-sub{margin:12px 0 0;font-size:16.5px;font-weight:600;max-width:34ch;color:#2a2a2a}
.final-r{container-type:inline-size}
@supports (font-size:1cqw){.final-phone{font-size:calc(100cqw / 9.2)!important}}
.final-phone{display:block;margin-top:24px;font-family:var(--f-display);font-weight:700;font-size:calc((100vw - 32px) / 9.2);line-height:1;color:var(--ink);text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.final-call{display:flex;align-items:center;gap:14px;min-height:76px;margin-top:18px;padding:12px 18px 12px 12px;border-radius:18px;background:var(--ink);color:var(--hazard);text-decoration:none;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);transition:transform .12s,background .12s}
.final-call:active{transform:scale(.985)}
.fc-ico{width:52px;height:52px;border-radius:13px;background:var(--hazard);color:var(--ink);display:grid;place-items:center;flex-shrink:0}
.fc-ico svg{width:26px}
.fc-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.fc-txt b{font-family:var(--f-display);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.fc-txt span{margin-top:5px;font-size:13px;font-weight:700;color:#BDB9B1}
.fc-arrow{margin-left:auto;width:22px;color:var(--hazard)}
.final-alt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.final-alt a,.final-alt button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:64px;border-radius:14px;border:0;background:#161616;color:#F4F2EC;font-weight:700;font-size:12.5px;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px -10px rgba(0,0,0,.6);transition:transform .12s,background .12s}
.final-alt a:active,.final-alt button:active{transform:scale(.97)}
.final-alt svg{width:24px;height:24px}
.final-facts{list-style:none;margin:26px 0 0;padding:18px 0 0;border-top:2px solid rgba(0,0,0,.15);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.final-facts b{display:block;font-family:var(--f-display);font-weight:700;font-size:26px;line-height:1}
.final-facts span{display:block;margin-top:4px;font-size:12.5px;font-weight:700;color:#3a3a3a}
.foot{background:#0A0A0A;border-top:1px solid #1d1d1d}
.foot-in{max-width:1240px;margin:0 auto;padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.foot .logo svg{width:38px}
.foot .logo-word b{font-size:16px}
.foot .logo-word span{font-size:11px}
.foot-phone{font-family:var(--f-display);font-weight:600;font-size:20px;color:var(--hazard);text-decoration:none;font-variant-numeric:tabular-nums}
.foot-copy{flex:1 1 100%;margin:0;font-size:12px;color:#5f5c57}
@media (min-width:600px) and (max-width:979px){ .final-in,.foot-in{max-width:620px} }
@media (min-width:980px){
  .final{margin-top:120px}
  .final-in{padding:80px var(--gutter) 64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;align-items:end}
  .final-l{align-self:start}
  .final h2{font-size:clamp(56px,5.2vw,76px)}
  .final-sub{font-size:19px;margin-top:18px}
  .final-phone{margin-top:0}
  .final-call{min-height:84px;padding:14px 22px 14px 14px}
  .fc-ico{width:56px;height:56px}
  .fc-txt b{font-size:28px}
  .fc-txt span{font-size:14px}
  .final-call:hover{background:#000}
  .final-alt a:hover{background:#000}
  .final-alt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .final-alt a,.final-alt button{flex-direction:row;gap:9px;height:56px;font-size:15px}
  .final-alt .only-mobile{display:none}
  .final-facts{grid-column:1 / -1;margin-top:48px;padding-top:24px}
  .final-facts b{font-size:36px}
  .final-facts span{font-size:14px}
  .foot-copy{flex:0 1 auto;order:2}
  .foot-phone{order:3}
}
body[data-page="city"] .gallery{height:clamp(150px,calc(100vh - 505px),270px);height:clamp(150px,calc(100svh - 505px),270px)}
@media (min-width:600px){.gallery{height:auto}}
.crumbs{max-width:1240px;margin:0 auto;padding:0 var(--gutter) 2px;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.crumbs a{color:var(--text-2);text-decoration:none}
.crumbs svg{width:14px;opacity:.6}
.local{max-width:1240px;margin:0 auto;padding:56px var(--gutter) 0}
.local h2,.faq h2{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(36px,10vw,60px);line-height:1;letter-spacing:-.005em;text-wrap:balance}
.local-txt p{margin:14px 0 0;font-size:16px;line-height:1.55;color:var(--text-2);max-width:62ch}
.local-txt b{color:var(--text)}
.local-near h3,.cities h3{margin:24px 0 10px;font-size:16px;font-weight:800}
.near,.city-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.near li{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600;color:var(--text-2)}
.near .near-more{border-style:dashed;background:transparent;color:var(--muted)}
.faq{max-width:1240px;margin:0 auto;padding:72px var(--gutter) 0}
.qas{margin-top:20px;display:grid;gap:8px}
.qa{border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;font-size:16px;font-weight:700;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{width:18px;color:var(--hazard);transform:rotate(90deg);transition:transform .2s;flex-shrink:0}
.qa[open] summary svg{transform:rotate(-90deg)}
.qa p{margin:0;padding:0 16px 16px;font-size:15px;line-height:1.5;color:var(--text-2)}
.cities{max-width:1240px;margin:0 auto;padding:48px var(--gutter) 0}
.city-links a{display:inline-block;padding:9px 13px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none}
.city-links a:hover{border-color:var(--hazard);color:var(--hazard)}
@media (min-width:600px) and (max-width:979px){ .crumbs,.local,.faq,.cities{max-width:620px} }
@media (min-width:980px){
  .crumbs{padding-top:4px}
  .local{padding-top:96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px}
  .local h2{grid-column:1 / -1}
  .local-txt p{font-size:17px}
  .local-near h3{margin-top:16px}
  .faq{padding-top:110px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:56px;align-items:start}
  .qas{margin-top:0}
  .qa summary{padding:18px 20px;font-size:17px}
  .qa p{padding:0 20px 18px;font-size:16px}
}
.dock{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 52px 52px 52px;gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(15,15,15,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(110%);transition:transform .28s ease}
.dock::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:repeating-linear-gradient(-45deg,var(--hazard) 0 8px,#151515 8px 16px)}
.dock.show{transform:none}
.dock .d-call{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:14px;background:var(--hazard);color:var(--ink);text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.02em}
.dock .d-call svg{width:22px}
.dock .d-btn{display:grid;place-items:center;height:54px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer;padding:0}
.dock .d-btn svg{width:24px;height:24px}
dialog.sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:520px;background:var(--surface);color:var(--text);border-radius:22px 22px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.6)}
dialog.sheet::backdrop{background:rgba(0,0,0,.62)}
dialog.sheet[open]{animation:up .26s ease}
@keyframes up{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.sheet-in{padding:10px 18px calc(20px + env(safe-area-inset-bottom))}
.grab{width:42px;height:4px;border-radius:2px;background:#444;margin:0 auto 14px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sheet h2{margin:0;font-family:var(--f-display);font-weight:600;font-size:24px;line-height:1.1}
.x{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer}
.x svg{width:18px}
.state{display:none;margin-top:14px}
.sheet[data-state="loading"] .s-loading,
.sheet[data-state="ok"] .s-ok,
.sheet[data-state="err"] .s-err{display:block}
.s-loading p{display:flex;align-items:center;gap:12px;margin:6px 0 4px;color:var(--text-2)}
.spin{width:22px;height:22px;border-radius:50%;border:3px solid #3a3a3a;border-top-color:var(--hazard);animation:sp 0.8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.coords{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.coords div{min-width:0}
.coords b{display:block;font-size:16px;font-variant-numeric:tabular-nums}
.coords span{font-size:12.5px;color:var(--muted)}
.coords a{font-size:13px;font-weight:700;color:var(--hazard);white-space:nowrap}
.btn-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin-top:12px;border-radius:14px;background:var(--hazard);color:var(--ink);text-decoration:none;font-weight:800;font-size:16px;border:0;cursor:pointer}
.btn-main svg{width:22px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.row2 button{display:flex;align-items:center;justify-content:center;gap:7px;height:48px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:700;font-size:14px;cursor:pointer}
.row2 svg{width:20px;height:20px}
.hint{margin:10px 0 0;font-size:12.5px;color:var(--muted)}
.s-err p{margin:4px 0 0;color:var(--text-2)}
.btn-ghost{display:block;width:100%;height:46px;margin-top:8px;border-radius:12px;border:1px solid var(--line);background:transparent;font-weight:700;cursor:pointer}
.toast{position:fixed;z-index:60;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#F4F2EC;color:#111;font-weight:700;font-size:14px;padding:11px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:380px){
  .fc-txt b{font-size:19px}
  .fc-arrow{display:none}
  .final-call{gap:12px;padding-right:12px}
  .foot-phone{font-size:18px}
  .cta-txt b{font-size:19px}
  .cta{gap:12px}
  .tab svg{display:none}
  .tab{padding:7px 13px;font-size:13px}
  .stat b{font-size:21px}
  .alt a,.alt button{font-size:12px}
}
@media (max-height:640px) and (max-width:979px){
  .sub{font-size:15px;margin-top:8px}
  .hero{gap:12px}
}
@media (min-width:600px) and (max-width:979px){
  .hero,.top{max-width:620px}
  .gallery{height:auto;aspect-ratio:16/10}
  .copy{max-width:460px}
}
@media (min-width:980px){
  :root{--gutter:32px}
  .top{padding-top:18px;padding-bottom:18px}
  .logo svg{width:54px}
  .logo-word b{font-size:22px}
  .logo-word span{font-size:12.5px}
  .nav{display:flex;gap:26px;margin-left:auto;margin-right:12px}
  .nav a{text-decoration:none;font-weight:600;font-size:15px;color:var(--text-2)}
  .nav a:hover{color:var(--hazard)}
  .live-short{display:none}
  .live-long{display:inline}
  .top-phone{display:flex;flex-direction:column;align-items:flex-end;text-decoration:none;line-height:1.1;margin-left:16px}
  .top-phone b{font-family:var(--f-display);font-weight:600;font-size:22px;color:var(--hazard);font-variant-numeric:tabular-nums}
  .top-phone span{font-size:12px;color:var(--muted);font-weight:600}

  .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"copy gallery" "actions gallery";column-gap:56px;row-gap:28px;padding-top:28px;padding-bottom:56px;align-items:end}
  .actions{align-self:start}
  .copy{max-width:500px}
  .sub{font-size:19px;margin-top:18px;max-width:30ch}
  .gallery{height:auto;aspect-ratio:4/3;border-radius:20px}
  .stats{padding:0 22px 20px}
  .stat{padding-left:18px}
  .stat b{font-size:34px}
  .stat span{font-size:13.5px}
  .tabs{top:16px;left:16px}
  .tab{font-size:15px;padding:9px 16px 9px 12px}
  .dots{top:30px;right:22px}
  .arrow{display:grid;place-items:center;position:absolute;z-index:3;top:46%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(15,15,15,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:0;transition:opacity .2s}
  .arrow svg{width:18px}
  .arrow.prev{left:14px}
  .arrow.next{right:14px}
  .gallery:hover .arrow,.arrow:focus-visible{opacity:1}

  .cta{min-height:80px;padding:14px 26px 14px 14px;max-width:460px}
  .cta:hover{background:#FFDA33}
  .cta-ico{width:54px;height:54px}
  .cta-txt b{font-size:29px}
  .cta-txt span{font-size:17px}
  .alt{grid-template-columns:repeat(3,1fr);max-width:460px}
  .alt a,.alt button{flex-direction:row;gap:8px;height:50px;font-size:14px}
  .alt .only-mobile{display:none}
  .alt a:hover,.alt button:hover{border-color:#4a4a4a;background:var(--surface-2)}
  .promise{max-width:480px;font-size:14.5px}

  .dock{display:none}
  dialog.sheet{margin:auto;border-radius:22px}
  .grab{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.nf{max-width:1240px;margin:0 auto;padding:20px var(--gutter) 56px;display:grid;gap:28px}
.nf-code{position:relative;font-family:var(--f-display);font-weight:700;line-height:.85;font-size:calc((100vw - 32px) / 1.6);color:var(--hazard);letter-spacing:-.01em;user-select:none}
.nf-code::after{content:"";position:absolute;left:0;right:0;bottom:6%;height:14%;background:repeating-linear-gradient(-45deg,#151515 0 12px,transparent 12px 24px);mix-blend-mode:multiply;opacity:.9}
.nf h1{margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(34px,9.5vw,60px);line-height:1;letter-spacing:-.005em;max-width:14ch}
.nf-sub{margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--text-2);max-width:36ch}
.nf-acts .cta{margin-top:0}
.nf-home{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;margin-top:10px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:15px;text-decoration:none}
.nf-home svg{width:18px;transform:scaleX(-1)}
.nf-links h2{margin:0 0 10px;font-size:15px;font-weight:800;color:var(--text-2)}
.nf-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nf-links a{display:inline-block;padding:9px 13px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none}
.nf-links a:hover{border-color:var(--hazard);color:var(--hazard)}
@media (min-width:600px) and (max-width:979px){ .nf{max-width:620px} .nf-code{font-size:300px} }
@media (min-width:980px){
  .nf{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:center;padding-top:56px;padding-bottom:96px}
  .nf-code{font-size:clamp(260px,24vw,360px);grid-row:span 3}
  .nf-acts .cta{max-width:none}
  .nf-home:hover{border-color:#4a4a4a}
}

/* фото клієнта на білому/прозорому тлі */
.slide.cut img{object-fit:contain;background:#fff}
.crane-photo img{width:100%;height:100%;object-fit:contain;display:block;background:var(--surface)}
.zone-go{display:block;margin-top:14px;padding:12px 16px;border-radius:12px;border:1px solid #3a3a3a;background:var(--surface);color:var(--text);text-decoration:none;font-weight:600}
.zone-go b{color:var(--hazard)}
.zone-go[hidden]{display:none}

/* ═══ v1.1: шапка в один рядок на ПК ═══ */
@media (min-width:980px){
  .top{max-width:1400px}
  .nav{gap:clamp(12px,1.5vw,26px)}
  .nav a,.top-phone b,.top-phone span,.logo-word b,.logo-word span{white-space:nowrap}
  .live-long{display:none}.live-short{display:inline}
  .nav a{text-underline-offset:7px;text-decoration-thickness:2px}
  .nav a:hover{text-decoration:underline}
}
@media (min-width:1440px){.live-short{display:none}.live-long{display:inline}}
@media (min-width:980px) and (max-width:1199px){.live{display:none}.top-phone span{display:none}.nav a{font-size:14px}}

/* ═══ v1.1: відео-відгуки: мініатюра на всю картку + попап ═══ */
.vid{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000}
dialog.vid-sheet{border:0;padding:0;margin:auto;width:min(960px,94vw);max-width:none;max-height:none;background:transparent;overflow:visible;color:#fff}
dialog.vid-sheet::backdrop{background:rgba(0,0,0,.82)}
dialog.vid-sheet[open]{animation:up .24s ease}
.vid-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.vid-frame iframe,.vid-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
dialog.vid-sheet.vertical{width:min(420px,94vw,calc(86vh * 9 / 16))}
dialog.vid-sheet.vertical .vid-frame{aspect-ratio:9/16}
.vid-x{position:absolute;top:-54px;right:0;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.vid-x svg{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.vid-x:hover{background:var(--hazard);color:var(--ink)}}

/* ═══ v1.1: помітні hover/focus для кнопок (ПК) ═══ */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--hazard);outline-offset:3px;border-radius:12px}
@media (hover:hover) and (pointer:fine){
  .cta,.alt a,.alt button,.step-acts a,.step-acts button,.wa-photo,.final-call,.final-alt a,.final-phone,.tab,.arrow,.rail-nav button,.towns button,.g-link,.zone-go,.nf-home,.btn-main,.btn-ghost,.row2 a,.row2 button,.x,.top-phone,.case,.city-links a,.qa summary,.foot-phone,.vid,.logo,.cases-more a{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease}
  .cta:hover{background:#FFE35A;transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,208,0,.34)}
  .cta:active,.alt a:active,.alt button:active,.case:active{transform:translateY(0)}
  .alt a:hover,.alt button:hover{border-color:var(--hazard);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.4)}
  .wa-photo:hover{border-color:var(--hazard);background:var(--surface-2);transform:translateY(-2px)}
  .step-acts a:hover,.step-acts button:hover{border-color:var(--hazard);transform:translateY(-2px)}
  .step-acts .primary:hover{background:#FFE35A;box-shadow:0 10px 26px rgba(255,208,0,.3)}
  .case:hover{border-color:var(--hazard);background:var(--surface-2);transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.45)}
  .final-call:hover{background:#000;transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.35)}
  .final-alt a:hover{background:#000;transform:translateY(-2px)}
  .final-phone:hover{opacity:.78}
  .tab:hover:not([aria-selected="true"]){color:var(--hazard)}
  .arrow:hover{background:var(--hazard);color:var(--ink)}
  .rail-nav button:not(:disabled):hover{border-color:var(--hazard);background:var(--surface-2);transform:scale(1.06)}
  .g-link:hover,.zone-go:hover,.nf-home:hover{border-color:var(--hazard);color:var(--hazard)}
  .towns button:hover{border-color:var(--hazard);transform:translateY(-2px)}
  .row2 a:hover,.row2 button:hover,.btn-ghost:hover{border-color:var(--hazard);transform:translateY(-1px)}
  .btn-main:hover{background:#FFE35A;transform:translateY(-1px);box-shadow:0 10px 26px rgba(255,208,0,.3)}
  .x:hover{border-color:var(--hazard);color:var(--hazard)}
  .city-links a:hover{transform:translateY(-1px)}
  .qa summary:hover{background:var(--surface-2)}
  .top-phone:hover b,.foot-phone:hover{color:#FFE35A}
  .logo:hover{opacity:.85}
  .cases-more a:hover{color:#FFE35A;text-decoration:underline}
  .vid:hover{border-color:var(--hazard);transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.5)}
  .vid:hover .vid-play{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 10px 36px rgba(255,208,0,.35)}
}

/* ═══ v1.2: без геолокації: 3 кнопки місенджерів ═══ */
.alt{grid-template-columns:repeat(3,1fr)}
.final-alt{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-sheet .row2{grid-template-columns:1fr}

/* ═══ v1.2: слайдери: свайп пальцем + перетягування мишею ═══ */
.track,.rail{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
@media (hover:hover) and (pointer:fine){.track,.rail{cursor:grab}.track.dragging,.rail.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}.track img,.vid{-webkit-user-drag:none;user-select:none}}

/* ═══ v1.3: фото маніпулятора (3:2, захід сонця) ═══ */
.crane-photo img{object-fit:cover;object-position:60% 55%}
@media (min-width:980px){.crane-sec .crane-photo{aspect-ratio:3/2}}
.slide.cut img[src*="crane-sunset"]{object-fit:cover;object-position:62% 55%;background:none}

.arrow[hidden]{display:none!important}