/* ============================================================
   PROMALP177 — главная. Визуальная система pv- (v1)
   Шрифты локально, ноль внешних запросов.
   ============================================================ */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/golos-text-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/golos-text-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/golos-text-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/golos-text-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/golos-text-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/golos-text-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/golos-text-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/golos-text-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --pv-bg-deep:#02090F;--pv-bg:#08131C;--pv-surface:#0C1D27;--pv-surface-2:#12252F;--pv-line:#233034;
  --pv-green:#3AD68D;--pv-green-deep:#1A7C51;--pv-orange:#F08A12;--pv-red:#E8563C;--pv-red-fill:#C02A1C;--pv-cyan:#3D9FD4;
  --pv-text:#FFFFFF;--pv-text-2:#B6C2CC;--pv-text-3:#9AA7B4;--pv-text-4:#8494A2;
  --pv-hairline:rgba(255,255,255,.07);--pv-highlight:rgba(255,255,255,.05);
  --pv-glow-green:0 0 0 1px rgba(58,214,141,.45),0 0 24px rgba(58,214,141,.22);
  --pv-s1:8px;--pv-s2:12px;--pv-s3:16px;--pv-s4:24px;--pv-s5:32px;--pv-s6:48px;--pv-s7:64px;--pv-s8:96px;
  --pv-r-panel:14px;--pv-r-chip:8px;--pv-r-btn:10px;
  --pv-font:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pv-mono:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace;
  --pv-ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pv-bg);color:var(--pv-text-2);font-family:var(--pv-font);font-size:16px;line-height:1.55;font-feature-settings:"kern"}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(110% 60% at 50% -10%,rgba(61,159,212,.10),transparent 60%),radial-gradient(90% 55% at 50% 115%,rgba(2,9,15,.95),transparent 65%)}
body>*{position:relative;z-index:1}
img{max-width:100%;height:auto;display:block}
a{color:var(--pv-text);text-decoration:none}
p{margin:0 0 var(--pv-s3)}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--pv-green);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--pv-green);color:var(--pv-bg-deep);padding:8px 12px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

.pv-container{max-width:1320px;margin:0 auto;padding:0 var(--pv-s4)}
@media(max-width:640px){.pv-container{padding:0 var(--pv-s3)}}

/* ---------- типографика ---------- */
.pv-h1{font-size:clamp(34px,5vw,66px);font-weight:800;line-height:1.04;letter-spacing:-.02em;color:var(--pv-text);margin:0 0 var(--pv-s4);text-wrap:balance}
.pv-h2{font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--pv-text);margin:0 0 var(--pv-s3);text-wrap:balance}
.pv-h3{font-size:19px;font-weight:700;line-height:1.3;color:var(--pv-text);margin:0 0 var(--pv-s2)}
.pv-lead{font-size:18px;color:var(--pv-text-2);max-width:60ch}
.pv-small{font-size:14px;color:var(--pv-text-3)}
.pv-label{font-family:var(--pv-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--pv-text-4);margin:0 0 var(--pv-s2)}
.pv-label--green{color:var(--pv-green)}
.pv-label--orange{color:var(--pv-orange)}
.pv-label--red{color:var(--pv-red)}
.pv-num{font-family:var(--pv-mono);font-size:clamp(28px,3.4vw,44px);font-weight:500;color:var(--pv-text-4);line-height:1;letter-spacing:-.02em}
strong{color:var(--pv-text);font-weight:700}

/* ---------- шапка ---------- */
.pv-header{position:sticky;top:0;z-index:40;background:rgba(2,9,15,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pv-hairline)}
.pv-head{display:flex;align-items:center;gap:var(--pv-s4);height:68px}
.pv-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.02em;color:var(--pv-text)}
.pv-brand i{width:10px;height:10px;border-radius:2px;background:var(--pv-green);box-shadow:0 0 12px var(--pv-green)}
.pv-brand span{color:var(--pv-text-3);font-weight:500}
.nav{display:flex;gap:var(--pv-s4);margin-left:auto}
.nav a{font-size:14px;font-weight:500;color:var(--pv-text-2)}
.nav a:hover{color:var(--pv-text)}
.pv-head__phone{font-family:var(--pv-mono);font-size:14px;color:var(--pv-text);white-space:nowrap}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--pv-line);color:var(--pv-text);border-radius:8px;width:42px;height:42px;font-size:18px;cursor:pointer}
@media(max-width:1000px){
  .nav{display:none;position:absolute;left:0;right:0;top:68px;flex-direction:column;gap:0;background:var(--pv-bg-deep);border-bottom:1px solid var(--pv-line);padding:var(--pv-s2) var(--pv-s4)}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--pv-hairline);font-size:16px}
  .menu-btn{display:inline-grid;place-items:center}
  .pv-head__phone,.pv-head .pv-btn{display:none}
}

/* ---------- кнопки ---------- */
.pv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:var(--pv-r-btn);border:0;cursor:pointer;font-family:var(--pv-font);font-size:15px;font-weight:700;background:var(--pv-green);color:var(--pv-bg-deep);box-shadow:0 0 26px rgba(58,214,141,.28);transition:transform .25s var(--pv-ease),box-shadow .25s var(--pv-ease);text-decoration:none;white-space:nowrap}
.pv-btn:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(58,214,141,.42)}
.pv-btn--ghost{background:transparent;color:var(--pv-text);border:1px solid var(--pv-line);box-shadow:none}
.pv-btn--ghost:hover{border-color:rgba(58,214,141,.5);box-shadow:none}
.pv-btn--sm{padding:11px 18px;font-size:14px}
.pv-btn[disabled]{opacity:.6;cursor:wait;transform:none}
.pv-actions{display:flex;flex-wrap:wrap;gap:var(--pv-s2);align-items:center}

/* ---------- панели, чипы ---------- */
.pv-panel{background:linear-gradient(180deg,var(--pv-surface) 0%,var(--pv-bg) 140%);border:1px solid var(--pv-hairline);border-radius:var(--pv-r-panel);padding:var(--pv-s4);position:relative;box-shadow:inset 0 1px 0 var(--pv-highlight)}
.pv-panel--hud::before,.pv-panel--hud::after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;border-color:rgba(58,214,141,.55);border-style:solid;border-width:0}
.pv-panel--hud::before{top:10px;left:10px;border-top-width:1px;border-left-width:1px;border-top-left-radius:4px}
.pv-panel--hud::after{bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px;border-bottom-right-radius:4px}
.pv-panel--focus{box-shadow:inset 0 1px 0 var(--pv-highlight),var(--pv-glow-green)}
.pv-panel p:last-child{margin-bottom:0}
.pv-chip{display:inline-flex;align-items:center;gap:var(--pv-s1);padding:9px 13px;border-radius:var(--pv-r-chip);font-family:var(--pv-mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1.25;border:1px solid var(--pv-hairline);background:var(--pv-surface-2);color:var(--pv-text-2)}
.pv-chip::before{content:"";width:6px;height:6px;border-radius:50%;flex:0 0 6px}
.pv-chip--ok{border-color:rgba(58,214,141,.35);color:var(--pv-text)}
.pv-chip--ok::before{background:var(--pv-green);box-shadow:0 0 8px var(--pv-green)}
.pv-chip--risk{border-color:rgba(192,42,28,.45);color:var(--pv-text)}
.pv-chip--risk::before{background:var(--pv-red);box-shadow:0 0 8px rgba(232,86,60,.8)}
.pv-chip--info{border-color:rgba(61,159,212,.35)}
.pv-chip--info::before{background:var(--pv-cyan);box-shadow:0 0 8px var(--pv-cyan)}
.pv-chips{display:flex;flex-direction:column;gap:var(--pv-s1);align-items:flex-start}

/* галочки в тексте */
.pv-checks{display:grid;gap:10px}
.pv-checks li{position:relative;padding-left:26px;color:var(--pv-text-2)}
.pv-checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--pv-green);font-weight:700}
.pv-checks--dark li::before{color:var(--pv-text-4)}

/* ---------- секции ---------- */
.pv-section{padding:var(--pv-s8) 0}
.pv-section--tight{padding:var(--pv-s6) 0}
.pv-section--line{border-top:1px solid var(--pv-hairline)}
.pv-sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--pv-s5);align-items:end;margin-bottom:var(--pv-s6)}
.pv-sec-head p{margin:0;color:var(--pv-text-2);max-width:56ch}
@media(max-width:900px){.pv-sec-head{grid-template-columns:1fr;gap:var(--pv-s3);margin-bottom:var(--pv-s5)}.pv-section{padding:var(--pv-s7) 0}}
.pv-grid{display:grid;gap:var(--pv-s3)}
.pv-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pv-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pv-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.pv-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.pv-grid--3{grid-template-columns:1fr}.pv-grid--2{grid-template-columns:1fr}}
@media(max-width:560px){.pv-grid--4{grid-template-columns:1fr}}

/* ---------- HERO ---------- */
.pv-hero{padding:var(--pv-s7) 0 var(--pv-s8);overflow:hidden}
.pv-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--pv-s7);align-items:center}
.pv-hero .pv-checks{margin:var(--pv-s5) 0;max-width:52ch}
.pv-hero__note{display:flex;gap:var(--pv-s3);align-items:flex-start;margin-top:var(--pv-s5);padding-top:var(--pv-s4);border-top:1px solid var(--pv-hairline);max-width:60ch}
.pv-hero__note strong{white-space:nowrap}
.pv-hero__note p{margin:0;color:var(--pv-text-3);font-size:15px}
.pv-status{display:inline-flex;align-items:center;gap:var(--pv-s1);margin-bottom:var(--pv-s4)}
.pv-status__dot{width:7px;height:7px;border-radius:50%;background:var(--pv-green);box-shadow:0 0 10px var(--pv-green);animation:pv-pulse 2.4s infinite}
@keyframes pv-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.pv-status .pv-label{margin:0}

/* фото объекта с выносками */
.pv-object{position:relative;border-radius:var(--pv-r-panel);border:1px solid var(--pv-hairline);background:var(--pv-surface);overflow:hidden;aspect-ratio:4/5;box-shadow:inset 0 1px 0 var(--pv-highlight),0 30px 80px rgba(0,0,0,.45)}
.pv-object img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:radial-gradient(120% 100% at 50% 40%,#000 55%,transparent 96%);mask-image:radial-gradient(120% 100% at 50% 40%,#000 55%,transparent 96%)}
.pv-object::after{content:"";position:absolute;left:10%;right:10%;bottom:5%;height:16%;border:1px solid var(--pv-green);border-radius:50%;box-shadow:0 0 30px rgba(58,214,141,.45),inset 0 0 30px rgba(58,214,141,.18);opacity:.75;pointer-events:none}
.pv-object__tag{position:absolute;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--pv-r-chip);background:rgba(2,9,15,.78);border:1px solid rgba(58,214,141,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.pv-object__tag b{font-family:var(--pv-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pv-green);font-weight:500}
.pv-object__tag span{font-size:14px;color:var(--pv-text);font-weight:600;line-height:1.25}
.pv-object__tag--1{left:6%;top:9%}
.pv-object__tag--2{right:6%;top:36%}
.pv-object__tag--3{left:6%;bottom:12%}
.pv-object__corner{position:absolute;width:26px;height:26px;border-color:rgba(58,214,141,.6);border-style:solid;border-width:0;pointer-events:none}
.pv-object__corner--tl{top:10px;left:10px;border-top-width:1px;border-left-width:1px}
.pv-object__corner--br{bottom:10px;right:10px;border-bottom-width:1px;border-right-width:1px}
@media(max-width:1000px){.pv-hero{padding-top:var(--pv-s6)}.pv-hero__grid{grid-template-columns:1fr;gap:var(--pv-s6)}.pv-object{aspect-ratio:4/4.4;max-width:520px}}
@media(max-width:560px){.pv-object__tag span{font-size:13px}.pv-object__tag--2{top:auto;bottom:42%}}

/* полоса фактов */
.pv-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pv-s3)}
.pv-fact{padding:var(--pv-s4);border-left:1px solid var(--pv-line)}
.pv-fact b{display:block;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1;color:var(--pv-green);letter-spacing:-.02em;margin-bottom:10px}
.pv-fact span{display:block;color:var(--pv-text-3);font-size:14px;line-height:1.4}
@media(max-width:860px){.pv-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.pv-facts{grid-template-columns:1fr}}

/* ---------- услуги ---------- */
.pv-service{display:flex;flex-direction:column;gap:var(--pv-s2);min-height:100%;transition:border-color .25s var(--pv-ease)}
.pv-service:hover{border-color:rgba(58,214,141,.35)}
.pv-service .pv-num{font-size:14px;color:var(--pv-text-4);letter-spacing:.1em}
.pv-service p{color:var(--pv-text-3);font-size:15px;margin:0;flex:1}
.pv-service .pv-small{margin:0}
.pv-service__more{margin-top:var(--pv-s2);color:var(--pv-green);font-size:14px;font-weight:600}
.pv-service--main{border-color:rgba(58,214,141,.28)}

/* ---------- сегменты ---------- */
.pv-segment{display:grid;gap:var(--pv-s3)}
.pv-segment .pv-h3{font-size:22px}
.pv-segment p{margin:0}
.pv-segment .pv-checks{font-size:15px}
.pv-segment__links{display:flex;gap:var(--pv-s3);flex-wrap:wrap;margin-top:auto;padding-top:var(--pv-s2)}
.pv-segment__links a{color:var(--pv-green);font-size:14px;font-weight:600}

/* ---------- VS: риск ---------- */
.pv-vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--pv-s4);align-items:stretch}
.pv-vs{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--pv-line);background:var(--pv-bg-deep);font-family:var(--pv-mono);font-size:13px;letter-spacing:.1em;color:var(--pv-text-3);align-self:center}
.pv-vs-grid .pv-chips{margin:var(--pv-s3) 0 var(--pv-s3)}
.pv-vs-grid .pv-panel>p{color:var(--pv-text-3);font-size:15px}
@media(max-width:860px){.pv-vs-grid{grid-template-columns:1fr}.pv-vs{justify-self:center}}

/* ---------- кейс ---------- */
.pv-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--pv-s6);align-items:center}
.pv-ba{display:grid;grid-template-columns:1fr 1fr;gap:var(--pv-s2)}
.pv-ba figure{margin:0;position:relative;border-radius:var(--pv-r-panel);overflow:hidden;border:1px solid var(--pv-hairline);background:var(--pv-surface)}
.pv-ba img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pv-ba figcaption{position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:6px;font-family:var(--pv-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(2,9,15,.8);color:var(--pv-text);border:1px solid var(--pv-hairline)}
.pv-ba figure:last-child figcaption{border-color:rgba(58,214,141,.5);color:var(--pv-green)}
.pv-case__meta{display:flex;gap:var(--pv-s4);flex-wrap:wrap;margin:var(--pv-s3) 0 var(--pv-s4)}
.pv-case__meta div b{display:block;font-size:26px;font-weight:800;color:var(--pv-text);line-height:1}
.pv-case__meta div span{font-size:13px;color:var(--pv-text-4)}
@media(max-width:900px){.pv-case{grid-template-columns:1fr;gap:var(--pv-s4)}}
.pv-case2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--pv-s5);align-items:center}
.pv-case2__nums{display:grid;grid-template-columns:1fr 1fr;gap:var(--pv-s3)}
@media(max-width:900px){.pv-case2{grid-template-columns:1fr}}

/* ---------- цена ---------- */
.pv-price{display:flex;flex-direction:column;gap:var(--pv-s2)}
.pv-price b{font-size:clamp(24px,2.4vw,32px);font-weight:800;color:var(--pv-text);letter-spacing:-.02em;line-height:1.1}
.pv-price b small{font-size:15px;font-weight:500;color:var(--pv-text-3);letter-spacing:0}
.pv-price p{margin:0;color:var(--pv-text-3);font-size:15px}
.pv-price__when{font-family:var(--pv-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-text-4)}
.pv-price-note{margin-top:var(--pv-s4);display:grid;grid-template-columns:auto 1fr;gap:var(--pv-s4);align-items:start}
.pv-price-note p{margin:0}
@media(max-width:700px){.pv-price-note{grid-template-columns:1fr;gap:var(--pv-s2)}}

/* ---------- процесс ---------- */
.pv-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--pv-s3);counter-reset:step}
.pv-step{padding:var(--pv-s4) 0 0;border-top:1px solid var(--pv-line);position:relative}
.pv-step::before{counter-increment:step;content:"0" counter(step);font-family:var(--pv-mono);font-size:12px;letter-spacing:.12em;color:var(--pv-orange);display:block;margin-bottom:var(--pv-s3)}
.pv-step h3{font-size:17px;margin:0 0 8px;color:var(--pv-text)}
.pv-step p{margin:0;color:var(--pv-text-3);font-size:14.5px}
.pv-step p+p{margin-top:8px;color:var(--pv-text-2)}
@media(max-width:1000px){.pv-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pv-steps{grid-template-columns:1fr}}

/* ---------- документы ---------- */
.pv-doc{display:grid;gap:8px}
.pv-doc .pv-h3{font-size:17px;margin:0}
.pv-doc p{margin:0;color:var(--pv-text-3);font-size:15px}
.pv-doc .pv-chip{margin-bottom:6px;justify-self:start}

/* ---------- FAQ ---------- */
.pv-faq{display:grid;gap:8px;max-width:880px}
.pv-faq details{border:1px solid var(--pv-hairline);border-radius:var(--pv-r-panel);background:var(--pv-surface);padding:0 var(--pv-s4)}
.pv-faq details[open]{border-color:rgba(58,214,141,.3)}
.pv-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;color:var(--pv-text);display:flex;justify-content:space-between;gap:var(--pv-s3);align-items:center}
.pv-faq summary::-webkit-details-marker{display:none}
.pv-faq summary::after{content:"+";font-family:var(--pv-mono);color:var(--pv-green);font-size:20px;flex:0 0 auto;transition:transform .25s var(--pv-ease)}
.pv-faq details[open] summary::after{transform:rotate(45deg)}
.pv-faq details p{margin:0 0 18px;color:var(--pv-text-2);max-width:70ch}

/* ---------- форма ---------- */
.pv-cta{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--pv-s6);align-items:start}
.pv-cta__contacts{display:grid;gap:var(--pv-s2);margin-top:var(--pv-s4)}
.pv-cta__contacts a{display:inline-flex;align-items:center;gap:10px;font-weight:600}
.pv-cta__contacts a b{font-family:var(--pv-mono);font-weight:500;color:var(--pv-text-4);font-size:12px;letter-spacing:.1em;text-transform:uppercase;width:64px}
.pv-form{display:grid;gap:var(--pv-s3)}
.pv-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--pv-s3)}
.pv-field{display:grid;gap:6px}
.pv-field--full{grid-column:1/-1}
.pv-field label{font-size:13px;color:var(--pv-text-3)}
.pv-field input,.pv-field select,.pv-field textarea{width:100%;background:var(--pv-bg-deep);border:1px solid var(--pv-line);border-radius:10px;color:var(--pv-text);padding:13px 14px;font:inherit;font-size:15px;transition:border-color .2s}
.pv-field input:focus,.pv-field select:focus,.pv-field textarea:focus{outline:none;border-color:rgba(58,214,141,.6);box-shadow:0 0 0 3px rgba(58,214,141,.12)}
.pv-field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--pv-text-4) 50%),linear-gradient(135deg,var(--pv-text-4) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.pv-field select option{background:var(--pv-bg-deep)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pv-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--pv-text-3)}
.pv-consent input{margin-top:3px;accent-color:var(--pv-green)}
.pv-consent a{color:var(--pv-text-2);text-decoration:underline;text-underline-offset:3px}
.form-status{font-size:14px;min-height:1.2em;color:var(--pv-text-3)}
.pv-form .pv-btn{justify-self:start}
@media(max-width:900px){.pv-cta{grid-template-columns:1fr;gap:var(--pv-s5)}}
@media(max-width:560px){.pv-form__grid{grid-template-columns:1fr}.pv-form .pv-btn{width:100%}}

/* ---------- футер ---------- */
.pv-footer{background:var(--pv-bg-deep);border-top:1px solid var(--pv-hairline);padding:var(--pv-s7) 0 var(--pv-s6);font-size:14px}
.pv-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--pv-s5)}
.pv-footer h3{font-size:12px;font-family:var(--pv-mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pv-text-4);margin:0 0 var(--pv-s3)}
.pv-footer a{display:block;color:var(--pv-text-2);padding:4px 0}
.pv-footer a:hover{color:var(--pv-text)}
.pv-footer p{color:var(--pv-text-3);max-width:40ch}
.pv-footer__bottom{display:flex;justify-content:space-between;gap:var(--pv-s3);flex-wrap:wrap;margin-top:var(--pv-s6);padding-top:var(--pv-s4);border-top:1px solid var(--pv-hairline);color:var(--pv-text-4);font-size:13px}
.pv-footer__bottom a{display:inline;padding:0}
@media(max-width:900px){.pv-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.pv-footer__grid{grid-template-columns:1fr}}

/* ---------- мобильная панель и cookie ---------- */
.mobile-bar{display:none}
@media(max-width:1000px){
  .mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px var(--pv-s3) calc(10px + env(safe-area-inset-bottom));background:rgba(2,9,15,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--pv-hairline)}
  .pv-footer{padding-bottom:calc(var(--pv-s6) + 72px)}
}
.cookie{position:fixed;left:var(--pv-s3);right:var(--pv-s3);bottom:var(--pv-s3);z-index:50;max-width:560px;margin:0 auto;background:var(--pv-surface);border:1px solid var(--pv-line);border-radius:var(--pv-r-panel);padding:var(--pv-s3) var(--pv-s4);display:grid;grid-template-columns:1fr auto;gap:var(--pv-s3);align-items:center;font-size:13px;color:var(--pv-text-3);box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cookie[hidden]{display:none}
.cookie p{margin:0}
.cookie-actions{display:flex;gap:var(--pv-s2);align-items:center}
.cookie-actions button{background:var(--pv-green);color:var(--pv-bg-deep);border:0;border-radius:8px;padding:9px 14px;font:inherit;font-weight:700;cursor:pointer}
.cookie-actions a{color:var(--pv-text-2);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.cookie{bottom:calc(72px + var(--pv-s3))}}
@media(max-width:560px){.cookie{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pv-status__dot{animation:none}
  .pv-btn,.pv-service,.pv-faq summary::after{transition:none}
  .pv-btn:hover{transform:none}
}
@media(max-width:560px){.pv-hero__note{flex-direction:column;gap:6px}}
/* три колонки сравнения: частник / компания / PROMALP177 */
.pv-vs3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pv-s3);align-items:stretch}
.pv-vs3 .pv-chips{margin:var(--pv-s3) 0}
.pv-vs3 .pv-panel>p{color:var(--pv-text-3);font-size:15px}
.pv-vs3 .pv-panel--focus>p{color:var(--pv-text-2)}
@media(max-width:960px){.pv-vs3{grid-template-columns:1fr}}

/* ---------- v3: оффер, один CTA, ситуации, короткая форма ---------- */
.pv-h1--offer{font-size:clamp(30px,3.7vw,52px);line-height:1.08}
.pv-btn--lg{padding:18px 30px;font-size:17px}
.pv-actions--one{gap:var(--pv-s3) var(--pv-s4)}
.pv-alt{margin:0;color:var(--pv-text-3);font-size:15px;max-width:34ch}
.pv-alt a{color:var(--pv-text);text-decoration:underline;text-decoration-color:rgba(58,214,141,.6);text-underline-offset:4px}
.pv-alt a:hover{color:var(--pv-green)}
.pv-sit{display:flex;flex-direction:column;gap:var(--pv-s2);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.pv-sit:hover{border-color:rgba(58,214,141,.45);transform:translateY(-2px)}
.pv-sit .pv-h3{margin:0;text-wrap:balance}
.pv-sit p{margin:0;color:var(--pv-text-2);flex:1}
.pv-sit .pv-service__more{margin-top:var(--pv-s2)}
.pv-sit-more{margin:var(--pv-s4) 0 0;color:var(--pv-text-3)}
.pv-sit-more a{color:var(--pv-text-2);text-underline-offset:4px}
.pv-sit-more a:hover{color:var(--pv-green)}
.pv-opt{color:var(--pv-text-4);font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px}
.pv-form__after{margin:var(--pv-s2) 0 0;color:var(--pv-text-3);font-size:14px}
.pv-case .pv-actions{align-items:center;gap:var(--pv-s4)}
@media(prefers-reduced-motion:reduce){.pv-sit{transition:none}.pv-sit:hover{transform:none}}
@media(max-width:640px){.pv-btn--lg{width:100%}.pv-alt{max-width:none}}
.pv-h1--offer{font-size:clamp(32px,4vw,56px)}
.pv-h1__key{display:block;font-size:clamp(17px,1.5vw,22px);font-weight:700;letter-spacing:0;line-height:1.3;color:var(--pv-green);margin-bottom:var(--pv-s3)}

/* ---------- v4: человек, удостоверение, фото кровли ---------- */
.pv-person{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--pv-s4);align-items:start}
.pv-person__ids{display:grid;gap:var(--pv-s3)}
.pv-idcard{display:block;border-radius:var(--pv-r-panel);overflow:hidden;border:1px solid var(--pv-hairline);background:var(--pv-surface);text-decoration:none;transition:border-color .2s}
.pv-idcard:hover{border-color:rgba(58,214,141,.45)}
.pv-idcard img{display:block;width:100%;height:auto}
.pv-idcard span{display:block;padding:10px 14px;font-family:var(--pv-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pv-text-3)}
.pv-case2--img{grid-template-columns:200px minmax(0,1.2fr) minmax(0,.8fr)}
.pv-case2__img{margin:0;border-radius:var(--pv-r-chip);overflow:hidden;border:1px solid var(--pv-hairline);aspect-ratio:4/5}
.pv-case2__img img{width:100%;height:100%;object-fit:cover;display:block}
.pv-object img{object-position:50% 20%}
@media(max-width:900px){.pv-person{grid-template-columns:1fr}.pv-person__ids{grid-template-columns:1fr 1fr}.pv-case2--img{grid-template-columns:1fr}.pv-case2__img{aspect-ratio:16/10}}
@media(max-width:560px){.pv-person__ids{grid-template-columns:1fr}}
.pv-person{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:stretch}
.pv-person>.pv-grid{grid-auto-rows:1fr;align-content:stretch}
@media(max-width:900px){.pv-person{grid-template-columns:1fr}.pv-person>.pv-grid{grid-auto-rows:auto}}
.pv-person .pv-doc{align-content:start}
.pv-idcard{cursor:zoom-in}
.pv-idcard.is-zoom{position:fixed;inset:0;z-index:1000;background:rgba(2,9,15,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:4vw;border-radius:0;border:0;cursor:zoom-out}
.pv-idcard.is-zoom img{width:auto;max-width:min(1100px,100%);max-height:84vh;object-fit:contain;border-radius:8px}
.pv-case2__img{position:relative}
.pv-case2__img figcaption{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 8px;border-radius:6px;background:rgba(2,9,15,.78);font-family:var(--pv-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-text);text-align:center}
/* фото кровли: на узких экранах показываем кадр целиком, без обрезки человека */
.pv-case2__img img{object-position:50% 0}
@media(max-width:900px){.pv-case2__img{aspect-ratio:1/1}}
@media(max-width:560px){.pv-case2__img{aspect-ratio:4/5}}

/* ===================== v8: дизайн-проход ===================== */
/* hero: шире список, три шага полосой */
.pv-hero{padding-bottom:var(--pv-s6)}
.pv-hero .pv-checks{max-width:64ch}
.pv-next{margin-top:var(--pv-s7);display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--pv-s4);align-items:start;padding-top:var(--pv-s4);border-top:1px solid var(--pv-line)}
.pv-next .pv-label{margin:4px 0 0;color:var(--pv-text-3)}
.pv-next ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:.7fr 1.3fr 1.1fr;gap:var(--pv-s5);counter-reset:next}
.pv-next li{counter-increment:next;color:var(--pv-text-2);font-size:15px;line-height:1.5;padding-left:38px;position:relative}
.pv-next li::before{content:"0" counter(next);position:absolute;left:0;top:2px;font-family:var(--pv-mono);font-size:12px;letter-spacing:.12em;color:var(--pv-green)}
@media(max-width:1000px){
  .pv-next{grid-template-columns:1fr;gap:var(--pv-s3);margin-top:var(--pv-s6)}
  .pv-next ol{grid-template-columns:1fr;gap:var(--pv-s3)}
  /* фото поднимается под лид: человек виден на первом-втором экране */
  .pv-hero__grid{gap:0}
  .pv-hero__grid>div:first-child{display:contents}
  .pv-hero__grid .pv-status{order:1}
  .pv-hero__grid .pv-h1{order:2}
  .pv-hero__grid .pv-lead{order:3;margin-bottom:var(--pv-s4)}
  .pv-hero__grid .pv-object{order:4;aspect-ratio:5/4;max-width:none;width:100%}
  .pv-hero__grid .pv-checks{order:5}
  .pv-hero__grid .pv-actions{order:6}
}
/* факты: на телефоне 2×2, а не столбик на целый экран */
@media(max-width:560px){
  .pv-facts{grid-template-columns:1fr 1fr;gap:0}
  .pv-fact{padding:var(--pv-s3) var(--pv-s3) var(--pv-s3) var(--pv-s3)}
  .pv-fact b{font-size:26px}
  .pv-fact span{font-size:13px}
}
/* кейсы: фото крупнее, заголовок спокойнее */
.pv-case{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.pv-case--rev{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.pv-case .pv-h2{font-size:clamp(24px,2.5vw,34px)}
@media(max-width:1000px){.pv-case,.pv-case--rev{grid-template-columns:1fr}.pv-case--rev .pv-ba{order:-1}}
/* сравнение: вместо капслочных чипов читаемые строки с ✓ и ✕ */
.pv-vs3 .pv-panel{display:flex;flex-direction:column}
.pv-vs3 .pv-chips{gap:0;align-items:stretch;margin:var(--pv-s2) 0 var(--pv-s3)}
.pv-vs3 .pv-chip{display:flex;align-items:flex-start;gap:12px;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--pv-hairline);border-radius:0;background:none;font-family:var(--pv-font);font-size:15px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.4;color:var(--pv-text-2)}
.pv-vs3 .pv-chip::before{width:auto;height:auto;flex:0 0 16px;background:none;box-shadow:none;font-weight:700;line-height:1.4}
.pv-vs3 .pv-chip--ok::before{content:"✓";color:var(--pv-green)}
.pv-vs3 .pv-chip--risk::before{content:"✕";color:var(--pv-red)}
.pv-vs3 .pv-panel--focus .pv-chip{color:var(--pv-text)}
.pv-vs3 .pv-panel>p:last-child{margin-top:auto}
/* FAQ: две колонки вместо пустой правой трети */
.pv-faq{max-width:none;grid-template-columns:1fr 1fr;gap:8px var(--pv-s3);align-items:start}
.pv-faq__col{display:grid;gap:8px}
@media(max-width:900px){.pv-faq{grid-template-columns:1fr}}
/* мобильный ритм: секции плотнее */
@media(max-width:640px){.pv-section{padding:var(--pv-s6) 0}}
/* кольцо-«периметр» на живом фото человека читается как обруч, убрано */
.pv-object::after{display:none}
