/* Маруся — сайт. Светлый премиальный русский стиль: белое поле, графит, вишнёвый акцент, золото только линией. */
:root{
  --bg:#F4F5F7; --paper:#FFFFFF; --warm:#F7F3EC; --line:#D9D4CA; --line2:#C4BDB0;
  --ink:#15161C; --ink2:#3B3E47; --ink3:#4B4F59;
  --red:#C8202F; --red2:#A3192A; --gold:#C9A15A;
  --r:16px; --shadow:0 1px 2px rgba(21,22,28,.06),0 10px 28px rgba(21,22,28,.08);
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Manrope',system-ui,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font:500 16px/1.55 var(--sans)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3{margin:0;font-weight:600}
h1,h2{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;line-height:1.02}
h1 em,h2 em{font-style:italic;color:var(--red)}
p{margin:0}
a{text-decoration:none}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:12px;border:1px solid transparent;font:600 15px/1 var(--sans);cursor:pointer;transition:background .2s,border-color .2s,transform .15s,color .2s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn--red{background:var(--red);color:#fff}
.btn--red:hover{background:var(--red2)}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;height:44px;padding:0 20px}
.btn--line:hover{background:var(--ink);color:#fff}
.btn--gold{border-color:var(--gold);color:var(--ink);background:var(--paper);text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;height:46px}
.btn--gold:hover{border-color:var(--ink)}
.soon{display:inline-flex;align-items:center;height:46px;padding:0 18px;border:1px dashed var(--line2);border-radius:12px;color:var(--ink3);font:600 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}

/* шапка */
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:28px;height:72px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink)}
.brand img{border-radius:50%;border:1px solid var(--gold);padding:2px;background:#fff}
.brand b{display:block;font:italic 600 28px/1 var(--serif)}
.brand small{display:block;font:600 10.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-top:3px}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:var(--ink);font-weight:700;font-size:14.5px;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--line2);transition:background .2s}
.nav a:hover{color:var(--ink)}
.nav a:hover::after{background:var(--red)}
.top__phone{font-weight:700;color:var(--ink);font-size:15.5px;white-space:nowrap}
.nav__lk,.top__call{display:none!important}
.top__call{width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;align-items:center;justify-content:center;margin-left:auto}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{display:block;width:18px;height:1.5px;background:var(--ink)}

/* первый экран */


.eyebrow{display:flex;align-items:center;gap:10px;font:600 12.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-bottom:22px}
.orn-dot{width:26px;height:1px;background:var(--gold);position:relative}
.orn-dot::after{content:"";position:absolute;right:-4px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.hero h1{font-size:clamp(44px,5.4vw,70px)}
.lead{font-size:18px;color:var(--ink2);max-width:520px;margin-top:20px}

.order{margin-top:32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px;position:relative}
.order::before{content:"";position:absolute;inset:5px;border:1px solid rgba(201,161,90,.45);border-radius:12px;pointer-events:none}
.order__route{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:block;position:relative}
.field__k{display:flex;align-items:center;gap:8px;font:600 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:0 0 8px 2px}
.pt{width:9px;height:9px;border-radius:50%;border:2px solid var(--ink)}
.pt--b{background:var(--red);border-color:var(--red)}
.field input,.when{width:100%;height:52px;border:1.5px solid var(--line2);border-radius:12px;padding:0 16px;font:500 16px var(--sans);color:var(--ink);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}
.field input:focus,.when:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,161,90,.18)}
.order__row{display:flex;gap:12px;margin-top:14px;align-items:center}
.seg{display:flex;background:#ECEAE4;border:1px solid var(--line2);border-radius:12px;padding:4px;height:52px;flex:none}
.seg button{border:0;background:transparent;border-radius:9px;padding:0 16px;font:600 14px var(--sans);color:var(--ink2)}
.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(21,22,28,.12)}
.when{flex:1;min-width:0}
.order__go{margin-left:auto;flex:none}
.order__alt{margin-top:14px;font-size:14px;color:var(--ink3)}
.order__alt a{color:var(--ink);white-space:nowrap}

/* подсказки адреса */
.sugg{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid var(--line2);border-radius:12px;box-shadow:0 16px 40px rgba(21,22,28,.12);z-index:30;overflow:hidden;display:none}
.sugg.open{display:block}
.sugg button{display:block;width:100%;text-align:left;border:0;background:#fff;padding:11px 16px;font:inherit;cursor:pointer;border-top:1px solid var(--bg)}
.sugg button:first-child{border-top:0}
.sugg button:hover,.sugg button.act{background:var(--warm)}
.sugg b{display:block;font-weight:600;font-size:15px;color:var(--ink)}
.sugg span{display:block;font-size:13px;color:var(--ink3)}
.sugg .sugg__msg{padding:12px 16px;font-size:13.5px;color:var(--ink3)}

/* объёмная сцена первого экрана: слои на разной глубине */
.hero{--hh:clamp(520px,70vh,620px);position:relative;padding:0 0 28px;background:var(--bg)}
.scene{position:absolute;left:0;right:0;top:0;height:var(--hh);overflow:hidden}
.stage{position:absolute;right:0;bottom:0;width:max(100%,calc(var(--hh) * 1.8462));aspect-ratio:2400/1300}
.ly{position:absolute;display:block}
.ly-sky,.ly-city,.ly-street{left:-4.2%;top:0;width:108.4%;height:100%}
.ly-sky{object-fit:cover}
.ly-clouds{inset:0}
.ly-car{left:50%;bottom:11.6%;width:23%}
.ly-car img,.ly-car{display:block}
.ly-car::after,.ly-girl::after{content:"";position:absolute;left:6%;right:4%;bottom:-3%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(60,48,40,.5),rgba(60,48,40,0));z-index:-1}
.ly-girl{right:4%;bottom:4.5%;height:52%;aspect-ratio:auto}
.ly-girl img{height:100%;width:auto;display:block;transform-origin:50% 100%;}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012,1.018)}}
.scene__haze{display:none;position:absolute;inset:0}
.cloud{position:absolute;height:3.2%;border-radius:40px;background:#fff;opacity:.95;animation:drift 70s linear infinite}
.cloud::before,.cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.cloud::before{width:44%;height:210%;left:16%;bottom:20%}
.cloud::after{width:30%;height:160%;right:18%;bottom:30%}
.c1{width:9%;top:9%;left:58%}
.c2{width:6%;top:20%;left:80%;animation-duration:95s;opacity:.8}
.c3{width:7%;top:5%;left:30%;animation-duration:110s;opacity:.7}
.c4{width:5%;top:26%;left:44%;animation-duration:85s;opacity:.75}
@keyframes drift{from{transform:translateX(-30vw)}to{transform:translateX(40vw)}}
.heart{position:absolute;width:34px;height:31px;top:16%;left:56%;opacity:0;animation:rise 5.2s ease-out infinite;scale:1.4;filter:drop-shadow(0 3px 4px rgba(160,20,35,.35))}
.heart::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#F0485A,#C8202F 60%,#A3192A);clip-path:path('M17 31C6 23.2 0 17.2 0 10.4 0 4.6 4.4 0 9.8 0c3.2 0 5.8 1.6 7.2 4.1C18.4 1.6 21 0 24.2 0 29.6 0 34 4.6 34 10.4c0 6.8-6 12.8-17 20.6z')}
.heart::after{content:"";position:absolute;left:22%;top:16%;width:22%;height:18%;border-radius:50%;background:rgba(255,255,255,.55);transform:rotate(-30deg)}
.h2{left:68%;top:12%;animation-delay:1.1s;scale:1.1}
.h3{left:48%;top:20%;animation-delay:2.2s;scale:.9}
.h4{left:62%;top:8%;animation-delay:3.2s;scale:1.26}
.h5{left:74%;top:22%;animation-delay:4.2s;scale:.82}
@keyframes rise{0%{opacity:0;transform:translate(0,0) scale(.4) rotate(-8deg)}12%{opacity:1}50%{transform:translate(8px,-70px) scale(1) rotate(6deg)}100%{opacity:0;transform:translate(-6px,-150px) scale(1.1) rotate(-6deg)}}
.hero__in{position:relative;z-index:2;min-height:var(--hh);display:flex;align-items:center;padding-top:24px;padding-bottom:64px}
.hero__text{max-width:580px}
.hero .lead{color:var(--ink);font-weight:600}
.hero .trust{position:relative;z-index:3;margin-top:-34px}
.mtr{display:block;filter:drop-shadow(0 6px 10px rgba(21,22,28,.14));transform-origin:50% 100%;animation:sway 5s ease-in-out infinite}
.mtr-set{display:inline-flex;align-items:flex-end;gap:2px}
.mtr-set .mtr:nth-child(2){animation-delay:-1.2s}
.mtr-set .mtr:nth-child(3){animation-delay:-2.4s}
@keyframes sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
/* мессенджеры */
.msgr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;font-size:14px;color:var(--ink3)}
.msgr__i{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:14px;transition:border-color .2s}
.msgr__i:hover{border-color:var(--gold)}
.msgr__i::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--c) center/12px no-repeat;background-image:var(--g)}
.wa{--c:#25D366;--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.3-.8-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.6-.3.8-.3h.6c.2 0 .4 0 .7.5l.9 2.2c.1.2.1.4 0 .6l-.4.6-.4.5c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.2.5.1.7-.1l.9-1.1c.2-.3.4-.2.7-.1l2.1 1c.3.2.5.2.6.4 0 .1 0 .7-.3 1.3z'/%3E%3C/svg%3E")}
.tg{--c:#229ED9;--g:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M21.5 3.6 2.9 10.8c-1.3.5-1.3 1.2-.2 1.6l4.8 1.5 1.8 5.6c.2.6.1.9.8.9.5 0 .7-.2 1-.5l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8l3.2-15c.3-1.3-.5-1.9-1.6-1.4zM8.6 13.6l9.8-6.2c.5-.3.9-.1.5.2l-8.3 7.5-.3 3.5-1.7-5z'/%3E%3C/svg%3E")}
.mx{--c:linear-gradient(135deg,#3E8BFF,#7B3CFF);cursor:default}
.mx::before{background:linear-gradient(135deg,#3E8BFF,#7B3CFF)!important;content:"M"!important;color:#fff;font:800 10px/20px var(--sans);text-align:center}

/* орнамент-разделитель (рисуется в site.js) */
.orn{display:flex;justify-content:center;padding:6px 0;color:var(--gold)}
.orn svg{display:block}

/* секции */
.sec{padding:84px 0}
.sec--milk{background:var(--warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.sec__head h2{font-size:clamp(34px,3.6vw,48px)}
.sec__head p{color:var(--ink2);max-width:420px;font-size:16.5px}

/* услуги */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.svc article{background:var(--paper);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:var(--r);padding:22px 22px 24px;transition:transform .25s,border-color .25s,box-shadow .25s}
.svc article:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--shadow)}
.svc i{display:flex;width:48px;height:48px;border-radius:14px;background:var(--red);align-items:center;justify-content:center;color:#fff;margin-bottom:16px;box-shadow:0 6px 14px rgba(200,32,47,.25)}
.svc h3{font-size:18px;margin-bottom:6px}
.svc p{font-size:14.5px;color:var(--ink2);font-weight:500}

/* как заказать */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how article{background:var(--paper);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.how__n{font:italic 600 34px/1 var(--serif);color:var(--gold)}
.how h3{font-size:20px}
.how p{color:var(--ink2);font-size:15px;font-weight:500;flex:1}
.how .btn,.how .soon{margin-top:8px}
.flow{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:var(--r);background:var(--paper);counter-reset:f}
.flow li{padding:20px 22px;border-left:1px solid var(--line);position:relative;counter-increment:f}
.flow li:first-child{border-left:0}
.flow li::before{content:counter(f);display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;margin-bottom:10px}
.flow b{display:block;font-size:15.5px}
.flow span{display:block;color:var(--ink3);font-size:14px;margin-top:2px}

/* приложения */
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.app{background:var(--paper);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.app__k{font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.app h3{font-family:var(--serif);font-size:28px}
.app p{color:var(--ink2);font-size:15px;font-weight:500;flex:1}

/* водителям */
.drv{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.drv h2{font-size:clamp(34px,3.6vw,48px)}
.drv .lead{margin-top:14px}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:28px;color:var(--ink2)}
.ticks li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:8px;border-left:1.5px solid var(--red);border-bottom:1.5px solid var(--red);transform:rotate(-45deg)}
.drv__cta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;max-width:600px}
.drv__cta .btn{height:52px;padding:0 12px;text-transform:none;letter-spacing:0;font-size:15px}
.btn--msgr{gap:10px}
.msgr-ic{width:22px;height:22px;border-radius:50%;background:var(--c) center/13px no-repeat;background-image:var(--g)}
.drv__note{margin-top:12px;font-size:14px;font-weight:600;color:var(--ink2)}
.drv{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
.drv__card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px 28px 30px;box-shadow:var(--shadow)}
.drv__card::before{content:"";position:absolute;inset:5px;border:1px solid rgba(201,161,90,.45);border-radius:12px;pointer-events:none}
.drv__k{font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:18px}
.drv__steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:18px}
.drv__steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;column-gap:14px}
.drv__steps li::before{content:counter(s,upper-roman);grid-row:1/3;font:italic 600 30px/1 var(--serif);color:var(--gold)}
.drv__steps b{font-size:16px}
.drv__steps span{color:var(--ink3);font-size:14px}
.drv__mtr{position:absolute;right:18px;top:-48px}

/* полоса преимуществ под первым экраном */
.trust{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:40px auto 0;padding:0;width:calc(100% - 48px);max-width:1152px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.trust li{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:18px 20px;border-left:1px solid var(--line)}
.trust li:first-child{border-left:0}
.trust i{grid-row:1/3;display:flex;width:44px;height:44px;border-radius:12px;background:var(--ink);align-items:center;justify-content:center;color:#fff}
.trust b{font-size:15px}
.trust span{font-size:13px;color:var(--ink3)}
.hero .msgr{margin-top:18px}

/* подвал */
.foot{background:var(--paper);border-top:1px solid var(--line);padding:8px 0 0}
.foot__in{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:40px;padding:36px 24px 28px;align-items:start}
.foot__brand p{margin-top:14px;color:var(--ink3);font-size:14.5px}
.foot__k{font:600 11.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}
.foot__col{display:flex;flex-direction:column;gap:8px}
.foot__col>a{color:var(--ink2);font-size:14.5px}
.foot__col>a:hover{color:var(--red)}
.foot__phone{font:700 22px/1.2 var(--sans)!important;color:var(--ink)!important}
.foot__msgr{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.foot__msgr .msgr__i{height:34px;font-size:13px}
.foot__copy{border-top:1px solid var(--line);padding:16px 24px;font-size:13px;color:var(--ink3)}

/* появление */
.rv{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out,transform .5s ease-out}
.rv.in{opacity:1;transform:none}

/* планшет и телефон */
@media (max-width:1080px){
  .nav{gap:18px}
  .svc article{padding:20px 18px 22px}
  .foot__in{grid-template-columns:1fr 1fr}
  .foot__mtr{display:none}
}
@media (max-width:900px){
  .top__in{gap:12px;height:64px}
  .nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 16px;margin:0}
  .nav.open{display:flex}
  .nav a{padding:12px 0;font-size:16px;border-bottom:1px solid var(--bg)}
  .top__phone{margin-left:auto;font-size:14px}
  .burger{display:flex}
  .top__lk{height:40px;padding:0 14px}
  .hero{--hh:320px;background:var(--bg)}
  .scene{position:relative;height:var(--hh)}
  .stage{width:max(100%,700px)}

  .ly-girl{height:62%;right:0}
  .ly-car{left:47%;width:28%}
  .hero__in{min-height:0;display:block;padding-top:0;padding-bottom:24px;margin-top:-18px}
  .hero .trust{margin-top:8px}
  .sec{padding:56px 0}
  .sec__head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px}
  .how,.apps{grid-template-columns:1fr}
  .svc{grid-template-columns:repeat(2,1fr)}
  .trust{grid-template-columns:1fr 1fr;margin-top:24px;width:calc(100% - 32px)}
  .trust li:nth-child(3){border-left:0}
  .trust li:nth-child(n+3){border-top:1px solid var(--line)}
  .drv__cta{grid-template-columns:1fr}
  .trust li{padding:14px;grid-template-columns:36px 1fr;column-gap:10px}
  .trust i{width:36px;height:36px}
  .trust i svg{width:18px;height:18px}
  .drv__mtr{top:-40px;transform:scale(.8);transform-origin:100% 100%}
  .flow{grid-template-columns:1fr 1fr}
  .flow li:nth-child(3){border-left:0}
  .flow li:nth-child(n+3){border-top:1px solid var(--line)}
  .drv{grid-template-columns:1fr}
  .drv__art{display:none}
}
@media (max-width:600px){
  .wrap{padding:0 16px}
  .top__phone{display:none}
  .top__call{display:inline-flex!important;width:40px;height:40px}
  .top__in{gap:8px}
  .brand img{width:38px;height:38px}
  .brand small{display:none}
  .brand b{font-size:24px}
  .order{padding:16px}
  .order__route{grid-template-columns:1fr}
  .order__row{flex-wrap:wrap}
  .seg{flex:1}
  .seg button{flex:1}
  .when{flex-basis:100%}
  .order__go{width:100%;margin:0}
  .svc{grid-template-columns:1fr 1fr;gap:10px}
  .svc article{padding:16px}
  .svc i{width:38px;height:38px;margin-bottom:10px}
  .svc h3{font-size:16px}
  .svc p{font-size:13.5px}
  .flow{grid-template-columns:1fr}
  .flow li{border-left:0!important;border-top:1px solid var(--line)}
  .flow li:first-child{border-top:0}
  .foot__in{grid-template-columns:1fr;gap:26px}
  .msgr__i{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.cloud,.heart,.mtr{animation:none}.rv{opacity:1;transform:none}}

/* первый экран на компьютере: зона текста затемнена графитом, текст светлый (как на визитке) */
@media (min-width:901px){
  .scene__haze{display:block!important;background:linear-gradient(90deg,rgba(17,18,24,.86) 0%,rgba(17,18,24,.8) 34%,rgba(17,18,24,.42) 48%,rgba(17,18,24,0) 60%)!important}
  .hero h1{color:#fff}
  .hero h1 em{color:#F2B8BE}
  .hero .lead{color:#fff;font-weight:600}
  .hero .eyebrow{color:#E3C27E}
  .hero .msgr>span:not(.msgr__i){color:#fff;font-weight:600}
}
/* один список «Когда» */
.when-f{position:relative;display:flex;align-items:center;height:52px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;padding:0 12px 0 14px;flex:1;min-width:0;max-width:300px;gap:10px}
.when-f span{font:600 11.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.when-f input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:700 16px var(--sans);color:var(--ink);outline:none;padding:0}
.when-f input::placeholder{color:var(--ink3);font-weight:500}
.when-f:has(input.bad){border-color:var(--red)}
.when-hint{margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.when-hint.err{color:var(--red)}
.when-f:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,161,90,.18)}
@media (max-width:600px){.when-f{max-width:none;flex-basis:100%}}