/* ЖИВИ — стили сайта. Сгенерировано из единого макета. */

body{margin:0;font-size:16px;background:#F2F4F7;color:#0E2238;font-family:'Golos Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0E2238}a:hover{color:#0176D3}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.wrap{width:100%;max-width:1680px;margin:0 auto;padding:0 clamp(20px,4vw,80px)}
.disp{font-family:'Unbounded','Golos Text',sans-serif;letter-spacing:-0.02em}
.h2{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(26px,2.2vw,40px);line-height:1.18;letter-spacing:-0.015em;margin:0;text-wrap:balance}
.lead{font-size:clamp(16px,1.05vw,18px);line-height:1.65;max-width:60ch;margin:0}
.nav a{color:#0E2238;text-decoration:none}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:#0176D3;color:#FFFFFF;border:0;border-radius:16px;font:600 16px 'Golos Text',sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:#0167B8;color:#FFFFFF}
.btn-ghost{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border:1.5px solid #0E2238;border-radius:16px;font-weight:600;text-decoration:none;color:#0E2238}
.btn-ghost:hover{background:#0E2238;color:#FFFFFF}
.btn-light{background:#FFFFFF;color:#0E2238}
.btn-light:hover{background:#FFFFFF;color:#0E2238}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0193FE;outline-offset:3px}
.tape{display:inline-block;background:var(--tape,#FFCA0C);color:#0E2238;padding:10px 22px 9px;clip-path:polygon(1.5% 6%,4% 0,97% 3%,100% 12%,98.5% 55%,100% 92%,96% 100%,3% 97%,0 88%,1.5% 45%,0 14%);box-shadow:0 1px 0 rgba(0,0,0,0.04)}
.hand{font-family:'Caveat',cursive;font-weight:700}
.ph{position:relative;background-color:#DCE3EB;background-image:repeating-linear-gradient(135deg,rgba(14,34,56,0.07) 0 1px,transparent 1px 16px);border-radius:16px;overflow:hidden;display:flex;align-items:flex-end}
.ph-cap{display:flex;align-items:center;gap:8px;margin:16px;padding:6px 10px;background:rgba(255,255,255,0.92);border-radius:3px;font-size:13px;color:#3B4756}
.vid{position:relative;aspect-ratio:3/4;background-color:#17314F;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 16px);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#F2F4F7}
.play{width:68px;height:68px;border-radius:50%;border:2px solid #F2F4F7;display:flex;align-items:center;justify-content:center;align-self:center}
.rule{height:1px;background:#DDE3EA}
.row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;padding:22px 0;border-top:1px solid #DDE3EA}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;background:none;border:0;text-align:left;font:600 19px 'Golos Text',sans-serif;color:#0E2238;cursor:pointer;min-height:44px}
.field{width:100%;min-height:52px;padding:0 16px;border:1.5px solid #B4BFCB;border-radius:16px;background:#FFFFFF;font:16px 'Golos Text',sans-serif;color:#0E2238}
.pill{min-height:44px;padding:0 18px;border-radius:16px;font:500 15px 'Golos Text',sans-serif;cursor:pointer}
input[type=range]{width:100%;height:44px;accent-color:#0E2238;cursor:pointer}
@media (max-width:960px){
.wrap{padding:0 20px}
.h2{font-size:26px}
.nav,.hide-m{display:none !important}
.stack-m{grid-template-columns:minmax(0,1fr) !important}
.two-m{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.span-reset{grid-column:auto !important}
.hero-h{font-size:30px !important}
.stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:24px}
.price-card{grid-template-columns:minmax(0,1fr) !important}
.sec{padding:80px 0 !important}
.row{grid-template-columns:minmax(0,1fr);gap:8px}
.eq-op{display:none !important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- */

.q-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,4fr);gap:0;border:1px solid #DDE3EA;border-radius:16px;overflow:hidden;background:#FFFFFF}
.q-stage{position:relative;min-height:min(74vh,720px);background-color:#FFFFFF;background-image:linear-gradient(rgba(14,34,56,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,34,56,0.05) 1px,transparent 1px);background-size:32px 32px;border-right:1px solid #DDE3EA;overflow:hidden}
.q-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.q-stage canvas:active{cursor:grabbing}
.q-scene{position:absolute;left:24px;top:24px;z-index:2;font-family:'Caveat',cursive;font-weight:700;font-size:24px;transform:rotate(-2deg);pointer-events:none}
.q-hint{position:absolute;right:20px;bottom:18px;z-index:2;display:flex;align-items:center;gap:8px;font-size:14px;color:#5B6675;background:rgba(255,255,255,0.92);padding:6px 10px;border-radius:3px;pointer-events:none}
.q-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#5B6675;font-size:15px;z-index:0}
.q-panel{display:flex;flex-direction:column;padding:28px 32px 32px;min-height:min(74vh,720px)}
.q-head{display:flex;justify-content:space-between;align-items:baseline}
.q-count{font-size:15px;font-weight:500;color:#5B6675;font-variant-numeric:tabular-nums}
.q-bar{height:6px;background:#F2F4F7;border-radius:3px;margin:14px 0 36px;overflow:hidden}
.q-fill{height:100%;background:#0193FE;box-shadow:inset 0 0 0 1px rgba(14,34,56,0.12);transition:width .45s ease}
.q-body{flex:1;display:flex;flex-direction:column}
.lstep{display:none;flex-direction:column;flex:1}
.lstep.active{display:flex}
.lstep p{margin:0 0 14px;font-size:16px;line-height:1.6;color:#3B4756;max-width:48ch}
.lstep .q-note{font-size:15px;color:#5B6675;border-left:0;padding-top:4px}
.q-title{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(20px,1.35vw,26px);line-height:1.2;letter-spacing:-0.02em;margin:0 0 20px}
.q-prices{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.q-list{margin:0 0 14px;padding-left:20px;line-height:1.75;color:#3B4756;font-size:16px}
.q-nav{display:flex;gap:12px;margin-top:auto;padding-top:24px;flex-wrap:wrap}
.q-nav .btn{flex:1}
button.btn-ghost{background:transparent;font:600 16px 'Golos Text',sans-serif;cursor:pointer}
.btn:disabled{opacity:.5;cursor:default}
.q-form{display:flex;flex-direction:column;gap:8px;margin:6px 0 0}
.q-form label,.q-lbl{font-weight:600;font-size:15px;margin-top:8px}
.q-err{color:#A33A1E;font-size:14px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 16px;border-radius:16px;font:500 15px 'Golos Text',sans-serif;cursor:pointer;background:#FFFFFF;color:#0E2238;border:1.5px solid #B4BFCB}
.chip.on{background:#0176D3;color:#FFFFFF;border-color:#0176D3}
@media (max-width:960px){
.q-grid{grid-template-columns:minmax(0,1fr)}
.q-stage{min-height:0;height:92vw;max-height:520px;border-right:0;border-bottom:1px solid #DDE3EA}
.q-panel{min-height:0;padding:24px 20px 28px}
.q-hint{display:none}
.q-scene{left:14px;top:14px;font-size:20px;padding:6px 14px}
}
details.faq{border-top:1px solid #DDE3EA}
details.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font:600 17px 'Golos Text',sans-serif;cursor:pointer;min-height:44px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary svg{flex:none;transition:transform .2s ease}
details.faq[open] summary svg{transform:rotate(45deg)}
details.faq p{margin:0;padding:0 48px 24px 0;line-height:1.65;color:#3B4756;max-width:64ch}
.pill.on{background:#0176D3 !important;color:#FFFFFF !important;border-color:#0176D3 !important}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}


.logo{display:inline-flex;align-items:center}.logo img{display:block;height:30px;width:auto}
.hero-h{margin:0;font-weight:700;font-size:clamp(32px,3vw,54px);line-height:1.12;letter-spacing:-0.02em;max-width:17ch;text-wrap:balance}
.kicker{font-size:14px;font-weight:600;color:#0176D3}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:500;color:#0E2238}
.checks li{display:flex;align-items:flex-start;gap:10px}.checks svg{flex:none;margin-top:1px}
.price-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#FFFFFF;border:1px solid #DDE3EA;border-radius:6px;max-width:560px}
.price-cell{padding:18px 22px}
.price-cell+.price-cell{border-left:1px solid #DDE3EA}
.price-lbl{font-size:14px;color:#5B6675;margin-bottom:4px}
.price-num{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(22px,1.7vw,28px);color:#0E2238;letter-spacing:-0.02em}
.price-num span{font-size:.6em;font-weight:500;color:#5B6675;margin-left:2px}
.price-note{grid-column:1/-1;padding:12px 22px;border-top:1px solid #DDE3EA;background:#FFF7D6;font-size:14px;line-height:1.5;color:#3B4756;border-radius:0 0 6px 6px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #DDE3EA;padding-top:24px}
.stat-num{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(24px,2vw,34px);color:#0193FE;letter-spacing:-0.02em}
.stat-lbl{color:#5B6675;margin-top:4px;font-size:15px}
.step-n{font-weight:700;font-size:15px;color:#FFFFFF;background:#0193FE;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.hero{background:#FFFFFF;border-bottom:1px solid #DDE3EA}
@media (max-width:960px){.price-cell+.price-cell{border-left:0;border-top:1px solid #DDE3EA}.logo img{height:24px}}


/* ===== v3: цвет, фоны, кнопки ===== */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.round{border-radius:clamp(24px,3vw,44px);margin:14px clamp(8px,1vw,16px);overflow:hidden;position:relative}
.bg-white{background:#FFFFFF}
.bg-hero{position:relative;overflow:hidden;background:
 radial-gradient(600px 420px at 88% 8%,rgba(1,147,254,.18),transparent 70%),
 radial-gradient(520px 380px at 4% 96%,rgba(255,202,12,.28),transparent 70%),
 radial-gradient(rgba(14,34,56,.08) 1px,transparent 1.2px) 0 0/22px 22px,#FFFFFF}
.bg-sky{background:linear-gradient(rgba(1,147,254,.07) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(1,147,254,.07) 1px,transparent 1px) 0 0/40px 40px,#EAF5FF}
.bg-brand{background:
 radial-gradient(700px 480px at 92% 110%,rgba(255,202,12,.45),transparent 65%),
 radial-gradient(600px 400px at -5% -10%,rgba(120,205,255,.5),transparent 60%),
 linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/44px 44px,
 linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/44px 44px,
 linear-gradient(135deg,#0160AE,#0186EE 60%,#1AA0FF)}
.bg-navy{background:radial-gradient(700px 500px at 100% 0%,rgba(1,147,254,.35),transparent 60%),radial-gradient(500px 400px at 0% 100%,rgba(122,92,255,.25),transparent 60%),#0E2238}
.bg-butter{background:repeating-linear-gradient(135deg,rgba(255,202,12,.12) 0 2px,transparent 2px 22px),#FFF6D8}
.bg-lilac{background:radial-gradient(520px 360px at 100% 0%,rgba(122,92,255,.16),transparent 70%),#EFEFFF}
.bg-mint{background:radial-gradient(560px 380px at 0% 0%,rgba(24,178,122,.16),transparent 70%),#E6F7F0}
.bg-yellow{background:radial-gradient(rgba(14,34,56,.09) 1.2px,transparent 1.4px) 0 0/20px 20px,linear-gradient(160deg,#FFD84A,#FFCA0C 60%,#FFBE00)}
.bg-contact{background:radial-gradient(640px 460px at 100% 100%,rgba(255,202,12,.35),transparent 60%),radial-gradient(640px 460px at 0% 0%,rgba(1,147,254,.55),transparent 60%),#0E2238}
.bg-yellow .vid{box-shadow:0 20px 40px -20px rgba(14,34,56,.5)}
.bg-mint .step-n{background:#18A874}
.bg-lilac svg[stroke="#0193FE"]{stroke:#6A4DF4}

/* кнопки */
.btn,.btn-ghost,.pill,.chip{border-radius:999px !important}
.btn{position:relative;isolation:isolate;overflow:hidden;gap:12px;background:linear-gradient(135deg,#015DA8,#0176D3 55%,#0170C9);box-shadow:0 12px 26px -12px rgba(1,118,211,.8),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .3s cubic-bezier(.2,.9,.2,1.2),box-shadow .3s ease}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-130%);transition:transform .8s ease}
.btn:hover{background:linear-gradient(135deg,#015DA8,#0176D3 55%,#0170C9);transform:translateY(-3px);box-shadow:0 18px 34px -12px rgba(1,118,211,.9),inset 0 1px 0 rgba(255,255,255,.28)}
.btn:hover::before{transform:translateX(130%)}
.btn:active{transform:translateY(0) scale(.97)}
.arr{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:-12px;border-radius:50%;background:rgba(255,255,255,.2);transition:transform .35s cubic-bezier(.2,.9,.2,1.3)}
.btn:hover .arr{transform:translateX(4px) rotate(-8deg)}
.btn-light{background:#FFFFFF !important;color:#0E2238 !important}
.btn-ghost{transition:background .25s,color .25s,transform .3s cubic-bezier(.2,.9,.2,1.2),border-color .25s;gap:10px}
.btn-ghost:hover{transform:translateY(-2px);background:#0E2238;color:#FFFFFF}
.dot3d{width:10px;height:10px;border-radius:50%;background:#18B27A;box-shadow:0 0 0 0 rgba(24,178,122,.6);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(24,178,122,.6)}80%,100%{box-shadow:0 0 0 10px rgba(24,178,122,0)}}

/* квиз: главная кнопка */
.q-grid{border:0;border-radius:24px;box-shadow:0 40px 80px -30px rgba(1,40,90,.6),0 0 0 1px rgba(255,255,255,.35)}
.q-nav .next,#leadSubmit{color:#0E2238;background:linear-gradient(135deg,#FFD84A,#FFCA0C 50%,#FFB800);box-shadow:0 14px 30px -10px rgba(255,176,0,.75),inset 0 1px 0 rgba(255,255,255,.6);font-weight:700;min-height:56px}
.q-nav .next:hover,#leadSubmit:hover{background:linear-gradient(135deg,#FFD84A,#FFCA0C 50%,#FFB800);box-shadow:0 20px 38px -12px rgba(255,176,0,.9),inset 0 1px 0 rgba(255,255,255,.6)}
.q-nav .next::before,#leadSubmit::before{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);animation:sweep 3.4s ease-in-out infinite}
@keyframes sweep{0%,55%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.q-nav .next::after,#leadSubmit::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--ang),#0193FE,#FFFFFF 25%,#FFB800 50%,#0193FE 75%,#FFFFFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3s linear infinite;pointer-events:none}
@keyframes spin{to{--ang:360deg}}
.q-nav .next .arr,#leadSubmit .arr{background:#0E2238;color:#FFCA0C}
.q-nav .next .arr svg,#leadSubmit .arr svg{animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.lstep[data-step="intro"] .next,.lstep[data-step="bathIntro"] .next{animation:halo 2.2s ease-out infinite}
@keyframes halo{0%{box-shadow:0 14px 30px -10px rgba(255,176,0,.75),0 0 0 0 rgba(255,202,12,.65)}75%,100%{box-shadow:0 14px 30px -10px rgba(255,176,0,.75),0 0 0 16px rgba(255,202,12,0)}}
.q-nav .back{min-height:56px}
.q-bar{height:8px;border-radius:99px;background:#EAF0F6}
.q-fill{border-radius:99px;box-shadow:none;background:linear-gradient(90deg,#0193FE,#35B0FF 60%,#FFCA0C);background-size:200% 100%;animation:flow 3s linear infinite}
@keyframes flow{to{background-position:-200% 0}}
.lstep.active{animation:rise .45s cubic-bezier(.2,.9,.2,1)}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.chip{transition:transform .2s,background .2s}.chip:hover{transform:translateY(-2px)}
.chip.on{background:linear-gradient(135deg,#015DA8,#0176D3) !important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}


/* блок «что с нас / что с вас» */
.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px}
.side-us{border-radius:28px;padding:clamp(24px,2.6vw,40px);color:#FFFFFF;display:flex;flex-direction:column;gap:24px;background:radial-gradient(420px 300px at 100% 0%,rgba(120,205,255,.45),transparent 70%),linear-gradient(140deg,#015DA8,#0176D3 60%,#0186EE);box-shadow:0 30px 60px -30px rgba(1,93,168,.7)}
.side-you{border-radius:28px;padding:clamp(24px,2.6vw,40px);background:#FFFFFF;display:flex;flex-direction:column;gap:24px;border:1px solid #F1E3AE;box-shadow:0 30px 60px -34px rgba(120,90,0,.35)}
.side-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:15px}
.badge-light{background:#FFFFFF;color:#0176D3}
.badge-dark{background:#FFCA0C;color:#0E2238}
.side-sub{font-size:15px;font-weight:500;color:#DCEEFF}
.us-sum{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:stretch;gap:0}
.us-item{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(4px)}
.us-item p{margin:0;line-height:1.55;color:#E6F2FF;font-size:15px}
.us-title{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:18px}
.us-plus,.us-eq{display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:700;font-size:26px;color:#FFCA0C}
.us-total{display:flex;align-items:center;gap:18px;background:#0E2238;border-radius:20px;padding:20px 24px}
.us-eq{width:48px;height:48px;flex:none;border-radius:50%;background:#FFCA0C;color:#0E2238;font-size:24px}
.us-total-t{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:18px;margin-bottom:4px}
.us-total-d{color:#C3CFDB;line-height:1.55;font-size:15px}
.you-title{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(20px,1.5vw,24px);margin-bottom:10px;color:#0E2238}
.you-p{margin:0 0 16px;line-height:1.6;color:#3B4756}
.chips-row{display:flex;flex-wrap:wrap;gap:8px}
.chips-row span{padding:6px 14px;border-radius:999px;background:#F2F4F7;font-size:14px;color:#3B4756}
.you-offer{margin-top:auto;display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#FFE680,#FFCA0C);border-radius:20px;padding:22px}
.you-offer-t{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:17px;color:#0E2238;margin-bottom:6px}
.you-offer p{margin:0;line-height:1.55;color:#0E2238;font-size:15px}
.price-foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.price-foot>div{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.7);border-radius:20px;padding:20px 22px;line-height:1.55;color:#3B4756;font-size:15px}
.price-foot svg,.you-offer svg{flex:none}
.price-foot b{color:#0E2238}
@media (max-width:960px){.split{grid-template-columns:minmax(0,1fr)}.us-sum{grid-template-columns:minmax(0,1fr)}.us-plus{padding:6px 0}}

p,li,figcaption,.lead,.checks li,summary span{text-wrap:pretty}
h1,h2,h3,.h2,.q-title{text-wrap:balance}

/* акцент в шапке квиза */
.tour-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:40px;max-width:980px}
.tour-kicker{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#FFFFFF;font-size:14px;font-weight:600}
.tour-h{color:#FFFFFF;font-size:clamp(30px,3vw,56px) !important;line-height:1.12}
.hl{display:inline-block;color:#0E2238;background:#FFCA0C;padding:0 .28em .04em;border-radius:.22em;transform:rotate(-1.5deg);box-shadow:0 10px 24px -10px rgba(0,0,0,.35);white-space:nowrap}




.nw{white-space:nowrap}

.tour-prices{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 4px}
.tp{background:#FFCA0C;color:#0E2238;border-radius:18px;padding:12px 22px 14px;box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
.tp:first-child{transform:rotate(-1.2deg)}.tp:last-child{transform:rotate(1deg)}
.tp-l{font-family:'Caveat',cursive;font-weight:700;font-size:22px;line-height:1}
.tp-n{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(26px,2.6vw,44px);letter-spacing:-0.02em;line-height:1.15}


/* кнопка «?» и попап с подробностями */
.q-trow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.q-info{display:none;flex:none;width:34px;height:34px;border-radius:50%;border:0;background:#0176D3;color:#FFFFFF;font:700 17px 'Golos Text',sans-serif;cursor:pointer;box-shadow:0 6px 14px -6px rgba(1,118,211,.8);position:relative}
.q-info::after{content:"";position:absolute;inset:-5px}
.q-sheet[hidden]{display:none !important}
.q-sheet{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end}
.q-sheet-bg{position:absolute;inset:0;background:rgba(14,34,56,.45);animation:fadeIn .25s ease}
.q-sheet-card{position:relative;width:100%;max-height:78svh;overflow-y:auto;background:#FFFFFF;border-radius:24px 24px 0 0;padding:10px 22px calc(28px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 40px -20px rgba(14,34,56,.4);animation:sheetUp .35s cubic-bezier(.2,.9,.2,1)}
.q-sheet-grip{width:40px;height:4px;border-radius:4px;background:#DDE3EA;margin:0 auto 14px}
.q-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}
.q-sheet-head .q-title{margin:0;font-size:20px}
.q-sheet-x{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:#F2F4F7;color:#0E2238;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:-4px -6px 0 0}
.q-sheet-body p{margin:0 0 12px;font-size:16px;line-height:1.6;color:#3B4756}
.q-sheet-body .q-note{font-size:15px;color:#5B6675;padding:12px 14px;background:#EAF5FF;border-radius:14px}
.q-sheet-body .q-list{font-size:16px;line-height:1.7;color:#3B4756;margin:0 0 12px;padding-left:20px}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media (min-width:961px){.q-sheet{display:none !important}}




@media (max-width:960px){
 #tour.round{margin:14px 0;border-radius:28px;overflow:clip;padding-top:36px !important;padding-bottom:0 !important}
 #tour .tour-head{margin-bottom:22px;gap:12px}
 #tour .tp{padding:8px 16px 10px;border-radius:14px}
 #tour .tp-l{font-size:17px;white-space:nowrap}
 #tour .tp-n{font-size:clamp(15px,4.6vw,21px);font-size:clamp(14px,13.5cqw,23px);white-space:nowrap}
 #tour .tp-l{font-size:clamp(15px,4.4vw,17px)}
 #tour .tour-prices{flex-wrap:nowrap;gap:10px;align-self:stretch;width:100%}
 #tour .tp{flex:1 1 0;min-width:0;container-type:inline-size;padding:8px 14px 10px}
 #tour .q-grid{position:relative;display:block;margin:0 -20px;border-radius:24px 24px 0 0;box-shadow:0 -14px 30px -20px rgba(1,40,90,.55);overflow:hidden;
   background-color:#FFFFFF;background-image:linear-gradient(rgba(14,34,56,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,34,56,0.05) 1px,transparent 1px);background-size:28px 28px}
 #tour .q-stage{height:var(--stage-h,82vw);min-height:0;max-height:none;border:0;background:none;transition:height .55s cubic-bezier(.4,0,.2,1)}
 #tour .q-panel{min-height:0;padding:0;background:none;display:block}
 #tour .q-bar{position:absolute;top:0;left:0;right:0;height:4px;margin:0;border-radius:0;z-index:6;background:rgba(14,34,56,.08)}
 #tour .q-fill{border-radius:0 4px 4px 0}
 #tour .q-head{position:absolute;top:14px;right:14px;z-index:6;display:block}
 #tour .q-head img{display:none}
 #tour .q-count{display:inline-block;padding:4px 10px;border-radius:999px;background:#FFFFFF;box-shadow:0 2px 8px -2px rgba(14,34,56,.18);font-size:13px;font-weight:600;color:#0E2238}
 #tour .q-scene{top:14px;left:14px;font-size:17px;padding:4px 12px}
 #tour .q-body{display:block}
 #tour .lstep.active{display:block;padding:2px 20px 0;animation:none}
 #tour .lstep > p,#tour .lstep > .q-list{display:none}
 #tour .q-trow{align-items:center;min-height:40px}
 #tour .q-title{font-size:19px;margin:0}
 #tour .q-info{display:inline-flex;align-items:center;justify-content:center}
 #tour .q-nav{margin:0;padding:12px 0 18px}
 #tour .q-nav .next,#tour .q-nav .back,#tour #leadSubmit{min-height:52px}
 #tour .q-form{gap:6px;margin:8px 0 0}
 #tour .q-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 #tour .q-form .field{min-height:44px}
 #tour .q-lbl{font-size:13px;margin-top:2px}
 #tour .chip{min-height:38px;font-size:14px;padding:0 14px}
}


/* калькулятор: фиксированная раскладка, ничего не прыгает */
.calc-row{display:grid;grid-template-columns:minmax(0,1fr) 5.6em;align-items:start;column-gap:12px}
.calc-lbl{font-weight:600;font-size:17px;line-height:1.35}
.calc-val{font-weight:700;font-size:19px;line-height:1.35;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.calc-sub{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#5B6675;white-space:nowrap}
.calc-num{font-variant-numeric:tabular-nums}
.calc-total{display:block;width:100%;box-sizing:border-box;transform:rotate(-1.2deg);padding:14px 22px;white-space:nowrap;overflow:hidden}
.calc-total-n{font-weight:700;font-size:clamp(24px,6.6vw,34px);line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:960px){.calc-total-n{font-size:clamp(22px,6.8vw,30px)}#calc .btn{align-self:stretch !important;white-space:nowrap}}


/* отзывы: компактно, видео не на весь экран */
.rv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,80px);align-items:center}
.rv-text{display:flex;flex-direction:column;gap:18px;max-width:560px}
.rv-list{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:20px}
.rv-item{margin:0;display:flex;flex-direction:column;gap:12px}
.rv-vid{border-radius:18px}
.rv-tag{margin:12px;font-size:12px;color:#A9B8C8}
.rv-vid .play{width:52px;height:52px}
.rv-cap{font-weight:600;font-size:16px;color:#0E2238}
.rv-sub{font-size:14px;color:#3B4756;margin-top:2px}
@media (max-width:960px){
 .rv{grid-template-columns:minmax(0,1fr);gap:24px}
 .rv-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:380px}
 .rv-cap{font-size:15px}.rv-sub{font-size:13px}
}


/* отзывы: видео + кадры с объекта внахлёст */
.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px)}
.rc{display:flex;flex-direction:column;gap:18px}
.rc-stage{position:relative;aspect-ratio:5/4}
.rc-stage .ph,.rc-stage .vid{position:absolute;border-radius:18px;transform:rotate(var(--r,0deg));transition:transform .5s cubic-bezier(.2,.9,.2,1)}
.rc-p1{align-items:flex-start;justify-content:flex-end;top:0;right:0;width:70%;aspect-ratio:4/3;border:6px solid #FFFFFF;box-shadow:0 18px 40px -22px rgba(14,34,56,.55)}
.rc-p2{bottom:0;right:5%;width:44%;aspect-ratio:4/3;border:6px solid #FFFFFF;box-shadow:0 22px 44px -20px rgba(14,34,56,.6);z-index:2}
.rc-v{left:0;bottom:3%;width:41%;aspect-ratio:3/4;z-index:3;box-shadow:0 26px 50px -18px rgba(14,34,56,.7);outline:6px solid #0E2238}
.rc-tape{position:absolute;left:4%;top:6%;z-index:4;transform:rotate(-3deg);font-family:'Caveat',cursive;font-weight:700;font-size:clamp(20px,1.7vw,26px);background:#FFFFFF !important;padding:6px 16px}
.rc-stage .ph-cap{margin:10px;font-size:12px;padding:4px 8px}
.rc:hover .rc-p1{transform:rotate(calc(var(--r) * 1.6)) translateY(-4px)}
.rc:hover .rc-p2{transform:rotate(calc(var(--r) * 1.4)) translateX(6px)}
.rc:hover .rc-v{transform:rotate(0deg) scale(1.03)}
.rc-cap{padding-left:2%}
.rc-name{font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(18px,1.4vw,22px);color:#0E2238}
.rc-sub{margin-top:4px;font-size:15px;color:#3B4756}
@media (max-width:960px){
 .rc-grid{grid-template-columns:minmax(0,1fr);gap:40px}
 .rc-stage .ph,.rc-p1,.rc-p2{border-width:4px;border-radius:14px}
 .rc-v{outline-width:4px;border-radius:14px}
 .rc-v .rc-mute{width:28px;height:28px;top:8px;right:8px}
 .rc-stage .ph-cap{font-size:11px;margin:6px;padding:3px 6px}
}


/* ===== портфолио ===== */
.fl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,64px);align-items:start}
.fl{display:flex;flex-direction:column;align-items:stretch;gap:clamp(18px,2vw,28px)}
.fl-mirror{flex-direction:column-reverse}
.fl-mosaic{position:relative;width:100%;height:clamp(260px,22vw,380px)}
.fl-mosaic .fm{position:absolute;display:block;padding:0;border:0;background:none;cursor:zoom-in;transform:rotate(var(--r,0deg));transition:transform .4s cubic-bezier(.2,.9,.2,1)}
.fl-mosaic .fm:hover,.fl-mosaic .fm:focus-visible{transform:rotate(calc(var(--r) * 1.2)) translateY(-3px)}
.fl-mosaic .fm img{display:block;height:100%;width:auto;border-radius:14px;border:5px solid #FFFFFF;background:#F2F4F7;box-shadow:0 16px 34px -18px rgba(14,34,56,.4)}
.fl-mosaic .fm1{left:0;top:9%;height:82%;z-index:1}
.fl-mosaic .fm2{left:23%;top:0;height:68%;z-index:2}
.fl-mosaic .fm3{left:42%;bottom:0;height:56%;z-index:3}
.fl-mosaic .fm4{left:56%;top:14%;height:72%;z-index:4}
.fl-more{position:absolute;right:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:#0E2238;color:#FFFFFF;font-size:13px;font-weight:600;z-index:5;pointer-events:none}
.fl-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.fl-name{margin:0;font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(22px,2vw,34px);line-height:1.1;letter-spacing:-0.02em}
.fl-text{margin:0;line-height:1.6;color:#3B4756}
.fl-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;width:100%}
.fl-fact{background:#F2F4F7;border-radius:14px;padding:12px 14px}
.fl-k{font-size:13px;color:#5B6675}
.fl-v{font-weight:700;font-size:16px;color:#0E2238;margin-top:2px}
.om-type:empty,.fl-facts:empty{display:none}
.pt-head{display:flex;align-items:center;gap:12px;margin:clamp(48px,6vw,88px) 0 20px}
.pt-title{margin:0;font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(20px,1.6vw,26px)}
.pt-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 10px;border-radius:999px;background:#0176D3;color:#FFFFFF;font-size:14px;font-weight:700}
.pt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.pt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0;background:none;text-align:left;cursor:zoom-in;font:inherit;color:#0E2238}
.pt-ph{display:block;width:100%;aspect-ratio:1/1;border-radius:16px;margin-bottom:8px;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s}
.pt:hover .pt-ph{transform:translateY(-4px);box-shadow:0 16px 30px -18px rgba(14,34,56,.6)}
.pt-play{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:#0E2238;display:flex;align-items:center;justify-content:center}
.pt-name{font-weight:600;font-size:15px;line-height:1.3}
.pt-type{font-size:13px;color:#5B6675}
.pt-tg{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:32px;padding:20px 24px;border-radius:20px;background:#EAF5FF}
.pt-tg p{margin:0;color:#3B4756}
/* модальное окно объекта */
.om[hidden]{display:none !important}
.om{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}
.om-bg{position:absolute;inset:0;background:rgba(10,24,41,.72);backdrop-filter:blur(4px);animation:fadeIn .25s ease}
.om-card{position:relative;width:min(1100px,100%);max-height:calc(100svh - 48px);overflow-y:auto;background:#FFFFFF;border-radius:24px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"gal info" "thumbs info";animation:omIn .35s cubic-bezier(.2,.9,.2,1)}
@keyframes omIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.om-x{position:absolute;top:12px;right:12px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#FFFFFF;color:#0E2238;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px -4px rgba(14,34,56,.3)}
.om-gal{grid-area:gal;position:relative;padding:16px 16px 0}
.om-main{display:flex;align-items:center;justify-content:center;min-height:200px}
.om-main .ph{aspect-ratio:4/3;border-radius:16px;width:100%}
.om-main .vid{aspect-ratio:4/3;border-radius:16px}
.om-main .om-img,.om-main video.om-vid{display:block;width:auto;height:auto;max-width:100%;max-height:min(66vh,640px);margin:auto;border-radius:16px;background:#0E2238}
.om-main video.om-vid{object-fit:contain}
.om-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:#0E2238;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px -4px rgba(14,34,56,.35)}
.om-prev{left:28px}.om-next{right:28px}
.om-counter{position:absolute;left:28px;top:28px;padding:4px 10px;border-radius:999px;background:rgba(14,34,56,.8);color:#FFFFFF;font-size:13px;font-weight:600}
.om-thumbs{grid-area:thumbs;display:flex;gap:8px;overflow-x:auto;padding:12px 16px 16px;scrollbar-width:none}
.om-thumbs button{flex:none;width:72px;aspect-ratio:1/1;border-radius:10px;border:2px solid transparent;padding:0;cursor:pointer;background:none}
.om-thumbs button .ph{width:100%;height:100%;border-radius:8px}
.om-thumbs button[aria-current="true"]{border-color:#0176D3}
.om-info{grid-area:info;display:flex;flex-direction:column;gap:14px;padding:64px 28px 28px 12px}
.om-type{font-size:14px;color:#5B6675}
.om-name{margin:0;font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(24px,2vw,32px);line-height:1.15}
.om-text{margin:0;line-height:1.6;color:#3B4756}
.om-nav{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}
.om-nav .btn-ghost{min-height:44px;font-size:14px}
.om-grip{display:none}
@keyframes sheetDown{to{transform:translateY(100%)}}
@keyframes fadeOut{to{opacity:0}}
@media (max-width:960px){
 .fl-list{grid-template-columns:minmax(0,1fr)}
 .fl-mirror{flex-direction:column}
 .fl-mosaic{height:260px}
 .fl-open{align-self:stretch}
 .pt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .pt-ph{border-radius:12px;margin-bottom:6px}
 .pt-name{font-size:13px}.pt-type{font-size:12px}
 .pt-play{top:6px;right:6px;width:22px;height:22px}
 /* окно объекта на телефоне — шторка снизу, как в квизе */
 .om{padding:0;align-items:flex-end}
 .om-bg{backdrop-filter:blur(2px)}
 .om-card{display:flex;flex-direction:column;width:100%;height:auto;max-height:calc(100svh - 12px - env(safe-area-inset-top,0px));border-radius:24px 24px 0 0;overscroll-behavior:contain;box-shadow:0 -20px 40px -20px rgba(14,34,56,.5);animation:sheetUp .42s cubic-bezier(.2,.9,.2,1)}
 .om.om-closing .om-card{animation:sheetDown .3s cubic-bezier(.4,0,.8,.4) forwards}
 .om.om-closing .om-bg{animation:fadeOut .3s ease forwards}
 .om-grip{display:block;flex:none;width:40px;height:4px;border-radius:4px;background:#DDE3EA;margin:10px auto}
 .om-x{top:34px;right:22px;width:40px;height:40px}
 .om-gal{flex:none;padding:0 12px}
 .om-main{height:min(58svh,540px);min-height:0;background:#0E2238;border-radius:16px;overflow:hidden}
 .om-main .om-img,.om-main video.om-vid{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0}
 .om-main .ph,.om-main .vid{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
 .om-arr{width:40px;height:40px}
 .om-prev{left:22px}.om-next{right:22px}
 .om-counter{left:22px;top:10px}
 .om-thumbs{flex:none;padding:10px 12px 2px}
 .om-thumbs button{width:60px}
 .om-info{gap:12px;padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px))}
 .om-name{font-size:24px}
 .om-nav{flex-wrap:nowrap}
 .om-nav .btn-ghost{flex:1;justify-content:center}
 .fl-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .fl-fact{padding:10px}
 .fl-k{font-size:12px}.fl-v{font-size:14px}
}

#cForm[hidden],#cDone[hidden],[hidden]{display:none !important}

/* ---------- медиа: реальные фото и видео вместо заглушек ---------- */
.ph.has-img{background-image:none;background-size:cover;background-position:center}
.ph.has-img[style*="background-image"]{background-color:#DCE3EB}
.ph.has-img .ph-cap{display:none}
.vid.has-video{padding:0;display:block;background:#0E2238}
.vid.has-video > *:not(video){display:none !important}
.vid.has-video video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* видео-отзывы: живой беззвучный луп-превью под декоративной рамкой, клик — полноценный плеер */
.rc-v{cursor:pointer}
.rc-v.has-video{display:block !important;position:absolute}
.rc-v.has-video video{position:absolute;inset:0;z-index:0}
.rc-v.has-video .rc-mute{display:flex !important;position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(14,34,56,.55);color:#F2F4F7;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(2px);transition:background .2s}
.rc-v.has-video .rc-mute:hover,.rc-v.has-video .rc-mute:focus-visible{background:rgba(14,34,56,.85)}

/* видео объектов «после сдачи»: плашка с названием */
.obj-tape{position:absolute;left:14px;top:14px;z-index:2}
@media (max-width:960px){
 .obj-vids{row-gap:30px !important;padding-top:10px}
 .obj-tape{left:8px;top:-12px;padding:6px 12px 5px}
 .obj-tape .hand{font-size:15px !important}
}

/* дом на Фрунзе: видео и ссылки на обзор */
.fr-media{position:relative}
.fr-frame{border-radius:20px;overflow:hidden;border:6px solid #FFFFFF;box-shadow:0 26px 50px -18px rgba(0,0,0,.6)}
.fr-links{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-wrap:wrap;gap:10px}
.fr-links .btn{gap:10px;min-height:44px}
@media (max-width:960px){
 .fr-links{position:static;flex-direction:column;margin-top:16px}
 .fr-links .btn{width:100%;min-height:52px}
}
.om-x:focus:not(:focus-visible){outline:none}

/* что входит: компактный аккордеон */
.inc-list{border-bottom:1px solid #DDE3EA}
details.faq.inc summary{padding:16px 0;font-size:17px}
details.faq.inc p{padding:0 48px 18px 0;font-size:16px}
@media (max-width:960px){.inc-grid{gap:28px !important}.inc-grid > div:last-child{padding-top:0 !important}}

/* дом на Фрунзе: «в главной роли» */
.fr-cast{display:flex;align-items:center;gap:16px;margin-top:22px}
.fr-ava{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #FFCA0C;background:#FFFFFF}
.fr-cast-k{font-size:20px;line-height:1;color:#FFCA0C}
.fr-cast-name{margin-top:4px;font-weight:700;font-size:17px;color:#FFFFFF}
.fr-cast-sub{margin-top:2px;font-size:14px;line-height:1.4;color:#A9B8C8}

/* ===== квиз «Больше, чем „Стандарт“» (js/extras.js) ===== */
.xq{scroll-margin-top:96px;background:#FFFFFF;border-radius:28px;padding:clamp(20px,3vw,40px);box-shadow:0 30px 60px -40px rgba(56,40,160,.35)}
.xq-top{display:flex;align-items:center;gap:16px;margin-bottom:clamp(20px,2.4vw,32px)}
.xq-step{flex:none;font-size:14px;font-weight:600;color:#6A4DF4}
.xq-bar{flex:1;height:6px;border-radius:6px;background:#EFEFFF;overflow:hidden}
.xq-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#6A4DF4,#0176D3);transition:width .45s cubic-bezier(.2,.9,.2,1)}
.xq-head{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.xq-title{margin:0;font-family:'Unbounded','Golos Text',sans-serif;font-weight:700;font-size:clamp(20px,1.7vw,28px);line-height:1.2}
.xq-hint{margin:0;color:#5B6675;line-height:1.5}
.xq-in{animation:rise .4s cubic-bezier(.2,.9,.2,1)}
.xq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.xq-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 10px 14px;border:2px solid #E4E7F2;border-radius:20px;background:#FFFFFF;text-align:left;font:inherit;color:#0E2238;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .25s cubic-bezier(.2,.9,.2,1.2)}
.xq-opt:hover{transform:translateY(-3px);box-shadow:0 16px 30px -20px rgba(14,34,56,.45)}
.xq-opt.on{border-color:#6A4DF4;box-shadow:0 0 0 3px rgba(106,77,244,.14)}
.xq-ph{position:relative;display:block;width:100%;aspect-ratio:1/1;border-radius:12px;background:#F2EFE9 center/cover no-repeat;margin-bottom:8px}
.xq-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);border:2px solid #CBD2E0;color:transparent;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s,transform .25s cubic-bezier(.2,.9,.2,1.4)}
.xq-opt.on .xq-check{background:#6A4DF4;border-color:#6A4DF4;color:#FFFFFF;transform:scale(1.08)}
.xq-std{position:absolute;left:8px;bottom:8px;padding:4px 10px;border-radius:999px;background:#FFCA0C;color:#0E2238;font-size:12px;font-weight:700}
.xq-lbl{padding:0 4px;font-weight:600;font-size:15px;line-height:1.3}
.xq-sub{padding:0 4px;font-size:13px;line-height:1.35;color:#5B6675}
.xq-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(22px,2.6vw,32px);padding-top:20px;border-top:1px solid #EEF0F5}
.xq-foot .btn{min-width:180px}
.xq-foot .btn-ghost{min-height:50px}
.xq-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.xq-final .xq-head{grid-column:1/-1;margin-bottom:0}
.xq-sum{background:#F6F5FF;border-radius:20px;padding:20px}
.xq-sum-k{font-weight:600;margin-bottom:12px}
.xq-tags{display:flex;flex-wrap:wrap;gap:8px}
.xq-tags span{padding:6px 12px;border-radius:999px;background:#FFFFFF;border:1px solid #E1DDFB;font-size:14px;line-height:1.3}
.xq-form{display:flex;flex-direction:column;gap:16px}
.xq-fld{display:flex;flex-direction:column;gap:8px}
.xq-fld label,.xq-fl{font-weight:600}
.xq-ways{display:flex;flex-wrap:wrap;gap:8px}
.xq-send{align-self:flex-start;margin-top:4px}
.xq-done{grid-column:2}
.xq-done p{margin:16px 0 18px;line-height:1.6;color:#3B4756}
@media (max-width:960px){
 .xq{border-radius:22px;padding:16px}
 .xq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .xq-opt{padding:8px 8px 12px;border-radius:16px}
 .xq-ph{border-radius:10px}
 .xq-lbl{font-size:14px}.xq-sub{font-size:12px}
 .xq-std{font-size:11px;padding:3px 8px}
 .xq-foot{position:sticky;bottom:0;z-index:2;background:#FFFFFF;margin:16px -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-radius:0 0 22px 22px}
 .xq-foot .btn{flex:1;min-width:0}
 .xq-final{grid-template-columns:minmax(0,1fr)}
 .xq-done{grid-column:auto}
 .xq-send{align-self:stretch}
}
/* на десктопе карточки одного размера на всех шагах — сетка на 6 колонок */
@media (min-width:961px){.xq-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:960px){
 /* на телефоне все шаги — компактный список одинаковых карточек */
 .xq-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .xq-grid .xq-opt{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:8px 12px 8px 8px}
 .xq-grid .xq-opt:hover{transform:none}
 .xq-grid .xq-ph{grid-row:1/3;width:64px;margin:0;position:static}
 .xq-grid .xq-lbl{grid-column:2;align-self:end;padding:0}
 .xq-grid .xq-sub{grid-column:2;align-self:start;padding:0}
 .xq-grid .xq-lbl:last-of-type{grid-row:1/3;align-self:center}
 .xq-grid .xq-check{top:50%;right:12px;margin-top:-14px}
}
.xq-none{display:flex;align-items:center;justify-content:center;background:#F4F5FA !important;color:#A3ABBD}
.xq-std{right:8px;width:max-content;max-width:calc(100% - 16px);line-height:1.25}
.xq-sum-g+.xq-sum-g{margin-top:14px}
.xq-sum-n{font-size:13px;font-weight:600;color:#6A4DF4;margin-bottom:6px}
#xqNext:disabled{background:#C9CFDB !important;box-shadow:none;transform:none;cursor:default}
#xqNext:disabled .arr{display:none}
.xq-std2{display:none}
@media (max-width:960px){.xq-grid .xq-none svg{width:26px;height:26px}.xq-grid .xq-std{display:none}.xq-grid .xq-std2{display:block;grid-column:2;justify-self:start;width:max-content;white-space:nowrap;margin-top:4px;padding:2px 8px;border-radius:999px;background:#FFCA0C;font-size:11px;font-weight:700;color:#0E2238}}

/* Мобильная панель связи (js/site.js) */
.m-call{display:none}
@media (max-width:960px){
.m-call{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;gap:8px;padding:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid #DDE3EA;border-radius:18px;box-shadow:0 14px 34px -14px rgba(14,34,56,.45);transition:transform .25s ease,opacity .25s ease}
.m-call.is-hidden{transform:translateY(130%);opacity:0;pointer-events:none}
.m-call a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;font:600 16px/1 'Golos Text',sans-serif;text-decoration:none}
.m-call-tel{flex:1.4;background:#0193FE;color:#FFFFFF}
.m-call-ic{flex:1;font-size:14px !important;color:#0E2238;background:#F1F5F9}
.m-call-wa{color:#128C4A !important}
.m-call-tg{color:#0176D3 !important}
body.has-m-call{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.m-call{transition:none}}