/* Reopri page2: black and gold, mobile first. Motif: light lines that switch on. */
@font-face{font-family:Jost;src:url(../fonts/jost-cyrillic.woff2) format('woff2');font-weight:300 600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Jost;src:url(../fonts/jost-latin.woff2) format('woff2');font-weight:300 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:'Sofia Sans';src:url(../fonts/sofia-sans-cyrillic-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Sofia Sans';src:url(../fonts/sofia-sans-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}

:root{
	--onyx:#0E0D0B; --coal:#17150F; --smoke:#211E17; --edge:rgba(201,159,93,.24);
	--ivory:#FBF8F1; --paper:#FFFFFF; --ink:#1C1A15; --mute:#6B6458; --mute-d:#B4AC9C;
	--gold:#C99F5D; --gold-hi:#F2ECB6; --gold-lo:#B99962; --gold-ink:#8A6A2E;
	--foil:linear-gradient(100deg,#A9824A 0%,#C89D5A 22%,#F2ECB6 45%,#D0AC6B 66%,#F2ECB6 82%,#B99962 100%);
	--viber:#7360F2;
	--r:14px; --r-s:10px;
	--display:Jost,'Sofia Sans',system-ui,sans-serif; --body:'Sofia Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
	--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--onyx);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--gold);color:var(--onyx);padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}
.ic{width:20px;height:20px;fill:currentColor;flex:none}
.ic-v{fill:#fff}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
[hidden]{display:none!important}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;border:0;font:600 16px/1.1 var(--body);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),box-shadow .3s,background .3s;-webkit-tap-highlight-color:transparent;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--foil);background-size:200% 100%;background-position:30% 0;color:#1A1405;box-shadow:0 8px 28px -10px rgba(201,159,93,.65),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-gold:hover{background-position:70% 0}
.btn-gold .ic{fill:#1A1405}
.btn-xl{min-height:60px;font-size:17px;width:100%}
.btn-block{width:100%}
.btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn-ghost{background:transparent;color:inherit;border:1px solid currentColor}
.btn-ink{background:var(--ink);color:var(--gold-hi);white-space:normal;text-align:center;padding:14px 22px}
/* A soft light passes over the main buttons from time to time. */
.btn-shine{position:relative;overflow:hidden;isolation:isolate}
.btn-shine::after{content:"";position:absolute;inset:-20% auto -20% -40%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:shine 4.5s 2s infinite;z-index:-1;pointer-events:none}
@keyframes shine{0%{left:-40%}22%,100%{left:130%}}

/* ---------- Header ---------- */
.top{position:absolute;inset:0 0 auto;z-index:40;transition:background .35s,box-shadow .35s,transform .35s}
.top.is-solid{background:rgba(14,13,11,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--edge)}
.top-row{display:flex;align-items:center;gap:10px;height:64px;padding-top:env(safe-area-inset-top)}
.brand{margin-right:auto}
.brand img{width:118px;height:auto}
.nav,.top-cta{display:none}
.top-tel,.top-ic{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;border-radius:999px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);background:rgba(14,13,11,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.top-tel span{display:none}
.top-tel .ic{fill:var(--gold-hi)}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--onyx)}
.hero-media{position:absolute;inset:0}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.4s var(--ease)}
.slide picture{display:block;width:100%;height:100%}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}
.slide.is-on{opacity:1}
.slide.is-light::after{content:"";position:absolute;inset:0;background:rgba(14,13,11,.28)}
.slide.is-on img{animation:drift 9s linear forwards}
@keyframes drift{from{transform:scale(1.12)}to{transform:scale(1.02)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,.55) 0%,rgba(14,13,11,.05) 26%,rgba(14,13,11,.35) 48%,rgba(14,13,11,.94) 76%,var(--onyx) 100%)}
/* Intro: the room starts dark, a line of light crosses it and the lights come on. */
.hero-media::after{content:"";position:absolute;inset:0;background:var(--onyx);opacity:.92;pointer-events:none}
.js .hero.is-lit .hero-media::after{opacity:0;transition:opacity 1.6s .35s var(--ease)}
.hero-sweep{position:absolute;left:-10%;right:-10%;top:28%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-hi) 30%,#fff 50%,var(--gold-hi) 70%,transparent);box-shadow:0 0 18px 4px rgba(242,236,182,.55),0 0 60px 12px rgba(242,236,182,.25);transform:scaleX(0);opacity:0;z-index:1}
.hero.is-lit .hero-sweep{animation:sweep 1.5s var(--ease) forwards}
@keyframes sweep{0%{transform:scaleX(0);opacity:1}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.hero-in{position:relative;z-index:2;padding-top:92px;padding-bottom:28px}
.hero-in>*{opacity:0;transform:translateY(14px)}
.hero.is-lit .hero-in>*{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}
.hero.is-lit .hero-in>:nth-child(2){transition-delay:.55s}.hero.is-lit .hero-in>:nth-child(3){transition-delay:.7s}.hero.is-lit .hero-in>:nth-child(4){transition-delay:.85s}.hero.is-lit .hero-in>:nth-child(5){transition-delay:1s}.hero.is-lit .hero-in>:nth-child(6){transition-delay:1.1s}.hero.is-lit .hero-in>:nth-child(n+7){transition-delay:1.2s}
.hero-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:rgba(14,13,11,.55);border:1px solid var(--edge);font:500 13px/1 var(--body);letter-spacing:.04em;color:var(--gold-hi)}
.hero-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 10px 2px var(--gold)}
.hero-h{margin:0 0 12px;font:400 clamp(34px,9.6vw,64px)/1.04 var(--display);letter-spacing:-.015em;text-wrap:balance}
.hero-h em{font-style:normal;background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 6s ease-in-out infinite alternate}
@keyframes foil{from{background-position:0 0}to{background-position:100% 0}}
.hero-lead{margin:0 0 18px;max-width:34em;color:rgba(255,255,255,.82);font-size:16px}
.hero-price{display:flex;align-items:center;gap:12px;margin:0 0 18px}
.hp-from{font:300 18px/1 var(--display);color:rgba(255,255,255,.7)}
.hero-price b{font:500 46px/1 var(--display);letter-spacing:-.02em}
.hp-inc{font-size:13px;line-height:1.25;color:rgba(255,255,255,.75);padding-left:12px;border-left:1px solid var(--edge)}
.foil{background:var(--foil);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 6s ease-in-out infinite alternate}
.hero-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.hero-proof{list-style:none;margin:22px 0 0;padding:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--edge)}
.hero-proof li{display:flex;flex-direction:column;gap:4px}
.hero-proof b{font:500 24px/1 var(--display);color:var(--gold-hi)}
.hero-proof li>span{font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.7)}
.hero-ticks{display:flex;gap:6px;margin-top:18px}
.hero-ticks i{flex:1;height:2px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;position:relative}
.hero-ticks i.is-on::after{content:"";position:absolute;inset:0;background:var(--gold-hi);transform-origin:left;animation:tick 5s linear forwards}
.hero-ticks i.is-done{background:rgba(242,236,182,.6)}
@keyframes tick{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- Strip ---------- */
.strip{overflow:hidden;background:var(--foil);color:#1A1405;border-block:1px solid rgba(0,0,0,.2)}
.strip-in{display:flex;flex-wrap:nowrap;width:max-content;animation:marquee 96s linear infinite}
.strip-g{display:flex;flex:none;flex-wrap:nowrap}
.strip span{padding:12px 22px;font:600 14px/1 var(--body);white-space:nowrap;position:relative}
.strip span::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#1A1405;opacity:.5}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---------- Sections ---------- */
.sec{position:relative;padding:64px 0}
.sec-dark{background:var(--onyx);color:#fff}
.sec-light{background:var(--ivory);color:var(--ink)}
.sec-head{margin-bottom:28px;max-width:640px}
.kicker{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:500 14px/1 var(--body);color:var(--gold-ink);letter-spacing:.02em}
.sec-dark .kicker{color:var(--gold)}
/* The LED line next to each kicker lights up when the section enters the screen. */
.kicker::before{content:"";width:36px;height:2px;border-radius:2px;background:currentColor;opacity:.35;transition:opacity .6s,box-shadow .6s,width .8s var(--ease)}
.is-in .kicker::before,.kicker.is-in::before{opacity:1;width:52px;box-shadow:0 0 12px 2px rgba(242,236,182,.55)}
.h2{margin:0 0 12px;font:400 clamp(30px,8vw,48px)/1.08 var(--display);letter-spacing:-.012em;text-wrap:balance}
.sub{margin:0;color:var(--mute);font-size:16.5px}
.sec-dark .sub{color:var(--mute-d)}
.note{margin:12px 0 0;font-size:13.5px;color:var(--mute)}
.sec-dark .note{color:var(--mute-d)}
.note a{color:inherit}
.sec-cta{margin-top:28px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.no-js .reveal,html:not(.js) .reveal{opacity:1;transform:none}

/* ---------- Quiz ---------- */
.quiz-sec{background:radial-gradient(120% 60% at 50% 0%,#2A2416 0%,var(--onyx) 62%)}
.quiz{scroll-margin-top:80px;position:relative;max-width:760px;padding:20px 16px 18px;margin:0 -4px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--edge);box-shadow:0 30px 80px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;color:var(--mute-d);margin-bottom:10px}
.quiz-gift{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(201,159,93,.14);color:var(--gold-hi);font-weight:600;white-space:nowrap}
.quiz-gift .ic{width:16px;height:16px}
.quiz-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.1);margin-bottom:22px;overflow:hidden}
.quiz-bar span{display:block;height:100%;width:25%;background:var(--foil);box-shadow:0 0 12px rgba(242,236,182,.8);transition:width .6s var(--ease)}
.step{border:0;margin:0;padding:0;min-width:0;animation:stepIn .5s var(--ease)}
@keyframes stepIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.step legend{padding:0;margin-bottom:16px;font:400 24px/1.2 var(--display)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{position:relative;display:block;border-radius:var(--r);overflow:hidden;cursor:pointer;aspect-ratio:1/1.08;background:var(--smoke);border:1px solid rgba(255,255,255,.08);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.tile input,.chip input,.toggle input{position:absolute;opacity:0;pointer-events:none}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,13,11,.92))}
.tile-t{position:absolute;left:12px;right:12px;bottom:10px;z-index:1;font:500 16px/1.2 var(--body);color:#fff}
.tile-t small{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:var(--gold-hi)}
.tile:hover img{transform:scale(1.05)}
.tile:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 30px -4px rgba(242,236,182,.6);transform:scale(.98)}
.tile:has(input:focus-visible){outline:2px solid var(--gold-hi);outline-offset:3px}
.tile-wide{grid-column:1/-1;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;text-align:center;color:#fff;font-weight:500}
.tile-wide::after{display:none}
.chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.chips-4{grid-template-columns:repeat(4,1fr)}
.chip{cursor:pointer}
.chip span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:10px 8px;border-radius:var(--r-s);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);text-align:center;font-weight:600;transition:all .25s var(--ease)}
.chip small{font-weight:400;font-size:12.5px;color:var(--mute-d);margin-top:2px}
.chip input:checked+span{border-color:var(--gold);background:rgba(201,159,93,.16);color:var(--gold-hi);box-shadow:0 0 22px -6px rgba(242,236,182,.7)}
.chip input:focus-visible+span{outline:2px solid var(--gold-hi);outline-offset:2px}
.q{margin:0 0 8px;font-weight:600}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.field{display:block;margin-bottom:12px}
.field>span{display:block;margin-bottom:6px;font-size:13.5px;color:var(--mute-d)}
.sec-light .field>span{color:var(--mute)}
.field input,.field select{width:100%;height:54px;padding:0 14px;border-radius:var(--r-s);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-size:17px;-webkit-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field select option{color:var(--ink)}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,159,93,.25)}
.field input[aria-invalid=true]{border-color:#E5826B}
.field input::placeholder{color:rgba(255,255,255,.35)}
.toggle{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}
.toggle span::before{content:"";flex:none;width:44px;height:26px;border-radius:999px;background:rgba(255,255,255,.16);transition:background .25s;display:inline-block;vertical-align:middle;margin-right:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.toggle span{position:relative;display:flex;align-items:center}
.toggle span::after{content:"";position:absolute;left:3px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.toggle input:checked+span::before{background:var(--gold);box-shadow:0 0 14px rgba(242,236,182,.6)}
.toggle input:checked+span::after{transform:translateX(18px)}
.toggle input:focus-visible+span::before{outline:2px solid var(--gold-hi);outline-offset:2px}
.perks{list-style:none;margin:0 0 16px;padding:14px 16px;border-radius:var(--r);background:rgba(201,159,93,.1);border:1px solid rgba(242,236,182,.25)}
.perks li{position:relative;padding:5px 0 5px 24px;font-size:15px;color:rgba(255,255,255,.88)}
.perks li::before{content:"";position:absolute;left:2px;top:11px;width:10px;height:6px;border-left:2px solid var(--gold-hi);border-bottom:2px solid var(--gold-hi);transform:rotate(-45deg)}
.chips-2{grid-template-columns:1fr 1fr}
.teaser{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:16px;border-radius:var(--r);background:rgba(201,159,93,.1);border:1px dashed rgba(242,236,182,.4)}
.teaser b{font:500 34px/1 var(--display);color:var(--gold-hi);filter:blur(7px);user-select:none;white-space:nowrap}
.teaser span{font-size:14px;color:var(--mute-d)}
.form-error{margin:8px 0 0;padding:10px 12px;border-radius:var(--r-s);background:rgba(229,130,107,.14);color:#F5B3A3;font-size:14.5px}
.sec-light .form-error{color:#9B2F17}
.quiz-nav{display:flex;gap:10px;margin-top:18px}
.quiz-nav .btn-gold{flex:1}
.btn-back{width:52px;padding:0;color:#fff;border-color:rgba(255,255,255,.3)}
.result{animation:stepIn .6s var(--ease)}
.result-label{margin:0 0 6px;color:var(--mute-d);font-size:14px}
.result-sum{margin:0;font:500 clamp(38px,11vw,56px)/1.05 var(--display);letter-spacing:-.02em}
.result-disc{margin:6px 0 14px;color:var(--gold-hi);font-weight:600}
.result-lines{list-style:none;margin:0 0 4px;padding:0;border-top:1px solid var(--edge)}
.result-lines li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
.result-lines strong{font-weight:600;white-space:nowrap}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}

/* ---------- Types carousel ---------- */
.types{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.types::-webkit-scrollbar{display:none}
.type{position:relative;flex:0 0 78%;scroll-snap-align:center;border-radius:20px;overflow:hidden;aspect-ratio:4/5;text-decoration:none;color:#fff;background:var(--smoke);transition:transform .5s var(--ease),opacity .5s}
.type img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.type::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(14,13,11,.95))}
.type-b{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;display:flex;flex-direction:column;gap:6px}
.type-b b{font:400 26px/1.1 var(--display)}
.type-b span{font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.8)}
.type-b em{align-self:flex-start;margin-top:6px;padding:7px 12px;border-radius:999px;background:var(--foil);color:#1A1405;font:600 13.5px/1 var(--body);font-style:normal}
.type:hover img{transform:scale(1.06)}
.types-foot{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:16px}
.dots{display:flex;gap:6px}
.dots i{width:6px;height:6px;border-radius:6px;background:rgba(28,26,21,.2);transition:width .3s,background .3s}
.dots i.is-on{width:22px;background:var(--gold-ink)}

/* ---------- Light switch ---------- */
.switch-sec{overflow:hidden}
.switch{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3.4;user-select:none;touch-action:pan-y;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.switch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sw-off{clip-path:inset(0 0 0 var(--x))}
.sw-handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--gold-hi);box-shadow:0 0 16px 3px rgba(242,236,182,.7);pointer-events:none}
.sw-handle i{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:var(--foil);box-shadow:0 6px 20px rgba(0,0,0,.5)}
.sw-handle i::before,.sw-handle i::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-6px;border:6px solid transparent}
.sw-handle i::before{left:7px;border-right-color:#1A1405}
.sw-handle i::after{right:7px;border-left-color:#1A1405}
.sw-lab{position:absolute;top:14px;padding:6px 10px;border-radius:999px;background:rgba(14,13,11,.6);font-size:12.5px;color:#fff;pointer-events:none}
.sw-lab-on{left:14px;color:var(--gold-hi)}
.sw-lab-off{right:14px}
.switch input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.switch input:focus-visible~.sw-handle i{outline:2px solid #fff;outline-offset:3px}

/* ---------- Benefits ---------- */
.benefits{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.benefits li{position:relative;padding:20px 20px 20px 22px;border-radius:var(--r);background:var(--paper);box-shadow:0 1px 0 rgba(0,0,0,.04),0 14px 34px -24px rgba(60,45,10,.35);overflow:hidden}
.benefits li::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--foil);transform:scaleY(0);transform-origin:top;transition:transform .9s .2s var(--ease)}
.benefits li.is-in::before{transform:none}
.benefits b{display:block;margin-bottom:4px;font:500 20px/1.25 var(--display)}
.benefits span{color:var(--mute);font-size:15.5px}

/* ---------- Prices ---------- */
.price-grid{display:grid;gap:28px}
.factors{list-style:none;margin:22px 0 0;padding:0}
.factors li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.factors span{color:rgba(255,255,255,.82);font-size:15.5px}
.factors b{color:var(--gold-hi);font-weight:600;white-space:nowrap}
.example{padding:22px 18px;border-radius:20px;background:linear-gradient(180deg,#221E15,#17150F);border:1px solid var(--edge)}
.ex-t{margin:0 0 12px;font:400 20px/1.3 var(--display)}
.example dl{margin:0}
.example dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.example dt{color:rgba(255,255,255,.8)}
.example dd{margin:0;font-weight:600;white-space:nowrap}
.example .tot{border:0;padding-top:16px;align-items:baseline}
.example .tot dd{font:500 40px/1 var(--display)}
.example .btn{margin-top:18px}

/* ---------- Steps ---------- */
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:0;position:relative}
.steps::before{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:rgba(28,26,21,.12)}
.steps::after{content:"";position:absolute;left:21px;top:22px;width:2px;height:calc(var(--p,0) * (100% - 44px));background:var(--foil);box-shadow:0 0 12px rgba(201,159,93,.8);transition:height .2s linear}
.steps li{counter-increment:s;position:relative;padding:0 0 26px 64px;min-height:44px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid rgba(142,107,37,.35);font:500 18px/1 var(--display);color:var(--gold-ink);z-index:1;transition:background .4s,color .4s,box-shadow .4s}
.steps li.is-in::before{background:var(--ink);color:var(--gold-hi);box-shadow:0 0 0 4px var(--ivory),0 0 18px rgba(201,159,93,.6)}
.steps b{display:block;padding-top:9px;margin-bottom:4px;font:500 20px/1.25 var(--display)}
.steps span{color:var(--mute);font-size:15.5px}

/* ---------- Trust ---------- */
.trust{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust div{padding:18px 16px;border-radius:var(--r);background:var(--coal);border:1px solid var(--edge)}
.trust b{display:block;font:500 32px/1 var(--display);margin-bottom:8px}
.trust span{font-size:14px;color:var(--mute-d);line-height:1.4}

/* ---------- FAQ ---------- */
.faq details{border-bottom:1px solid rgba(28,26,21,.12)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:500 18px/1.3 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23F2DFA6'%3E%3Cpath d='M11 5h2v14h-2z'/%3E%3Cpath d='M5 11h14v2H5z'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 18px;color:var(--mute)}

/* ---------- Final ---------- */
.final{overflow:hidden}
.final-bg{position:absolute;inset:0;opacity:.28}
.final-bg img{width:100%;height:100%;object-fit:cover}
.final::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,var(--onyx) 0%,rgba(14,13,11,.6) 30%,rgba(14,13,11,.85) 100%)}
.final-grid{position:relative;z-index:2;display:grid;gap:28px}
.visit{padding:22px 18px;border-radius:22px;background:rgba(23,21,15,.85);border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.visit .h2{font-size:clamp(28px,7.4vw,42px)}
.visit .sub{margin-bottom:18px}
.form-ok{margin:0;padding:16px;border-radius:var(--r);background:rgba(201,159,93,.16);color:var(--gold-hi);font-weight:600}
.contacts{display:grid;gap:12px}
.office{display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:var(--r);background:rgba(23,21,15,.75);border:1px solid rgba(255,255,255,.08)}
.office b{font:500 20px/1.2 var(--display)}
.office small{color:var(--mute-d);font-size:13px}
.office a{margin:6px 0 2px;font:500 22px/1.2 var(--display);color:var(--gold-hi);text-decoration:none}
.office span{font-size:14px;color:rgba(255,255,255,.75)}
.hours{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--r);background:rgba(23,21,15,.75);font-size:15px}
.hours a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;text-decoration:none}
.hours .ic{fill:var(--viber)}
.partners{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--r);border:1px dashed var(--edge);font-size:14.5px;color:rgba(255,255,255,.78)}
.partners b{font:500 18px/1.25 var(--display);color:#fff}
.partners a{color:var(--gold-hi);font-weight:600}

/* ---------- Footer ---------- */
.foot{background:var(--onyx);color:var(--mute-d);padding:36px 0 110px;border-top:1px solid var(--edge);font-size:14px}
.foot-in{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.foot img{width:132px}
.foot a{color:#fff}
.foot p{margin:0}
.foot-b{display:flex;flex-wrap:wrap;gap:8px 18px}
.linklike{background:none;border:0;padding:0;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px}

/* ---------- Mobile bar ---------- */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(14,13,11,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--edge);transform:translateY(110%);transition:transform .45s var(--ease)}
.bar.is-on{transform:none}
.bar .btn{flex:1;min-height:50px}
.sq{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.22);color:var(--gold-hi)}
.sq-v{background:var(--viber);border-color:var(--viber);color:#fff}

/* ---------- Consent ---------- */
.consent{position:fixed;left:12px;right:12px;top:calc(70px + env(safe-area-inset-top));z-index:50;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(33,30,23,.97);color:#fff;border:1px solid var(--edge);box-shadow:0 20px 50px -20px #000;font-size:13.5px;animation:stepIn .4s var(--ease)}
.consent p{margin:0;flex:1}
.consent a{color:var(--gold-hi)}
.consent-a{display:flex;gap:6px}
.consent .btn{min-height:38px;padding:0 12px;font-size:13.5px}

/* ---------- Larger screens ---------- */
@media (min-width:600px){
	.wrap{padding:0 28px}
	.tiles{grid-template-columns:repeat(3,1fr)}
	.type{flex-basis:46%}
	.types{padding-inline:28px}
	.benefits{grid-template-columns:1fr 1fr}
	.trust{grid-template-columns:repeat(4,1fr)}
	.quiz{padding:28px;margin:0}
}
@media (min-width:960px){
	body{font-size:18px}
	.top-row{height:76px}
	.brand img{width:140px}
	.nav{display:flex;gap:26px;margin-right:18px}
	.nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;position:relative}
	.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold-hi);transform:scaleX(0);transition:transform .3s var(--ease);box-shadow:0 0 10px var(--gold)}
	.nav a:hover::after{transform:scaleX(1)}
	.top-tel{padding:0 16px}
	.top-tel span{display:inline}
	.top-ic{display:none}
	.top-cta{display:inline-flex;min-height:44px}
	.hero{align-items:center}
	.hero-shade{background:linear-gradient(90deg,rgba(14,13,11,.96) 0%,rgba(14,13,11,.82) 30%,rgba(14,13,11,.25) 62%,rgba(14,13,11,.15) 100%),linear-gradient(180deg,transparent 70%,var(--onyx) 100%)}
	.hero-in{padding-top:120px;padding-bottom:70px}
	.hero-in>*{max-width:560px}
	.hero-alt{max-width:400px}
	.btn-xl{width:auto;padding:0 34px}
	.sec{padding:110px 0}
	.type{flex-basis:31%}
	.types{padding-inline:max(28px,calc((100vw - 1200px)/2 + 28px))}
	.switch-grid{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
	.benefits{grid-template-columns:repeat(4,1fr)}
	.price-grid{grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
	.example{padding:32px}
	.steps{grid-template-columns:repeat(4,1fr);gap:24px}
	.steps::before{left:22px;right:22px;top:21px;bottom:auto;width:auto;height:2px}
	.steps::after{left:22px;top:21px;height:2px;width:calc(var(--p,0) * (100% - 44px))}
	.steps li{padding:64px 0 0}
	.sec-cta{width:auto;padding:0 34px}
	.faq-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
	.final-grid{grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
	.visit{padding:36px}
	.bar{display:none}
	.foot{padding-bottom:36px}
	.foot-in{flex-direction:row;align-items:center;justify-content:space-between}
	.consent{left:auto;top:auto;right:24px;bottom:24px;max-width:460px}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
	.reveal,.hero-in>*{opacity:1!important;transform:none!important}
	.hero-media::after{opacity:0!important}
	/* Reduced motion (often on in iOS settings): one still row the visitor can swipe, no duplicated lines. */
	.strip{overflow-x:auto;scrollbar-width:none}
	.strip::-webkit-scrollbar{display:none}
	.strip-g+.strip-g{display:none}
	.strip-g span:nth-child(n+8){display:none}
}
@media (min-width:960px){.switch{aspect-ratio:16/10}}

/* Quiz: two columns on desktop, offer and photo on the left */
.quiz-aside{display:none}
@media (min-width:960px){
	.quiz-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
	.quiz-side{position:sticky;top:96px}
	.quiz-side .sec-head{margin-bottom:24px}
	.quiz-aside{display:block}
	.qa-photo{margin:0 0 20px;border-radius:18px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 24px 60px -30px rgba(0,0,0,.9)}
	.qa-photo img{width:100%;height:100%;object-fit:cover;display:block}
	.qa-call{margin:14px 0 0;color:var(--mute-d);font-size:15px}
	.qa-call a{color:var(--gold-hi);font-weight:600;white-space:nowrap}
	.quiz-grid .quiz{max-width:none}
	.quiz-grid .quiz .perks{display:none}
}
/* Balance: both columns share one height, photo and quiz bottoms line up */
@media (min-width:960px){
	.quiz-grid{align-items:stretch}
	.quiz-side{position:static;display:flex;flex-direction:column}
	.quiz-side .sec-head{margin-bottom:22px}
	.quiz-aside{display:flex;flex-direction:column;flex:1}
	.qa-photo{flex:1;min-height:220px;aspect-ratio:auto;margin-bottom:18px}
	.quiz-aside .perks{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0;padding:0;background:none;border:0}
	.quiz-aside .perks li{font-size:14.5px;line-height:1.35}
	.qa-call{display:none}
	.quiz-grid .quiz{display:flex;flex-direction:column}
}
@media (min-width:960px){
	.qa-photo{position:relative;min-height:200px}
	.qa-photo img{position:absolute;inset:0}
}

/* v7: WhatsApp, three contact choices, carousel arrows, five process steps */
.ic-wa{fill:#25D366}
.sq-wa{background:#25D366;border-color:#25D366;color:#fff}
.hours .ic-wa{fill:#25D366}
.hero-alt{grid-template-columns:1.15fr 1fr 1.25fr}
.hero-alt .btn{padding:0 10px;gap:7px;font-size:15px}
.hero-proof b.hp-word{font-size:18px;line-height:24px}
.chips-3{grid-template-columns:repeat(3,1fr)}
.row3{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.row3 .btn:first-child{grid-column:1/-1}
.trust b{font-size:clamp(22px,6.4vw,32px)}
.hours{flex-wrap:wrap;justify-content:flex-start;column-gap:22px}
.hours p{display:flex;flex-direction:column;gap:2px;margin:0;flex:1 1 100%}
.hours p span:last-child{color:var(--mute-d);font-size:14px}
.types-nav{display:flex;align-items:center;gap:14px}
.tnav{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(28,26,21,.2);background:transparent;color:var(--ink);font-size:18px;cursor:pointer;transition:background .2s,color .2s}
.tnav:hover{background:var(--ink);color:var(--gold-hi)}
.tnav:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}
.types.is-drag{scroll-snap-type:none;cursor:grabbing}
.types.is-drag .type{pointer-events:none}
@media (hover:hover) and (pointer:fine){.tnav{display:grid;place-items:center}.types{cursor:grab}}
@media (min-width:960px){
	.steps{grid-template-columns:repeat(5,1fr);gap:20px}
	.hero-alt{max-width:520px}
}
.factors b{white-space:normal;text-align:right}
.bar .btn{min-width:0;padding:0 12px}
.bar .sq{width:48px;height:48px}
.trust b{font-size:clamp(20px,5.4vw,26px);line-height:1.15}
.trust div:last-child{grid-column:1/-1}
@media (min-width:960px){.trust{grid-template-columns:repeat(5,1fr)}.trust div:last-child{grid-column:auto}}

/* v9: inline short forms, flip cards in the catalog, form in the mobile bar */
.qf-wrap{width:100%}
.qf-open[hidden]{display:none!important}
.qf{display:block}
.qf .field{margin-bottom:10px}
.qf .note{margin:10px 0 0;font-size:12.5px;line-height:1.45}
.qf .btn{margin-top:4px}
.qf-row{display:grid;gap:0}
@media (min-width:560px){.qf-row{grid-template-columns:1fr 1fr;gap:10px}}
.qf-dark .note{color:rgba(255,255,255,.62)}
.qf-dark .note a{color:var(--gold-hi)}
.hero .qf{padding:16px;border-radius:20px;background:rgba(14,13,11,.72);border:1px solid var(--edge);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:qfIn .35s var(--ease)}
@keyframes qfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.qf-light .field>span{color:var(--mute)}
.qf-light .field input{background:#fff;color:var(--ink);border-color:rgba(28,26,21,.18)}
.qf-light .field input::placeholder{color:rgba(28,26,21,.38)}
.qf-light .note{color:var(--mute)}
.qf-light .note a{color:var(--gold-ink)}
.qf-light .form-ok{background:rgba(201,159,93,.16);color:var(--gold-ink)}
.qf-light .form-error{color:#B4432B}
.qf-help{max-width:520px;display:flex;flex-direction:column;align-items:center}
.qf-help .qf{width:100%;padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(28,26,21,.1);animation:qfIn .35s var(--ease)}
.price-grid .qf{margin-top:18px}
.steps-form{max-width:560px;margin:34px auto 0;padding:20px 18px;border-radius:20px;background:#fff;border:1px solid rgba(28,26,21,.1)}
.steps-form-t{margin:0 0 12px;font:400 22px/1.25 var(--display);color:var(--ink)}

/* Catalog card: the front is one big button, the back holds a phone form for this type. */
.type{perspective:1200px}
.type-front{all:unset;box-sizing:border-box;position:absolute;inset:0;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent}
.type-front:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-4px;border-radius:20px}
.type-front::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(14,13,11,.95))}
.type::after{display:none}
.type-front img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.type-b em.type-cta{display:inline-flex;align-items:center;gap:6px}
.type-back{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 18px;background:linear-gradient(180deg,rgba(14,13,11,.72),rgba(14,13,11,.97) 45%);color:#fff;animation:flipIn .45s var(--ease)}
@keyframes flipIn{from{opacity:0;transform:rotateY(-70deg)}to{opacity:1;transform:none}}
.type.is-flipped .type-front{pointer-events:none}
.type.is-flipped .type-front img{filter:blur(3px) brightness(.55);transform:scale(1.08)}
.type.is-flipped .type-b{visibility:hidden}
.type.is-flipped{background:var(--onyx)}
.type-bt{font:400 26px/1.1 var(--display);color:var(--gold-hi)}
.type-back>p{margin:8px 0 14px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.82)}
.type-x{position:absolute;top:10px;right:10px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(14,13,11,.5);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.type-x:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}
.qf-card .field{margin-bottom:10px}
.qf-card .form-ok{font-size:15px}
.type.is-flipped .type-back{background:linear-gradient(180deg,rgba(14,13,11,.55),rgba(14,13,11,.97) 40%)}
@media (prefers-reduced-motion:reduce){.type-back,.hero .qf,.qf-help .qf{animation:none}}

/* Mobile bar: the CTA turns the bar into a phone field. */
.bar-form{display:flex;flex:1;align-items:center;gap:8px;flex-wrap:wrap}
.bar-form[hidden]{display:none}
.bar-form input[type=tel]{flex:1;min-width:0;height:50px;padding:0 14px;border-radius:999px;border:1px solid var(--gold);background:rgba(255,255,255,.08);color:#fff;font-size:17px}
.bar-form input[type=tel]:focus{outline:none;box-shadow:0 0 0 3px rgba(201,159,93,.3)}
.bar-form input::placeholder{color:rgba(255,255,255,.45)}
.bar-form .btn{flex:none;min-height:50px;padding:0 14px}
.bar-form input[type=tel]{font-size:16px;padding:0 12px}
.bar-form{gap:6px}
.bar-form .btn{padding:0 12px;font-size:15px}
.bar-x{width:36px;height:36px}
.bar-x{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.bar-form .form-error,.bar-form .form-ok{flex:1 1 100%;margin:0;font-size:14px}
.bar-form .form-ok{padding:12px 14px}
.bar.is-form .sq,.bar.is-form [data-bar-cta]{display:none}
/* v12: brand-coloured contact icons (no coloured backgrounds), underline hero form, one corner radius */
.c-tel .ic{fill:var(--gold-hi)}
.c-vb .ic{fill:#7360F2}
.c-wa .ic{fill:#25D366}
.hero-alt{display:grid;grid-template-columns:1.15fr 1fr 1.25fr;gap:10px;margin-top:14px}
.hero-alt .btn{min-height:48px;padding:0 10px;gap:7px;font-size:15px}
.qf-line{max-width:520px;margin:0}
.ql-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.qf-line input:not(.hp){width:100%;height:46px;padding:0 2px;border:0;border-bottom:1px solid rgba(255,255,255,.45);border-radius:0;background:transparent;color:#fff;font-size:17px;-webkit-appearance:none;appearance:none;transition:border-color .2s}
.qf-line input::placeholder{color:rgba(255,255,255,.62)}
.qf-line input:focus{outline:none;border-bottom-color:var(--gold-hi);box-shadow:0 1px 0 var(--gold-hi)}
.qf-line input[aria-invalid=true]{border-bottom-color:#E5826B}
.qf-line .note{margin:8px 0 0;font-size:12px;color:rgba(255,255,255,.6)}
.qf-line .note a{color:inherit}
.qf-line .form-error,.qf-line .form-ok{margin-top:10px;font-size:14px}
.hero-price{margin-bottom:12px}
/* One radius for every rounded box, button and field; circles stay circles. */
:root{--r:14px;--r-s:14px}
.btn,.top-tel,.hero-tag,.quiz,.quiz-gift,.type,.type-b em,.switch,.sw-lab,.example,.visit,.consent,.qa-photo,.qf-help .qf,.steps-form,.type-front:focus-visible,.bar-form input[type=tel],.office,.form-ok,.form-error{border-radius:var(--r)}
@media (min-width:960px){.hero-alt{max-width:520px}}
@media (max-width:380px){.hero-alt{gap:6px;grid-template-columns:auto auto auto}.hero-alt .btn{font-size:14px;padding:0 9px;gap:5px}.hero-alt .ic{width:18px;height:18px}}
@media (max-width:340px){.hero-alt .btn{font-size:13px;padding:0 7px;gap:4px}.hero-alt .ic{width:16px;height:16px}}
.top-ic,.sq,.bar-x,.type-x{border-radius:var(--r)}

/* v13: the hero form is an offer card: free visit, then name and phone stacked on underlines */
.offer{margin:4px 0 0;padding:20px 18px 18px;border-radius:var(--r);background:rgba(14,13,11,.78);border:1px solid var(--edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.offer-t{margin:0;display:flex;align-items:baseline;gap:12px;font:400 24px/1.1 var(--display);color:#fff}
.offer-t b{font:500 40px/1 var(--display)}
.offer-chip{display:inline-block;margin:10px 0 0;padding:7px 12px;border-radius:var(--r);background:var(--foil);background-size:200% 100%;color:#1A1405;font:600 14px/1.2 var(--body)}
.offer-s{margin:12px 0 4px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.8)}
.offer .qf-line{max-width:none}
.offer .qf-line input:not(.hp){display:block;height:52px;margin-bottom:6px;border-bottom:2px solid rgba(255,255,255,.4);font-size:17px}
.offer .qf-line input:focus{border-bottom-color:var(--gold-hi);box-shadow:none}
.offer .qf-line .btn{margin-top:14px;min-height:56px;font-size:17px}
.offer .qf-line .note{margin-top:10px}
@media (max-width:959px){.hero-h{margin-bottom:14px}}
@media (min-width:960px){
	.hero-in{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:64px;align-items:start}
	.hero-in>*{grid-column:1}
	.hero-in>.offer{grid-column:2;grid-row:1/span 6;align-self:center;margin:0;padding:28px 26px 24px}
}
@media (min-width:960px){.hero-in>.hero-tag{justify-self:start}}
.offer-sub{margin:8px 0 6px;font-size:14.5px;color:rgba(255,255,255,.66)}
/* v18: no messenger icons in the mobile header (Roman: overkill); desktop keeps the phone number */
@media (max-width:959px){.top-tel,.top-ic{display:none}}
/* v19: lighter first screen on mobile. The marquee right below repeats the proof numbers, so they go;
   the offer card gets more see-through and tighter; the cookie banner sits low, above the phone bar. */
@media (max-width:959px){
	/* proof row restyled in v21 below */
	.offer{padding:16px 16px 14px;background:rgba(14,13,11,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
	.offer .qf-line input{height:46px}
	.consent{top:auto;bottom:calc(76px + env(safe-area-inset-bottom))}
	.hero-shade{background:linear-gradient(180deg,rgba(14,13,11,.55) 0%,rgba(14,13,11,.05) 26%,rgba(14,13,11,.25) 50%,rgba(14,13,11,.62) 80%,var(--onyx) 100%)}
}
/* v20: on phones the hero content starts under the logo instead of sinking to the bottom */
@media (max-width:959px){
	.hero{align-items:flex-start}
	.hero-in{padding-top:88px}
	.hero .hero-lead{margin:0 0 16px;font-size:15px;line-height:1.5;text-shadow:0 1px 12px rgba(0,0,0,.85)}
	.hero-shade{background:linear-gradient(180deg,rgba(14,13,11,.6) 0%,rgba(14,13,11,.45) 30%,rgba(14,13,11,.4) 50%,rgba(14,13,11,.62) 80%,var(--onyx) 100%)}
	.hero .hero-lead b{color:var(--gold-hi);font-weight:500}
}
.hero-lead b{font-weight:500;color:#fff}
/* v21: on phones the proof numbers come back as a light, borderless row pinned to the bottom of the
   first screen: no panel, hairline dividers only, so the photo stays visible behind them. */
@media (max-width:959px){
	.hero-in{min-height:100svh;display:flex;flex-direction:column;padding-bottom:22px}
	.hero .hero-proof{display:grid;margin:auto 0 0;padding:28px 0 0;border-top:0;gap:0;text-align:center}
	.hero .hero-proof li{padding:0 6px;align-items:center;gap:6px}
	.hero .hero-proof li+li{border-left:1px solid rgba(242,236,182,.22)}
	.hero .hero-proof b{font-size:26px;text-shadow:0 2px 14px rgba(0,0,0,.7)}
	.hero .hero-proof b.hp-word{font-size:17px;line-height:26px}
	.hero .hero-proof li>span{font-size:12px;color:rgba(255,255,255,.78);text-shadow:0 1px 8px rgba(0,0,0,.9)}
	.hero .hero-ticks{margin-top:18px}
	.hero-in>.hero-tag{align-self:flex-start}
}
/* v22: open "all at once" form under the quiz. Compact pills instead of big tiles, so three
   questions plus the phone fit on one phone screen without looking like a checkbox list. */
/* v25: open form #obekt. Live picture on the left, numbered answers on the right; one column on phones. */
.brief-sec{padding-top:8px;position:relative;overflow:hidden}
.brief-sec::before{content:"";position:absolute;left:50%;top:38%;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:radial-gradient(closest-side,rgba(201,159,93,.13),transparent);pointer-events:none}
.brief-wrap{position:relative}
.brief-grid{display:grid;gap:14px}
.brief-vis{position:relative;height:210px;border-radius:var(--r);overflow:hidden;border:1px solid var(--edge);background:var(--coal);isolation:isolate}
.bv-media,.bv-img{position:absolute;inset:0}
.bv-img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:opacity 1s var(--ease),transform 7s linear}
.bv-img.on{opacity:1;transform:scale(1)}
.brief-vis::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,13,11,.35) 0%,rgba(14,13,11,0) 30%,rgba(14,13,11,.25) 55%,rgba(14,13,11,.88) 100%);pointer-events:none}
.bv-tag{position:absolute;z-index:2;left:14px;top:14px;margin:0;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--r);background:rgba(14,13,11,.55);border:1px solid var(--edge);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:500 13.5px/1 var(--body)}
.bv-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 10px var(--gold-hi)}
.bv-tag.swap [data-bv-tag]{animation:bvIn .5s var(--ease)}
.bv-card{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;color:#fff}
.bv-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.bv-t{margin:0;font:400 20px/1.1 var(--display)}
.bv-n{margin:0;font-size:13.5px;color:var(--gold-hi)}
.bv-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.bv-bar i{display:block;height:100%;width:0;background:var(--foil);background-size:200% 100%;transition:width .7s var(--ease);animation:foilRun 3s linear infinite}
@keyframes foilRun{to{background-position:-200% 0}}
.bv-list{display:none;margin:14px 0 0}
.bv-list div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid rgba(255,255,255,.1)}
.bv-list dt{color:var(--mute-d);font-size:14.5px}
.bv-list dd{margin:0;color:rgba(255,255,255,.4);font-size:15px;text-align:right}
.bv-list .set dd{color:var(--gold-hi);animation:bvIn .45s var(--ease)}
@keyframes bvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.brief-vis.is-done .bv-n{color:#1A1405;background:var(--foil);padding:4px 10px;border-radius:var(--r)}

.brief{padding:22px 18px 18px;border-radius:var(--r);border:1px solid var(--edge);background:rgba(255,255,255,.03)}
.brief-g{margin-bottom:20px}
.brief .q{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:#fff;margin:0 0 12px}
.bn{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--edge);color:var(--gold);font:600 13px/1 var(--body);transition:background .35s,color .35s,border-color .35s,transform .35s var(--ease)}
.brief-g.done .bn{background:var(--foil);color:#1A1405;border-color:transparent;transform:scale(1.08)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.pill{cursor:pointer;position:relative}
.pill input{position:absolute;opacity:0;pointer-events:none}
.pill span{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:var(--r);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;font-size:14.5px;transition:border-color .25s,color .25s,transform .2s var(--ease)}
.pill span::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--foil);transform:scaleX(0);transform-origin:left center;transition:transform .4s var(--ease)}
.pill:hover span{border-color:var(--gold)}
.pill:active span{transform:scale(.96)}
.pill input:checked+span{border-color:transparent;color:#1A1405;font-weight:600}
.pill input:checked+span::before{transform:scaleX(1)}
.pill input:focus-visible+span{outline:2px solid var(--gold-hi);outline-offset:2px}
.brief .qf-row{margin-top:0}
.brief-contact .field{margin-bottom:10px}
@media (min-width:960px){
	.brief-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch}
	.brief-vis{height:auto;min-height:620px}
	.bv-tag{left:24px;top:24px}
	.bv-card{left:24px;right:24px;bottom:24px;padding:22px 24px 10px;border-radius:var(--r);background:rgba(14,13,11,.6);border:1px solid var(--edge);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
	.bv-t{font-size:26px}
	.bv-list{display:block}
	.brief{padding:32px 34px 28px}
	.brief-g{margin-bottom:24px}
}
/* v26: choice feedback. A picked option pops with a short wiggle and a gold glow;  */
.pill.is-pop span,.chip.is-pop span{animation:pickPop .55s var(--ease)}
.tile.is-pop{animation:pickPop .55s var(--ease)}
.pill.is-pop span{box-shadow:0 0 0 0 rgba(242,236,182,.6);animation:pickPop .55s var(--ease),pickGlow .7s ease-out}
@keyframes pickPop{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.08) rotate(-2deg)}70%{transform:scale(.98) rotate(1.5deg)}85%{transform:scale(1.02) rotate(-.5deg)}100%{transform:none}}
@keyframes pickGlow{from{box-shadow:0 0 0 0 rgba(242,236,182,.55)}to{box-shadow:0 0 0 12px rgba(242,236,182,0)}}
.quiz .q-note{margin:-4px 0 14px}
.quiz-pills{margin-bottom:16px}
.quiz-pills .pill span{min-height:46px;font-size:15px}
/* v28: the whole page answers touch and mouse. Tap: the same pop as quiz answers. Desktop mouse: cards tilt toward
   the cursor with a soft gold light under it, gold buttons lean to the pointer. Catalog cards turn over to their form. */
.benefits li.is-pop,.trust>div.is-pop,.steps li.is-pop,.factors li.is-pop,.example dl>div.is-pop,.hero-proof li.is-pop{animation:pickPop .55s var(--ease)}
.strip span{transition:color .2s}
.strip:hover .strip-in{animation-play-state:paused}
.strip span:hover{color:#000}
.strip span.is-pop{animation:pickPop .55s var(--ease)}
.trust>div{position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.trust b.foil{background-size:200% 100%;transition:background-position .9s var(--ease)}
.trust>div:hover b.foil{background-position:100% 0}
.trust>div:hover{border-color:rgba(242,236,182,.5);box-shadow:0 18px 40px -22px rgba(201,159,93,.55)}
.benefits li{transition:box-shadow .3s}
.benefits li:hover{box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 44px -24px rgba(60,45,10,.5)}
.benefits li:hover::before{top:0;bottom:0;transition:top .4s var(--ease),bottom .4s var(--ease)}
.factors li{transition:padding .25s var(--ease)}
.factors li:hover{padding-left:8px}
.factors li:hover b{color:#fff}
.tilt{transition:transform .35s var(--ease),box-shadow .3s,border-color .3s}
.tilt.is-hover{transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) translateY(-4px)}
.example.tilt.is-hover{transform:perspective(1200px) rotateX(calc(var(--rx,0) * .4)) rotateY(calc(var(--ry,0) * .4))}
.btn-gold.is-mag{transform:translate(var(--bx,0),var(--by,0))}
/* Catalog card: squeeze, turn edge-on, come back as the form. */
.example.tilt{position:relative}
/* Trust titles: sized from the card width so the longest word ("Професионален") always fits on one line.
   Two columns up to 959px (the last card spans both), five from 960px. */
.trust b{font-size:min(24px,calc(6.6vw - 6.6px));line-height:1.15;overflow-wrap:normal}
.trust>div{padding:16px 13px}
@media (min-width:600px) and (max-width:959px){.trust{grid-template-columns:1fr 1fr}.trust>div{padding:18px 16px}}
@media (min-width:960px){.trust b{font-size:min(24px,calc(2.6vw - 6.6px))}.trust>div{padding:18px 16px}}
/* v29: the catalog card turns once; the form side has no second entrance of its own. */
.type-back{animation:none}
/* v29: first screen. Headline words rise out of a blur one by one, "свети" switches on like a lamp,
   the offer card gets a slow running gold edge, 0 € pops once, the photo follows the mouse on desktop. */
.hero-h .hw{display:inline-block}
.hero.is-lit .hero-h .hw{animation:wordUp .9s var(--ease) both;animation-delay:calc(.5s + var(--i,0) * .09s)}
@keyframes wordUp{from{opacity:0;transform:translateY(.45em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.hero.is-lit .hero-h em.hw{animation:wordUp .9s var(--ease) both,lampOn 1.4s 1.25s ease-out both,foil 6s 2.6s ease-in-out infinite alternate;animation-delay:calc(.5s + var(--i,0) * .09s),1.25s,2.6s}
@keyframes lampOn{0%{opacity:.35;filter:none}12%{opacity:1;filter:drop-shadow(0 0 22px rgba(242,236,182,.9))}20%{opacity:.4;filter:none}32%{opacity:1;filter:drop-shadow(0 0 26px rgba(242,236,182,.95))}100%{opacity:1;filter:drop-shadow(0 0 10px rgba(242,236,182,.35))}}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.offer,.visit{position:relative}
.offer::before,.visit::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--ang),transparent 0deg,transparent 250deg,rgba(242,236,182,.95) 300deg,transparent 340deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity 1s 1.6s}
.hero.is-lit .offer::before{opacity:1;animation:ring 6s linear infinite}
@keyframes ring{to{--ang:360deg}}
.hero.is-lit .offer-t b{animation:zeroPop .9s 1.7s var(--ease) both}
@keyframes zeroPop{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.18);text-shadow:0 0 28px rgba(242,236,182,.9)}100%{transform:none;text-shadow:0 0 12px rgba(242,236,182,.35)}}
.offer-t b{display:inline-block}
.offer .qf-line input:not(.hp){background:linear-gradient(var(--gold-hi),var(--gold-hi)) no-repeat left bottom/0 2px;transition:background-size .45s var(--ease),border-color .2s}
.offer .qf-line input:not(.hp):focus{background-size:100% 2px}
.hero-proof li{transition:transform .3s var(--ease)}
.hero-proof li:hover b{text-shadow:0 0 16px rgba(242,236,182,.7)}
.hero-media{transform:translate3d(var(--px,0),var(--py,0),0) scale(1.04);transition:transform .6s var(--ease)}
/* v29: FAQ answers slide open quietly instead of jumping; the row gets a gold accent while open. */
.faq summary{transition:color .25s,padding-left .3s var(--ease)}
.faq summary:hover{color:var(--gold-ink)}
.faq details[open] summary{color:var(--gold-ink);padding-left:12px}
.faq details{position:relative}
.faq details::before{content:"";position:absolute;left:0;top:18px;width:3px;height:24px;border-radius:3px;background:var(--foil);transform:scaleY(0);transition:transform .35s var(--ease)}
.faq details[open]::before{transform:none}
.faq details[open] summary::after{background-color:var(--gold-ink)}
.faq details[open] p{animation:faqIn .45s var(--ease) both;padding-left:12px}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* v29: before/after. A line of light sweeps across on first view; the handle breathes until it is touched. */
.sw-lab-on{opacity:var(--lb,1)}
.sw-lab-off{opacity:var(--la,1)}
.sw-lab{transition:opacity .2s}
.switch.is-reveal .sw-handle{box-shadow:0 0 26px 8px rgba(242,236,182,.85),0 0 80px 20px rgba(242,236,182,.35)}
.switch.is-reveal .sw-off{animation:afterOn 2.5s ease-out both}
@keyframes afterOn{0%{filter:brightness(.55) saturate(.7)}60%{filter:brightness(1.12)}100%{filter:none}}
.switch:not(.is-used) .sw-handle i{animation:breathe 2.2s 2.6s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 0 0 rgba(242,236,182,.55)}50%{box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 0 14px rgba(242,236,182,0)}}
.sw-handle i{transition:transform .25s var(--ease)}
.switch:hover .sw-handle i{transform:scale(1.12)}
/* v29: final block. Slow drifting photo, running gold edge on the form card, offices react to the mouse,
   phone numbers get a gold underline, messenger icons wiggle, the main button breathes. */
.visit::before{opacity:1;animation:ring 7s linear infinite}
.final-bg{transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .8s var(--ease)}
.final-bg img{animation:drift2 24s ease-in-out infinite alternate}
@keyframes drift2{from{transform:scale(1.04) translateX(-1.5%)}to{transform:scale(1.14) translateX(1.5%)}}
.office{position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.office:hover{border-color:rgba(242,236,182,.4);box-shadow:0 20px 44px -26px rgba(201,159,93,.6)}
.office a{align-self:flex-start;background:linear-gradient(var(--gold-hi),var(--gold-hi)) no-repeat left bottom/0 2px;padding-bottom:2px;transition:background-size .4s var(--ease),text-shadow .3s}
.office:hover a,.office a:focus-visible{background-size:100% 2px;text-shadow:0 0 14px rgba(242,236,182,.55)}
.office.is-pop,.hours a.is-pop,.partners.is-pop{animation:pickPop .55s var(--ease)}
.hours a .ic{transition:transform .3s var(--ease)}
.hours a:hover .ic{animation:ringIc .6s ease-in-out}
@keyframes ringIc{0%,100%{transform:none}20%{transform:rotate(-14deg) scale(1.15)}40%{transform:rotate(12deg) scale(1.15)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
.partners{transition:border-color .3s,background .3s}
.partners:hover{border-style:solid;border-color:rgba(242,236,182,.45);background:rgba(201,159,93,.06)}
.final .btn-xl{animation:ctaBreath 3.2s ease-in-out infinite}
@keyframes ctaBreath{0%,100%{box-shadow:0 8px 28px -10px rgba(201,159,93,.65),inset 0 1px 0 rgba(255,255,255,.45)}50%{box-shadow:0 10px 44px -6px rgba(242,236,182,.85),inset 0 1px 0 rgba(255,255,255,.45)}}
.visit .field input{transition:border-color .2s,box-shadow .3s,transform .3s var(--ease)}
.visit .field input:focus{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(201,159,93,.25),0 10px 26px -14px rgba(242,236,182,.6)}
.partners{position:relative}
/* v30: the turned card dims its photo without a blur (blurring a large photo mid-turn made it stutter). */
.type.is-flipped .type-front img{filter:brightness(.4);transform:none;transition:none}
/* v33: textile walls */
.tex-sec{overflow:hidden;background:radial-gradient(70% 50% at 18% 28%,rgba(201,159,93,.12),transparent 70%),var(--onyx)}
.tex-grid{display:grid;gap:32px}
.tex-vis{position:relative;padding-bottom:30%;margin:0 0 0 0}
.tex-vis figure{margin:0}
.tex-main,.tex-alt{position:relative;overflow:hidden;border-radius:var(--r);background:var(--coal)}
.tex-vis img{display:block;width:100%;height:100%;object-fit:cover}
.tex-main{width:82%;aspect-ratio:4/4.6}
.tex-alt{position:absolute;left:30%;bottom:0;width:62%;aspect-ratio:4/3;border:3px solid var(--onyx);box-shadow:0 24px 50px -20px #000}
.tex-cut{position:absolute;right:0;top:6%;width:17%;text-align:center}
.tex-cut img{height:auto;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(242,236,182,.35))}
.tex-vis figcaption{font-size:12.5px;line-height:1.3;color:var(--mute-d)}
.tex-alt figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 9px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.tex-cut figcaption{margin-top:8px}
.tex-led{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(242,236,182,.28) 48%,transparent 60%);transform:translateX(-110%)}
.tex-vis.is-in .tex-led{animation:texSheen 2.2s .5s var(--ease) both}
@keyframes texSheen{to{transform:translateX(110%)}}
.tex-vis.is-in .tex-main img{animation:texZoom 6s var(--ease) both}
@keyframes texZoom{from{transform:scale(1.08)}to{transform:none}}
.tex-vis.is-in .tex-cut{animation:texRise 1.1s .3s var(--ease) both}
@keyframes texRise{from{opacity:0;transform:translateY(30px) rotate(4deg)}to{opacity:1;transform:none}}
.tex-tag{margin:0 0 14px;font:400 clamp(19px,4.6vw,24px)/1.35 var(--display);color:#fff}
.tex-tag span{display:inline-block}
.tex-gold{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
.tex-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tex-list li{position:relative;padding:14px 16px 14px 54px;border-radius:var(--r);background:var(--coal);border:1px solid var(--edge)}
.tex-list li::before{content:"";position:absolute;left:16px;top:15px;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--gold);background:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.3l2.6 2.5L10 3.3' fill='none' stroke='%23F2ECB6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tex-list b{display:block;color:#fff;font-weight:600;font-size:16.5px;margin-bottom:2px}
.tex-list span{display:block;color:var(--mute-d);font-size:15px;line-height:1.45}
.tex-list li.is-pop,.tex-use li.is-pop{animation:pickPop .55s var(--ease)}
.tex-row2{margin-top:44px}
.tex-h3{margin:0 0 6px;font:400 clamp(24px,6vw,32px)/1.15 var(--display);color:#fff}
.tex-use{list-style:none;margin:0;padding:0}
.tex-use li{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:padding .25s var(--ease)}
.tex-use b{color:var(--gold-hi);font-weight:600;font-size:16.5px}
.tex-use span{color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.45}
.tex-card .ex-t{color:#fff}
.tex-card>.note{margin:0 0 4px}
.tex-card .qf{margin-top:14px}
@media (hover:hover){.tex-use li:hover{padding-left:8px}}
@media (min-width:640px){.tex-list{grid-template-columns:1fr 1fr}.tex-card .qf-row{grid-template-columns:1fr 1fr;gap:12px}}
@media (min-width:960px){
	.tex-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
	.tex-row2{align-items:start;margin-top:72px}
	.tex-card{padding:28px 26px}
}
/* v33: the before/after block is now light and also holds "Why stretch ceiling" (keeps the dark/light rhythm after #steni) */
.switch-sec .why-wrap{margin-top:56px}
@media (prefers-reduced-motion:reduce){.tex-vis.is-in .tex-led,.tex-vis.is-in .tex-main img,.tex-vis.is-in .tex-cut{animation:none}}
/* v35: language switcher (BG / RU / EN); the current language is marked by aria-current */
.lang{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(14,13,11,.35)}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border-radius:999px;font:600 12px/1 var(--body);letter-spacing:.04em;color:rgba(255,255,255,.75);text-decoration:none;transition:background .2s,color .2s}
.lang a:hover{color:#fff}
.lang a[aria-current]{background:var(--foil);color:#1A1405}
@media (max-width:420px){.lang a{min-width:26px;height:28px;padding:0 4px;font-size:11px}.brand img{width:104px}}
.offer-t .foil{white-space:nowrap}