:root {
  --gold: #ffd45a;
  --gold-strong: #ffbd18;
  --gold-soft: #fff0b5;
  --purple: #9d4dff;
  --purple-dark: #4f188a;
  --cyan: #56e7ff;
  --green: #45d690;
  --bg: #09070d;
  --bg-alt: #0e0a14;
  --panel: #15101d;
  --panel-2: #1b1425;
  --line: rgba(255, 255, 255, .1);
  --line-gold: rgba(255, 212, 90, .28);
  --text: #f8f5fb;
  --muted: #afa7ba;
  --muted-2: #7f778a;
  --shadow: 0 24px 70px rgba(0, 0, 0, .38);
  --radius: 22px;
  --shell: 1180px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -5;
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
  background-size: 46px 46px;
  content: "";
  pointer-events: none;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.shell { width: min(var(--shell), calc(100% - 36px)); margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.tracking-frame, .tracking-pixel { display: none; visibility: hidden; }

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000000;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fff;
  color: #111;
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform .2s ease;
}
.skip-link:focus { transform: none; }

.topbar {
  position: relative;
  z-index: 30;
  border-bottom: 1px solid rgba(255, 212, 90, .14);
  background: #07050a;
  color: #cfc8d6;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.topbar__inner { display: flex; align-items: center; justify-content: center; gap: 26px; min-height: 34px; }
.topbar strong, .topbar sup { color: var(--gold); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  background: rgba(9, 7, 13, .88);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
}
.header__inner { display: flex; align-items: center; min-height: 78px; gap: 28px; }
.brand { flex: 0 0 auto; border-radius: 10px; }
.brand img { width: 154px; }
.site-nav { display: flex; align-items: center; gap: 27px; margin-left: auto; }
.site-nav a { color: #c7c0ce; font-size: 13px; font-weight: 750; text-decoration: none; transition: color .2s ease; }
.site-nav a:hover { color: var(--gold); }
.header__actions { display: flex; gap: 9px; }
.menu-toggle { display: none; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 43px;
  padding: 0 19px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(0,0,0,.2);
  transition: transform .2s ease, filter .2s ease, border-color .2s ease, background-color .2s ease;
}
.button:hover { transform: translateY(-2px); filter: brightness(1.06); }
.button--large { min-height: 56px; padding-inline: 24px; border-radius: 14px; }
.button--gold { background: linear-gradient(135deg, #fff1a9, var(--gold-strong) 58%, #ae7400); color: #1a1000; box-shadow: 0 12px 32px rgba(255, 189, 24, .16); }
.button--purple { background: linear-gradient(135deg, #6423b9, #a850ff); color: #fff; box-shadow: 0 12px 32px rgba(157, 77, 255, .18); }
.button--cyan { border-color: rgba(86,231,255,.38); background: linear-gradient(135deg, #123d48, #0b222b); color: #8cefff; }
.button--ghost { border-color: var(--line); background: rgba(255,255,255,.035); color: #eee9f2; }
.button--outline { border-color: var(--line-gold); background: rgba(255,212,90,.045); color: var(--gold-soft); }

.hero {
  position: relative;
  isolation: isolate;
  min-height: 690px;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 75% 30%, rgba(118, 38, 196, .21), transparent 34%),
    linear-gradient(180deg, #0c0812, #09070d);
}
.hero::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(90deg, rgba(9,7,13,.2), transparent 52%, rgba(9,7,13,.28));
  content: "";
}
.hero__grid { display: grid; grid-template-columns: minmax(0, .94fr) minmax(390px, .78fr); align-items: center; gap: 72px; padding-block: 72px 82px; }
.hero__content { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 13px; color: var(--gold); font-size: 11px; font-weight: 950; letter-spacing: .17em; line-height: 1.4; }
.eyebrow > span { width: 23px; height: 2px; border-radius: 99px; background: var(--gold); box-shadow: 0 0 13px rgba(255,212,90,.7); }
.hero h1 { max-width: 680px; margin: 0; font-size: clamp(43px, 5.1vw, 69px); font-weight: 950; letter-spacing: -.052em; line-height: 1.02; text-wrap: balance; }
.hero h1::after { display: inline-block; width: 9px; height: 9px; margin: 0 0 6px 9px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 16px rgba(255,212,90,.75); content: ""; }
.hero__lead { max-width: 660px; margin: 22px 0 0; color: #bbb3c4; font-size: 16px; line-height: 1.8; text-wrap: pretty; }
.hero__buttons { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 29px; }
.hero__buttons .button { min-width: 177px; }
.hero__proof { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 25px 0 0; padding: 0; color: #9f97a8; font-size: 11px; font-weight: 750; list-style: none; }
.hero__proof span { color: var(--gold); }
.hero__media { position: relative; z-index: 1; justify-self: end; width: min(100%, 535px); }
.hero__frame { position: relative; padding: 8px; overflow: hidden; border: 1px solid rgba(255,212,90,.28); border-radius: 29px; background: linear-gradient(145deg, rgba(255,212,90,.12), rgba(157,77,255,.14)); box-shadow: var(--shadow), 0 0 70px rgba(116, 39, 191, .16); transform: rotate(1.2deg); }
.hero__frame::after { position: absolute; inset: 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 21px; content: ""; pointer-events: none; }
.hero__frame img { width: 100%; border-radius: 21px; }
.hero__badge { position: absolute; display: flex; align-items: center; gap: 9px; padding: 9px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(15,10,21,.91); box-shadow: 0 14px 40px rgba(0,0,0,.42); color: #d9d3df; font-size: 10px; font-weight: 800; backdrop-filter: blur(12px); }
.hero__badge span { color: var(--gold); font-size: 13px; font-weight: 950; }
.hero__badge--top { top: 26px; left: -35px; }
.hero__badge--bottom { right: -22px; bottom: 35px; }
.hero__glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.hero__glow--one { top: -240px; left: -140px; width: 620px; height: 620px; background: radial-gradient(circle, rgba(255,202,60,.10), transparent 68%); }
.hero__glow--two { right: -190px; bottom: -260px; width: 720px; height: 720px; background: radial-gradient(circle, rgba(129,41,216,.17), transparent 68%); }

.quick { position: relative; z-index: 4; margin-top: -32px; }
.quick__grid { display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: rgba(20,15,28,.97); box-shadow: 0 18px 55px rgba(0,0,0,.34); }
.quick-card { display: flex; align-items: center; gap: 11px; min-height: 82px; padding: 15px; border-right: 1px solid var(--line); text-decoration: none; transition: background-color .2s ease; }
.quick-card:last-child { border-right: 0; }
.quick-card:hover { background: rgba(255,212,90,.045); }
.quick-card__icon { flex: 0 0 35px; display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(255,212,90,.2); border-radius: 10px; background: rgba(255,212,90,.06); color: var(--gold); font-size: 16px; font-weight: 950; }
.quick-card strong, .quick-card small { display: block; }
.quick-card strong { color: #f6f2f9; font-size: 12px; line-height: 1.25; }
.quick-card small { margin-top: 4px; color: var(--muted-2); font-size: 10px; line-height: 1.25; }

.section { padding-block: 92px; }
.section--compact { padding-block: 22px 82px; }
.section--panel { border-block: 1px solid var(--line); background: linear-gradient(180deg, #0d0913, #0a0710); }
.split { display: grid; grid-template-columns: minmax(0, .93fr) minmax(380px, .72fr); align-items: center; gap: 78px; }
.section h2 { margin: 0; font-size: clamp(31px, 4vw, 47px); font-weight: 950; letter-spacing: -.038em; line-height: 1.12; text-wrap: balance; }
.section-copy > p:not(.eyebrow), .section-heading > p, .faq-intro > p:not(.eyebrow) { color: var(--muted); }
.section-copy > p { max-width: 690px; }
.section-copy > h2 + p { margin-top: 20px; }
.inline-actions { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 25px; }
.text-link { color: var(--gold-soft); font-size: 12px; font-weight: 850; text-decoration: none; }
.text-link:hover { color: var(--gold); }

.feature-panel { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.022)); box-shadow: 0 20px 60px rgba(0,0,0,.25); }
.feature-panel__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.feature-panel__label { color: #d8d1df; font-size: 10px; font-weight: 950; letter-spacing: .15em; }
.status { display: flex; align-items: center; gap: 6px; color: #9c94a7; font-size: 9px; font-weight: 750; }
.status i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px rgba(69,214,144,.8); }
.feature-list > div { display: grid; grid-template-columns: 37px 1fr; gap: 13px; padding-block: 17px; border-bottom: 1px solid rgba(255,255,255,.075); }
.feature-list > div:last-child { padding-bottom: 0; border-bottom: 0; }
.feature-list > div > span { display: grid; place-items: center; width: 35px; height: 29px; border: 1px solid var(--line-gold); border-radius: 8px; background: rgba(255,212,90,.055); color: var(--gold); font-size: 10px; font-weight: 950; }
.feature-list p, .feature-list strong, .feature-list small { display: block; margin: 0; }
.feature-list strong { color: #f5f1f8; font-size: 13px; }
.feature-list small { margin-top: 3px; color: var(--muted-2); font-size: 11px; line-height: 1.5; }

.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 50px; margin-bottom: 31px; }
.section-heading > p { max-width: 370px; margin: 0; font-size: 13px; text-align: right; }
.category-grid { display: grid; grid-template-columns: 1.18fr repeat(3, 1fr); gap: 13px; }
.category-card { position: relative; min-height: 320px; padding: 25px; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.category-card::after { position: absolute; right: -50px; bottom: -55px; width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(circle, rgba(157,77,255,.15), transparent 70%); content: ""; }
.category-card--image { display: flex; flex-direction: column; justify-content: end; min-height: 390px; }
.category-card--image > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.category-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 23%, rgba(6,4,9,.36) 50%, rgba(6,4,9,.98) 100%); }
.category-card__content { position: relative; z-index: 2; }
.category-card__index { position: relative; z-index: 2; display: inline-flex; align-items: center; min-height: 25px; margin-bottom: 52px; padding-inline: 9px; border: 1px solid var(--line-gold); border-radius: 7px; background: rgba(255,212,90,.06); color: var(--gold); font-size: 9px; font-weight: 950; letter-spacing: .08em; }
.category-card--image .category-card__index { margin-bottom: 13px; }
.category-card__symbol { position: absolute; top: 77px; left: 25px; color: rgba(255,212,90,.75); font-size: 44px; line-height: 1; }
.category-card h3 { position: relative; z-index: 2; margin: 0; color: #fff; font-size: 18px; font-weight: 900; letter-spacing: -.02em; line-height: 1.3; }
.category-card p { position: relative; z-index: 2; margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.category-card--image p { color: #c9c1d0; }

.rtp-note { display: grid; grid-template-columns: 108px 1fr auto; align-items: center; gap: 25px; margin-top: 15px; padding: 18px 20px; border: 1px solid var(--line-gold); border-radius: 18px; background: linear-gradient(115deg, rgba(255,212,90,.075), rgba(157,77,255,.055)); }
.rtp-note > img { width: 105px; }
.rtp-note h3 { margin: 0; font-size: 19px; line-height: 1.3; }
.rtp-note p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 12px; }

.install-card { display: grid; grid-template-columns: minmax(330px, .83fr) minmax(0, 1fr); align-items: center; gap: 50px; padding: 28px; border: 1px solid var(--line); border-radius: 26px; background: linear-gradient(135deg, rgba(157,77,255,.09), rgba(255,212,90,.05)); box-shadow: var(--shadow); }
.install-card__image { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 17px; box-shadow: 0 18px 40px rgba(0,0,0,.28); }
.install-card__image img { width: 100%; }
.install-card__copy { padding-right: 30px; }
.install-card__copy h2 { font-size: clamp(28px, 3.6vw, 42px); }
.install-card__copy > p:not(.eyebrow) { margin: 17px 0 24px; color: var(--muted); }

.security { display: grid; grid-template-columns: 54px minmax(0, 1fr) minmax(280px, .58fr); align-items: center; gap: 22px; padding: 27px; border: 1px solid var(--line-gold); border-radius: 20px; background: linear-gradient(125deg, rgba(255,212,90,.075), rgba(157,77,255,.06)); }
.security__icon { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(255,212,90,.34); border-radius: 15px; background: rgba(255,212,90,.08); color: var(--gold); font-size: 21px; font-weight: 950; }
.security h2 { font-size: 24px; }
.security__copy p:not(.eyebrow) { margin: 6px 0 0; color: var(--muted); font-size: 12px; }
.security__list { margin: 0; padding: 0; list-style: none; }
.security__list li { display: grid; grid-template-columns: 26px 1fr; gap: 7px; margin-top: 7px; color: #bbb4c3; font-size: 11px; }
.security__list span { color: var(--gold); font-size: 9px; font-weight: 950; }

.faq-layout { display: grid; grid-template-columns: minmax(260px, .48fr) minmax(0, 1fr); align-items: start; gap: 75px; }
.faq-intro { position: sticky; top: 120px; }
.faq-intro h2 { font-size: clamp(31px, 3.6vw, 44px); }
.faq-intro .button { margin-top: 15px; }
.faq-list details { margin-bottom: 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.03); }
.faq-list details[open] { border-color: rgba(255,212,90,.23); background: rgba(255,212,90,.028); }
.faq-list summary { position: relative; padding: 18px 52px 18px 18px; color: #f4f0f7; cursor: pointer; font-size: 13px; font-weight: 850; line-height: 1.45; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span::before, .faq-list summary span::after { position: absolute; top: 50%; right: 19px; width: 14px; height: 2px; border-radius: 2px; background: var(--gold); content: ""; transform: translateY(-50%); transition: transform .2s ease; }
.faq-list summary span::after { transform: translateY(-50%) rotate(90deg); }
.faq-list details[open] summary span::after { transform: translateY(-50%); }
.faq-list details p { margin: 0; padding: 0 18px 18px; color: var(--muted); font-size: 12px; line-height: 1.7; }

.responsible { border-block: 1px solid var(--line); background: #0d0a11; }
.responsible__inner { display: grid; grid-template-columns: 230px 1fr; align-items: center; gap: 35px; padding-block: 25px; }
.responsible strong { color: var(--gold-soft); font-size: 13px; }
.responsible p { margin: 0; color: var(--muted-2); font-size: 11px; }

.footer { padding: 55px 0 105px; background: #070509; }
.footer__grid { display: grid; grid-template-columns: 1.35fr .7fr .9fr .75fr; gap: 58px; }
.footer__brand img { width: 155px; }
.footer__brand p { max-width: 310px; margin: 17px 0 0; color: var(--muted-2); font-size: 11px; }
.footer__nav strong, .footer__social > strong { display: block; margin-bottom: 15px; color: #f5f1f7; font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.footer__nav a { display: block; margin-top: 9px; color: #928a9d; font-size: 11px; text-decoration: none; }
.footer__nav a:hover { color: var(--gold); }
.footer__social > div { display: flex; flex-wrap: wrap; gap: 8px; }
.footer__social a { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.035); color: #c9c2d0; font-size: 11px; font-weight: 900; text-decoration: none; }
.footer__social a:hover { border-color: var(--line-gold); color: var(--gold); }
.footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 43px; padding-top: 20px; border-top: 1px solid var(--line); }
.footer__bottom p { margin: 0; color: #696171; font-size: 10px; }

.floating-actions { position: fixed; right: 13px; bottom: 100px; z-index: 990; display: flex; flex-direction: column; gap: 10px; }
.floating-actions a { position: relative; display: grid; place-items: center; width: 55px; height: 55px; border: 1px solid var(--line-gold); border-radius: 16px; background: #17111d; box-shadow: 0 12px 35px rgba(0,0,0,.4); text-decoration: none; transition: transform .2s ease; }
.floating-actions a:hover { transform: translateY(-2px); }
.floating-actions img { width: 47px; height: 47px; object-fit: contain; }
.floating-actions__wa { border-color: rgba(69,214,144,.38) !important; background: linear-gradient(145deg,#123426,#0a2017) !important; }
.floating-actions__wa-icon { color: #5ae69b; font-size: 27px; }
.floating-actions a > span:last-child { position: absolute; top: 50%; right: 66px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; background: #100d14; color: #fff; font-size: 10px; font-weight: 800; white-space: nowrap; opacity: 0; visibility: hidden; transform: translate(7px,-50%); transition: .18s ease; }
.floating-actions a:hover > span:last-child, .floating-actions a:focus-visible > span:last-child { opacity: 1; visibility: visible; transform: translate(0,-50%); }

.install-bar { position: fixed; left: 50%; bottom: calc(14px + env(safe-area-inset-bottom)); z-index: 980; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; width: min(610px, calc(100% - 28px)); min-height: 70px; padding: 11px 13px; border: 1px solid var(--line-gold); border-radius: 18px; background: rgba(18,13,24,.97); box-shadow: 0 20px 60px rgba(0,0,0,.58); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 120px); transition: transform .4s ease, opacity .3s ease, visibility .3s ease; backdrop-filter: blur(15px); }
.install-bar.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,0); }
.install-bar > img { width: 75px; }
.install-bar > div strong, .install-bar > div span { display: block; }
.install-bar > div strong { font-size: 13px; }
.install-bar > div span { margin-top: 2px; color: var(--muted); font-size: 10px; }
.install-bar > a { display: inline-flex; align-items: center; justify-content: center; min-height: 39px; padding-inline: 15px; border-radius: 10px; background: linear-gradient(135deg,#fff0a7,var(--gold-strong)); color: #1a1000; font-size: 10px; font-weight: 950; text-decoration: none; }
.install-bar__close { position: absolute; top: -9px; right: -7px; display: grid; place-items: center; width: 27px; height: 27px; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: #2b2432; color: #fff; cursor: pointer; font-size: 18px; line-height: 1; }

.legal-main { min-height: 65vh; padding: 70px 0 95px; }
.legal { max-width: 850px; }
.legal h1 { margin: 0; font-size: clamp(37px,5vw,58px); letter-spacing: -.045em; line-height: 1.08; }
.legal h2 { margin: 36px 0 9px; font-size: 21px; }
.legal p, .legal li { color: var(--muted); font-size: 14px; }
.legal a { color: var(--gold); }
.legal__updated { margin: 14px 0 32px; color: var(--muted-2) !important; font-size: 11px !important; }
.archive-notice { margin: 26px 0; padding: 17px 19px; border: 1px solid var(--line-gold); border-radius: 14px; background: rgba(255,212,90,.045); color: #c7c0ce; font-size: 12px; }
.archive-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 28px; }
.archive-grid a { display: block; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.03); color: #f3eef6; font-size: 13px; font-weight: 850; text-decoration: none; }
.archive-grid a span { display: block; margin-top: 4px; color: var(--muted-2); font-size: 10px; font-weight: 600; }

a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 1040px) {
  .site-nav { gap: 17px; }
  .hero__grid { gap: 42px; }
  .category-grid { grid-template-columns: repeat(2,1fr); }
  .category-card--image { min-height: 340px; }
  .footer__grid { grid-template-columns: 1.2fr repeat(3,1fr); gap: 35px; }
}

@media (max-width: 820px) {
  .topbar__inner span:nth-child(2) { display: none; }
  .header__inner { min-height: 70px; }
  .brand img { width: 133px; }
  .menu-toggle { order: 3; display: grid; gap: 4px; width: 42px; height: 42px; margin-left: auto; padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.035); cursor: pointer; }
  .menu-toggle > span:not(.sr-only) { display: block; width: 19px; height: 2px; margin: auto; border-radius: 99px; background: #fff; }
  .header__actions { margin-left: auto; }
  .site-nav { position: absolute; top: 70px; right: 18px; left: 18px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 9px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,13,24,.98); box-shadow: var(--shadow); }
  .site-nav.is-open { display: flex; }
  .site-nav a { padding: 12px; border-bottom: 1px solid rgba(255,255,255,.07); }
  .site-nav a:last-child { border-bottom: 0; }
  .hero { min-height: 0; }
  .hero__grid { grid-template-columns: 1fr; padding-block: 58px 78px; }
  .hero__content { text-align: center; }
  .hero .eyebrow, .hero__buttons, .hero__proof { justify-content: center; }
  .hero h1, .hero__lead { margin-inline: auto; }
  .hero__media { justify-self: center; width: min(100%, 530px); }
  .quick__grid { grid-template-columns: repeat(3,1fr); }
  .quick-card:nth-child(3) { border-right: 0; }
  .quick-card:nth-child(n+4) { border-top: 1px solid var(--line); }
  .quick-card:nth-child(4) { grid-column: span 1; }
  .quick-card:last-child { grid-column: span 2; }
  .split, .install-card, .faq-layout { grid-template-columns: 1fr; gap: 38px; }
  .faq-intro { position: static; }
  .section-heading { align-items: start; flex-direction: column; gap: 12px; }
  .section-heading > p { max-width: 580px; text-align: left; }
  .rtp-note { grid-template-columns: 90px 1fr; }
  .rtp-note > img { width: 88px; }
  .rtp-note > .button { grid-column: 1/-1; }
  .install-card__copy { padding: 0 5px 6px; }
  .security { grid-template-columns: 54px 1fr; }
  .security__list { grid-column: 1/-1; }
  .footer__grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 560px) {
  .shell { width: min(100% - 26px, var(--shell)); }
  .topbar { font-size: 9px; }
  .topbar__inner { justify-content: space-between; gap: 10px; }
  .site-header { top: 0; }
  .header__inner { gap: 8px; }
  .header__actions { gap: 5px; }
  .header__actions .button { min-height: 37px; padding-inline: 12px; border-radius: 9px; font-size: 10px; }
  .menu-toggle { order: 0; width: 38px; height: 38px; margin-left: 0; padding: 8px; }
  .brand { order: 1; margin-right: auto; }
  .brand img { width: 104px; }
  .header__actions { order: 2; }
  .site-nav { top: 64px; }
  .hero__grid { gap: 38px; padding-block: 45px 70px; }
  .hero h1 { font-size: 39px; }
  .hero__lead { font-size: 14px; }
  .hero__buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .hero__buttons .button { min-width: 0; padding-inline: 10px; font-size: 11px; }
  .hero__proof { gap: 6px 12px; font-size: 9px; }
  .hero__frame { padding: 6px; border-radius: 21px; }
  .hero__frame img { border-radius: 15px; }
  .hero__badge { padding: 7px 9px; font-size: 8px; }
  .hero__badge--top { top: 16px; left: -5px; }
  .hero__badge--bottom { right: -3px; bottom: 18px; }
  .quick { margin-top: -26px; }
  .quick__grid { grid-template-columns: repeat(2,1fr); border-radius: 15px; }
  .quick-card { min-height: 70px; padding: 11px; }
  .quick-card:nth-child(2n) { border-right: 0; }
  .quick-card:nth-child(3) { border-right: 1px solid var(--line); }
  .quick-card:nth-child(n+3) { border-top: 1px solid var(--line); }
  .quick-card:last-child { grid-column: 1/-1; }
  .quick-card__icon { flex-basis: 31px; width: 31px; height: 31px; }
  .section { padding-block: 68px; }
  .section--compact { padding-block: 0 62px; }
  .section h2 { font-size: 32px; }
  .category-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 240px; }
  .category-card--image { min-height: 390px; }
  .rtp-note { grid-template-columns: 73px 1fr; gap: 14px; padding: 14px; }
  .rtp-note > img { width: 72px; }
  .rtp-note h3 { font-size: 16px; }
  .install-card { gap: 26px; padding: 13px; border-radius: 19px; }
  .install-card__copy { padding: 4px 6px 10px; }
  .security { grid-template-columns: 42px 1fr; gap: 13px; padding: 17px; }
  .security__icon { width: 42px; height: 42px; border-radius: 12px; }
  .security h2 { font-size: 21px; }
  .responsible__inner { grid-template-columns: 1fr; gap: 6px; }
  .footer { padding-bottom: 155px; }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 35px 22px; }
  .footer__brand { grid-column: 1/-1; }
  .footer__bottom { align-items: start; flex-direction: column; }
  .floating-actions { right: 9px; bottom: 142px; }
  .floating-actions a { width: 49px; height: 49px; border-radius: 14px; }
  .floating-actions img { width: 41px; height: 41px; }
  .floating-actions a > span:last-child { display: none; }
  .install-bar { bottom: calc(64px + env(safe-area-inset-bottom)); width: calc(100% - 16px); min-height: 62px; grid-template-columns: 62px 1fr auto; gap: 8px; padding: 8px 9px; border-radius: 15px; }
  .install-bar > img { width: 62px; }
  .install-bar > div span { display: none; }
  .install-bar > a { min-height: 37px; padding-inline: 12px; font-size: 9px; }
  .archive-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}