/* SEBE · главная (27.10.2026): первый экран «по-своему» (сменяющееся слово с 3D-иконкой, панель меняет цвет,
   кремовая полоса с вырезом), ниже разделы в светлой гамме. Unbounded (заголовки) + Onest (текст), прежний логотип.
   Только для index.html: остальные страницы живут на site.css / dark.css / group.css. Шрифты свои, в fonts/.
   Размеры первого экрана - в единицах кадра 1440×960: 1u = min(100vw/1440, 100vh/960). */
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/onest-cyrext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/onest-cyr.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/onest-latext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/onest-lat.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* в Unbounded нет казахских ә ғ қ ң ө ұ ү һ: казахские заголовки, если появятся, - в Onest */
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/unbounded-cyr.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/unbounded-latext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/unbounded-lat.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#fbf6ef; --sf:#ffffff; --sf2:#f3ede2; --line:#e8e1d5; --line2:#d3cabc;
  --ink:#0d0d0c; --mut:#6f6e6a; --mut2:#5a5955; --hint:#8e8c87;
  --teal:#148f82; --teal-bg:#ddf3ec; --teal-t:#0e7367;
  --btn:#0d0d0c; --btn-ink:#ffffff;
  --f-d:'Unbounded','Onest',system-ui,sans-serif;
  --f-t:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --pad:clamp(16px,4.4vw,56px);
  --u:min(calc(100vw / 1440),calc(100vh / 960));
  --s:max(1px,var(--u)); /* масштаб разделов ниже первого экрана: до 1440x960 ровно 1px, на больших мониторах растёт вместе с u, иначе разделы выглядят мелкими рядом с первым экраном */
  --hs:132; /* кегль заголовка первого экрана в u: «Переписка» с иконкой и «под контролем» должны уместиться в 1216u */
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font:15.5px/1.55 var(--f-t);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
svg.i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:1280px;margin:0 auto;padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}
@media (min-width:1001px){.wrap{max-width:calc(1216 * var(--u));padding-left:0;padding-right:0}} /* колонка страницы = колонка первого экрана (1440u минус поля 112u): иначе на широких мониторах разделы уже шапки и полосы Meta */
.skip{position:absolute;left:-9999px;top:8px;z-index:30;background:var(--btn);color:var(--btn-ink);padding:10px 14px;border-radius:10px;font-weight:600}
.skip:focus{left:12px}
[id]{scroll-margin-top:24px}

/* ================= первый экран ================= */
.screen{position:relative;height:calc(960 * var(--u));min-height:560px;overflow:hidden;background:var(--bg)}
.frame{position:relative;width:calc(1440 * var(--u));max-width:100%;margin:0 auto;height:100%}
.panel{position:absolute;inset:0 0 25% 0}
.bgs{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;overflow:hidden;background:#f2ecdf;z-index:0}
.layer{position:absolute;inset:-6%;will-change:transform,opacity;opacity:0;transform:scale(1.08)}
/* 0 Заселяйте - лиловый (Booking), 1 Продавайте - лимонный с латунью (Shop), 2 Обучайте - небесный (Meet), 3 Общайтесь - шалфей (WhatsApp) */
.layer[data-l="0"]{background:radial-gradient(58% 54% at 86% 76%,rgba(178,150,232,.95) 0%,rgba(178,150,232,0) 70%),radial-gradient(50% 46% at 32% 105%,rgba(214,186,236,.7) 0%,rgba(214,186,236,0) 70%),linear-gradient(180deg,#efe9f3 0%,#e6d9f1 100%)}
.layer[data-l="1"]{background:radial-gradient(58% 54% at 86% 76%,rgba(246,222,104,.95) 0%,rgba(246,222,104,0) 70%),radial-gradient(50% 46% at 32% 105%,rgba(246,222,104,.55) 0%,rgba(246,222,104,0) 70%),linear-gradient(180deg,#f2ecdf 0%,#f4ebc6 100%)}
.layer[data-l="2"]{background:radial-gradient(58% 54% at 86% 76%,rgba(132,172,240,.95) 0%,rgba(132,172,240,0) 70%),radial-gradient(50% 46% at 32% 105%,rgba(170,200,244,.65) 0%,rgba(170,200,244,0) 70%),linear-gradient(180deg,#e8eef6 0%,#d9e5f5 100%)}
.layer[data-l="3"]{background:radial-gradient(58% 54% at 86% 76%,rgba(150,206,150,.95) 0%,rgba(150,206,150,0) 70%),radial-gradient(50% 46% at 32% 105%,rgba(180,220,170,.6) 0%,rgba(180,220,170,0) 70%),linear-gradient(180deg,#e9ebe0 0%,#dfe9d4 100%)}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size:260px 260px}

/* шапка */
.nav{position:absolute;left:0;right:0;top:0;height:calc(80 * var(--u));display:flex;align-items:center;gap:calc(42 * var(--u));
  padding:0 calc(112 * var(--u));border-bottom:1px solid rgba(13,13,12,.12);z-index:3}
.brand{display:flex;align-items:center;gap:calc(10 * var(--u));margin-right:auto;font:600 calc(25 * var(--u))/1 var(--f-d);letter-spacing:.04em}
.brand img{width:calc(34 * var(--u));height:calc(34 * var(--u))}
.nav__links{display:flex;gap:calc(42 * var(--u));font-size:max(13px,calc(17 * var(--u)));font-weight:500;color:var(--ink)}
.nav__links a{opacity:.8}
.nav__links a:hover{opacity:1}
.nav__btn{display:inline-flex;align-items:center;gap:8px;height:max(40px,calc(48 * var(--u)));padding:0 calc(22 * var(--u));border:1.4px solid var(--ink);border-radius:calc(7 * var(--u));
  font-size:max(13px,calc(16 * var(--u)));font-weight:500;white-space:nowrap;transition:background-color .2s ease,color .2s ease}
.nav__btn svg{width:1.15em;height:1.15em}
.nav__btn:hover{background:var(--ink);color:#fff}
/* номер в шапке (30.10.2026, владелец: «в шапке чтобы номер был») */
.htel{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-weight:600;font-size:max(14px,calc(17 * var(--u)));font-variant-numeric:tabular-nums;color:var(--ink)}
.htel svg{width:1.05em;height:1.05em;flex:none}
.htel:hover{opacity:.75}
.burger{display:none;width:40px;height:40px;border:1.4px solid var(--ink);border-radius:10px;background:none;place-content:center;gap:5px;cursor:pointer;padding:0}
.burger i{display:block;width:16px;height:1.6px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
.menu{position:absolute;left:0;right:0;top:64px;z-index:4;background:var(--bg);border-bottom:1px solid var(--line2);padding:8px var(--pad) 18px}
.menu a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.menu a span{color:var(--mut);font-size:14px}
.menu .menu__tel{border-bottom:0;font-weight:600}

/* заголовок: сменяющееся слово с иконкой и постоянная вторая строка */
.hl{position:absolute;left:calc(112 * var(--u));top:calc(204 * var(--u));z-index:2;font:500 calc(var(--hs) * var(--u))/.9 var(--f-d);letter-spacing:-.03em;color:var(--ink)}
.hl__slot{position:relative;height:1em;width:calc(1216 * var(--u))}
.hl__w{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.14em;white-space:nowrap;opacity:0;visibility:hidden;will-change:transform,opacity,filter;transform-origin:0 60%}
.hl__w.is-on{visibility:visible}
.ico{position:relative;width:1.02em;height:1.02em;flex:none;isolation:isolate;will-change:transform;transform-origin:50% 50%}
.ico img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(1.1) contrast(1.08)}
.ico i{position:absolute;inset:0;background:var(--tint);mix-blend-mode:color;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.hl__l2{margin-top:.02em;white-space:nowrap}

/* ряд кнопок и подпись */
.row{position:absolute;left:calc(112 * var(--u));right:calc(112 * var(--u));top:calc(556 * var(--u));z-index:2;display:flex;align-items:center;gap:calc(14 * var(--u))}
.sb{display:inline-flex;align-items:center;gap:.55em;height:max(46px,calc(58 * var(--u)));padding:0 calc(24 * var(--u));border:1.4px solid var(--ink);border-radius:calc(9 * var(--u));
  font-size:max(14px,calc(17 * var(--u)));font-weight:500;white-space:nowrap;transition:background-color .35s ease,color .35s ease}
.sb svg{width:1.1em;height:1.1em}
.sb:hover,.sb.is-on{background:var(--ink);color:#fff}
.cap{margin:0 0 0 calc(22 * var(--u));font-size:max(13px,calc(18.5 * var(--u)));line-height:1.35;color:rgba(13,13,12,.56)}

/* полоса статистики с вырезом */
.strip{position:absolute;left:calc(50% - 50vw);width:100vw;bottom:0;height:25%;background:var(--bg);z-index:2}
.notch{position:absolute;left:0;right:0;bottom:calc(100% - 1.5px);width:100%;height:calc(62 * var(--u) + 1.5px);display:block;fill:var(--bg)} /* нахлёст 1.5px: без него на стыке просвечивает панель */
.hint{position:absolute;right:calc((100vw - 1440 * var(--u)) / 2 + 72 * var(--u));bottom:100%;margin-bottom:calc(20 * var(--u));font-size:max(12px,calc(15 * var(--u)));line-height:1;color:rgba(13,13,12,.42);white-space:nowrap}
.hint:hover{color:var(--ink)}
.strip__in{width:calc(1440 * var(--u));max-width:100%;margin:0 auto;height:100%;display:flex;align-items:center;gap:calc(40 * var(--u));padding:calc(10 * var(--u)) calc(112 * var(--u)) 0}
/* знак SEBE ⇄ Meta, как на странице /whatsapp, только на светлом */
.lduo{display:flex;align-items:center;gap:calc(10 * var(--u));flex:none}
.lduo__t{width:calc(56 * var(--u));height:calc(56 * var(--u));border-radius:calc(16 * var(--u));display:grid;place-items:center}
.lduo__t--s{background:#111316;box-shadow:0 12px 24px -12px rgba(0,0,0,.45)}
.lduo__t--s img{width:68%;height:68%;object-fit:contain}
.lduo__t--m{background:#fff;border:1px solid var(--line2)}
.lduo__t--m img{width:56%;height:56%}
.lduo__t--w{background:#25d366;margin-left:calc(-2 * var(--u))}
.lduo__t--w svg{width:58%;height:58%;fill:#fff}
.lduo__x{width:calc(24 * var(--u));height:calc(24 * var(--u));fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.strip__t{margin:0;flex:0 0 auto;font:500 max(16px,calc(29 * var(--u)))/1.15 var(--f-d);letter-spacing:-.015em}
.strip__s{display:block;margin-top:.5em;font:500 max(12px,calc(14 * var(--u)))/1.3 var(--f-t);letter-spacing:0;color:rgba(13,13,12,.56)}
.strip__d{margin:0;flex:1 1 auto;min-width:0;font-size:max(13px,calc(16 * var(--u)));line-height:1.4;color:rgba(13,13,12,.56)}
.strip__d a{display:block;margin-top:.45em;color:var(--ink);font-weight:600;white-space:nowrap}
.strip__d a:hover{text-decoration:underline;text-underline-offset:3px}

/* ================= разделы ниже ================= */
.pi{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--c);background:var(--sf2);background:color-mix(in srgb,var(--c) 12%,#ffffff)}
.pi svg{width:calc(22 * var(--s));height:calc(22 * var(--s))}
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--btn);color:var(--btn-ink);font-weight:600;cursor:pointer}
.btn:hover{background:#2a2927}
.sec{padding-top:48px;font-size:calc(15.5 * var(--s))}
.h2{margin:0 0 18px;font:500 21px/1.2 var(--f-d);letter-spacing:-.015em;text-wrap:balance}
/* продукты - бенто (выбор владельца 27.10): плитки в пастели своего продукта, у Booking, Shop и WhatsApp скриншоты кабинетов, «Разработка» тёмная */
.prog__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:8px 16px;margin-bottom:22px}
.h2.prog__h{margin:0;font-size:clamp(30px,4.2vw,calc(46 * var(--s)));line-height:1.05;letter-spacing:-.025em}
.prog__n{flex-basis:100%;color:var(--mut);font-size:calc(15 * var(--s))}
.grid{display:grid;gap:12px}
.card{--cp:22px;position:relative;overflow:hidden;isolation:isolate;display:grid;align-content:start;gap:4px;padding:var(--cp);border-radius:22px;
  background:color-mix(in srgb,var(--c) 13%,#ffffff);border:1px solid color-mix(in srgb,var(--c) 20%,#ffffff)}
.card--shot{padding-bottom:0} /* окно со скриншотом прижато к низу плитки */
.card--shot .txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.card--shot .win{position:relative;overflow:hidden;height:calc(150 * var(--s));margin:calc(14 * var(--s)) calc(-1 * var(--cp)) 0}
.tags{display:flex;flex-wrap:wrap;gap:calc(6 * var(--s));margin-top:calc(10 * var(--s))}
.tags span{display:inline-flex;align-items:center;height:calc(26 * var(--s));padding:0 calc(10 * var(--s));border-radius:999px;background:rgba(255,255,255,.62);border:1px solid color-mix(in srgb,var(--c) 18%,transparent);font-size:calc(12.5 * var(--s));line-height:1;color:var(--mut2);white-space:nowrap}
.card--dev .tags span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
.card .pi{width:calc(46 * var(--s));height:calc(46 * var(--s));border-radius:calc(13 * var(--s));background:#ffffff;margin-bottom:calc(12 * var(--s));box-shadow:0 1px 2px color-mix(in srgb,var(--c) 22%,transparent)}
.card b{font:500 20px/1.2 var(--f-d);letter-spacing:-.01em}
.card .who{font-size:calc(14.5 * var(--s));color:var(--mut2);max-width:30ch}
.bot{display:flex;align-items:center;justify-content:space-between;gap:calc(10 * var(--s));margin-top:calc(14 * var(--s))} /* цена слева, «Подробнее» справа */
.more{display:inline-flex;align-items:center;gap:calc(6 * var(--s));height:calc(36 * var(--s));padding:0 calc(14 * var(--s)) 0 calc(16 * var(--s));border-radius:999px;background:var(--ink);color:#ffffff;font-size:calc(13.5 * var(--s));font-weight:600;white-space:nowrap;flex:none}
.more svg{width:calc(16 * var(--s));height:calc(16 * var(--s))}
.card:hover .more{background:var(--c)}
.card--dev .more{background:#ffffff;color:#111316}
.card--dev:hover .more{background:#dfe4ec}
.card .pr{font-size:calc(14.5 * var(--s));font-weight:600;font-variant-numeric:tabular-nums}
.shot{position:absolute;left:10%;top:0;width:110%;max-width:none;height:auto;transform-origin:0 0;border-radius:calc(12 * var(--s)) 0 0 0;
  box-shadow:0 14px 40px -12px rgba(13,13,12,.28),0 0 0 1px rgba(13,13,12,.07)}
.card .pr--soon{color:var(--mut2);font-weight:500} /* продукт ещё в разработке - подпись вместо цены */
.card--dev{background:#111316;border-color:#111316;color:#ffffff}
.card--dev .pi{background:rgba(255,255,255,.1);color:#ffffff;box-shadow:none}
.card--dev .who{color:rgba(255,255,255,.66);max-width:none}
.why{display:grid;gap:20px}
.why div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:2px}
.why .wi{grid-row:span 2;width:calc(44 * var(--s));height:calc(44 * var(--s));display:grid;place-items:center;border-radius:calc(12 * var(--s));background:var(--teal-bg);color:var(--teal-t)}
.why .wi svg{width:calc(22 * var(--s));height:calc(22 * var(--s))}
.why b{font-weight:600}
.why span{font-size:calc(14.5 * var(--s));color:var(--mut)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:st}
.steps li{counter-increment:st;display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:2px;padding:16px;background:var(--sf);border:1px solid var(--line);border-radius:16px}
.steps li::before{content:counter(st);grid-row:span 2;width:calc(44 * var(--s));height:calc(44 * var(--s));display:grid;place-items:center;border-radius:calc(12 * var(--s));background:var(--sf2);font:500 calc(17 * var(--s))/1 var(--f-d);color:var(--ink)}
.steps b{font-weight:600}
.steps span{font-size:calc(14.5 * var(--s));color:var(--mut)}

/* заявка */
.cta{margin-top:56px;padding:26px 20px;background:var(--sf);border:1px solid var(--line);border-radius:calc(18 * var(--s));font-size:calc(15.5 * var(--s))}
.cta h2{margin:0;font:500 22px/1.2 var(--f-d);letter-spacing:-.015em;text-wrap:balance}
.cta p{margin:10px 0 0;color:var(--mut2)}
.form{display:grid;gap:10px;margin-top:18px}
.form input{width:100%;min-width:0;height:calc(50 * var(--s));padding:0 calc(16 * var(--s));border:1px solid var(--line2);border-radius:calc(12 * var(--s));background:var(--bg);color:var(--ink);font:inherit;font-size:calc(16 * var(--s))}
.form input::placeholder{color:var(--hint)}
.form input:focus{outline:none;border-color:var(--ink)}
.form .btn{width:100%;height:calc(50 * var(--s));border-radius:calc(12 * var(--s))}
.form .btn:disabled{opacity:.6;cursor:default}
.form-msg{font-size:calc(14 * var(--s));color:var(--teal-t)}
.form-msg.is-bad{color:#b8412a}
.cta__or{margin:14px 0 0;font-size:calc(14 * var(--s));color:var(--mut2)}
.cta__or a{color:var(--ink);font-weight:600;white-space:nowrap}

/* подвал */
.foot{margin-top:56px;padding-block:0 32px;font-size:calc(14 * var(--s));color:var(--mut)}
.foot__top{display:grid;gap:28px;padding-top:28px;border-top:1px solid var(--line2)}
.foot .brand{margin:0 0 10px;font-size:calc(18 * var(--s));gap:10px}
.foot .brand img{width:calc(32 * var(--s));height:calc(32 * var(--s))}
.foot__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.foot h3{margin:0 0 8px;font-size:calc(13 * var(--s));font-weight:600;color:var(--ink)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a:hover{color:var(--ink)}
.foot__req{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:calc(12.5 * var(--s));line-height:1.7;color:var(--hint)}
.foot__req b{color:var(--mut2);font-weight:600}
.foot__req a{text-decoration:underline;text-underline-offset:2px}
.float-wa{display:none}

@media (prefers-reduced-motion:no-preference){
  .btn,.card,.more{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .15s ease}
  .more svg{transition:transform .2s ease}
  .card:hover .more svg{transform:translateX(3px)}
  .shot{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
  .card:hover .shot{transform:scale(1.025)}
  .btn:active{transform:scale(.98)}
}

@media (min-width:760px){
  .sec{padding-top:calc(96 * var(--s))}
  .h2{margin-bottom:calc(28 * var(--s));font-size:calc(32 * var(--s))}
  .prog__head{margin-bottom:calc(36 * var(--s))}
  .prog__n{flex-basis:auto;padding-bottom:8px;white-space:nowrap}
  .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(16 * var(--s))}
  .card{--cp:calc(26 * var(--s));border-radius:calc(22 * var(--s))}
  .card--shot .win{height:calc(160 * var(--s))}
  .card b{font-size:calc(22 * var(--s))}
  .c-booking{grid-column:span 4}
  .c-shop,.c-resto,.c-factory,.c-meet{grid-column:span 2}
  .c-wa,.c-dev{grid-column:span 3}
  .c-shop .shot{left:12%;width:106%}
  .c-resto,.c-factory,.c-meet,.c-dev{display:flex;flex-direction:column}
  .c-resto .bot,.c-factory .bot,.c-meet .bot,.c-dev .bot{margin-top:auto;padding-top:calc(10 * var(--s))} /* кнопки в одном ряду на одной высоте */
  .why{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(32 * var(--s))}
  .why div{grid-template-columns:1fr;row-gap:6px}
  .why .wi{grid-row:auto;margin-bottom:10px}
  .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(16 * var(--s))}
  .steps li{grid-template-columns:1fr;row-gap:6px;padding:calc(24 * var(--s));border-radius:calc(16 * var(--s))}
  .steps li::before{grid-row:auto;margin-bottom:10px}
  .cta{margin-top:calc(104 * var(--s));padding:calc(56 * var(--s));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(20 * var(--s)) calc(48 * var(--s));align-items:center}
  .cta h2{font-size:calc(32 * var(--s))}
  .cta .form{margin-top:0}
  .cta__or{grid-column:2;margin-top:0}
  .foot{margin-top:calc(80 * var(--s));padding-block:0 40px}
  .foot__top{grid-template-columns:minmax(0,1fr) minmax(0,2fr);padding-top:36px}
}
@media (min-width:1001px){ /* широкие плитки: текст слева, скриншот справа во всю высоту */
  .c-booking,.c-wa{align-content:stretch;grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:calc(18 * var(--s));padding-bottom:var(--cp)}
  .c-booking .txt,.c-wa .txt{min-height:calc(250 * var(--s))}
  .c-booking .bot,.c-wa .bot{margin-top:auto;padding-top:calc(10 * var(--s))}
  .c-booking .win,.c-wa .win{height:auto;margin:calc(20 * var(--s)) calc(-1 * var(--cp)) calc(-1 * var(--cp)) 0}
  .c-booking .shot,.c-wa .shot{left:0;width:auto;height:100%} /* во всю высоту окна, правый край обрезается */
}
@media (min-width:900px){.foot__cols{grid-template-columns:repeat(4,minmax(0,1fr))}} /* на 760-900 четыре колонки не влезали: «Конфиденциальность» вылезала за экран */

/* ---- телефоны и планшеты: первый экран идёт обычным потоком ---- */
@media (max-width:1000px){
  .screen{height:auto;min-height:0;overflow:visible}
  .frame{width:100%;height:auto}
  .panel{position:relative;inset:auto;padding:0 0 56px;overflow:hidden}
  .bgs{left:0;width:auto;right:0}
  .nav{position:relative;height:64px;padding:0 var(--pad);gap:10px}
  .brand{font-size:18px;gap:10px}
  .brand img{width:32px;height:32px}
  .nav__links{display:none}
  .nav__btn{height:40px;padding:0 10px;border-radius:10px}
  .nav__btn span{display:none}
  .burger{display:grid}
  .htel{font-size:14px;gap:6px}
  .hl{position:relative;left:auto;top:auto;margin:32px var(--pad) 0;font-size:clamp(34px,10vw,88px)} /* «под контролем» должно влезать в 390px */
  .hl__slot{width:auto;height:2.7em}
  .hl__w{flex-direction:column;align-items:flex-start;gap:.16em}
  .ico{width:1.5em;height:1.5em}
  .row{position:relative;left:auto;right:auto;top:auto;margin:34px var(--pad) 0;flex-wrap:wrap;gap:10px}
  .sb{height:50px;padding:0 20px;border-radius:12px;font-size:15px}
  .cap{flex-basis:100%;margin:10px 0 0;font-size:15px;max-width:48ch}
  .cap br{display:none}
  .strip{position:relative;left:auto;width:auto;height:auto;padding:0 var(--pad) 28px}
  .strip__in{width:auto;max-width:none}
  .notch{height:calc(34px + 1.5px)}
  .hint{display:none} /* на телефоне листают и так */
  .strip__in{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:8px 0 0;align-items:start}
  .lduo{gap:8px}
  .lduo__t{width:48px;height:48px;border-radius:14px}
  .lduo__x{width:20px;height:20px}
  .strip__t{font-size:22px}
  .strip__d{max-width:none;font-size:14.5px}
}
@media (min-width:600px) and (max-width:1000px){.nav__btn{padding:0 16px}.nav__btn span{display:inline}}