@font-face{font-family:"Martian Grotesk";font-weight:500;font-display:swap;src:url(/assets/fonts/martian-grotesk-medium.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url(/assets/fonts/manrope-latin-wght-normal.woff2) format("woff2");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,U+FEFF,U+FFFD}

/* ---------- tokens ---------- */
:root{
  --bg:#121317;--surface:#1e2025;--surface-high:#292b31;--text:#e3e2e9;--text-2:#c4c7d0;
  --outline:#43474f;--primary:#006fe0;--on-primary:#f4f7fd;--glow:rgba(0,111,224,.22);--phone-shadow:drop-shadow(0 6px 16px rgba(0,0,0,.28));
  --card-stroke:rgba(255,255,255,.14);--btn-rim:rgba(244,247,253,.35);--btn-shade:rgba(10,23,51,.18);
  --r-s:8px;--r-m:12px;--r-l:20px;--r-xl:28px;--r-btn:14px;--r-chip:10px;
  --container:1200px;--gutter:40px;
  --f-hero:48px/64px;--f-h1:40px/54px;--f-h2:36px/44px;--f-h3:24px/32px;--f-card:20px/28px;
  --f-lead:20px/32px;--f-body:17px/28px;--f-small:14px/22px;--f-nav:15px/20px;--f-btn:16px/20px;--f-eyebrow:13px/16px;
  --sec:120px;--ff-d:"Martian Grotesk",Manrope,system-ui,sans-serif;--ls-hero:-.02em;--ls-h1:-.015em;--ls-h2:-.01em;--ls-h3:0;--ff:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color-scheme:dark;
}
:root[data-theme=light]{
  --bg:#f7f7fa;--surface:#eaedf3;--surface-high:#e4e7ee;--text:#1a1b20;--text-2:#43474f;
  --outline:#c3c7d0;--glow:rgba(0,111,224,.10);--phone-shadow:drop-shadow(0 6px 16px rgba(24,32,56,.10));--card-stroke:rgba(0,0,0,.10);--btn-rim:rgba(244,247,253,0);--btn-shade:rgba(10,23,51,0);
  color-scheme:light;
}
@media (max-width:1023px){:root{
  --gutter:32px;--sec:96px;
  --f-hero:48px/56px;--f-h1:34px/44px;--f-h2:30px/38px;--f-h3:22px/26px;--f-lead:18px/28px;--f-body:16px/26px;
}}
@media (max-width:639px){:root{
  --gutter:16px;--sec:64px;
  --f-hero:26px/36px;--f-h1:24px/36px;--f-h2:20px/32px;--f-h3:16px/28px;--f-card:18px/24px;--f-lead:16px/24px;
  --f-body:15px/22px;--f-small:13px/20px;--f-btn:15px/20px;--f-eyebrow:12px/16px;
}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--text);font:500 var(--f-body) Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--primary);color:var(--on-primary);padding:10px 16px;border-radius:var(--r-m);z-index:100}
.skip:focus{top:12px}

h1,h2,h3,.hero-title{text-wrap:balance}
.hero-title{font:500 var(--f-hero) var(--ff-d);letter-spacing:var(--ls-hero)}
h1{font:500 var(--f-h1) var(--ff-d);letter-spacing:var(--ls-h1)}
h2{font:500 var(--f-h2) var(--ff-d);letter-spacing:var(--ls-h2)}
h3{font:500 var(--f-h3) var(--ff-d);letter-spacing:var(--ls-h3)}
.eyebrow{font:800 var(--f-eyebrow) var(--ff);letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}
.lead{font:500 var(--f-lead) var(--ff);color:var(--text-2)}
.muted{color:var(--text-2)}
.small{font:500 var(--f-small) var(--ff)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 22px;border-radius:var(--r-btn);border:0;text-decoration:none;font:700 var(--f-btn) var(--ff);background:var(--primary);color:var(--on-primary);box-shadow:inset 0 1px 0 var(--btn-rim),inset 0 -3px 4px var(--btn-shade);transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.1)}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:var(--surface-high);color:var(--text);box-shadow:inset 0 0 0 1px var(--card-stroke)}
.btn--sm{min-height:40px;padding:10px 16px}
.card{background:var(--surface);border:1px solid var(--card-stroke);border-radius:var(--r-xl)}

/* ---------- header ---------- */
.header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--card-stroke)}
.header__in{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:500 24px/32px var(--ff-d)}
.brand img{width:40px;height:40px}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{font:600 var(--f-nav) var(--ff);text-decoration:none;color:var(--text-2);padding:8px 0}
.nav a:hover,.nav a[aria-current]{color:var(--text)}
.header__tools{display:flex;align-items:center;gap:16px}
.lang{display:inline-flex;padding:3px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--card-stroke)}
.lang button{border:0;background:none;padding:6px 10px;border-radius:9px;font:700 13px/16px Manrope,sans-serif;color:var(--text-2)}
.lang button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}
.theme-btn{width:42px;height:42px;border:1px solid var(--card-stroke);border-radius:var(--r-m);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.theme-btn:hover{background:var(--surface-high)}
:root[data-theme=light] .i-sun,:root:not([data-theme=light]) .i-moon{display:none}
.m-theme{display:none}
.burger{display:none;width:44px;height:44px;border:1px solid var(--card-stroke);border-radius:var(--r-m);background:var(--surface);align-items:center;justify-content:center}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);position:relative;content:""}
.burger span::before{position:absolute;top:-6px}.burger span::after{position:absolute;top:6px}
.menu{display:none}
@media (max-width:1023px){
  .nav,.header__tools .btn{display:none}
  .header__tools{margin-left:auto}
  .burger{display:inline-flex}
  .header__in{height:64px}
  .menu{position:fixed;inset:64px 0 0;background:var(--bg);z-index:49;padding:24px var(--gutter);overflow:auto}
  .menu.is-open{display:block}
  .menu a.m-link{display:block;padding:18px 0;border-bottom:1px solid var(--outline);font:500 var(--f-h3) var(--ff-d);text-decoration:none}
  .menu .store{margin-top:32px}
}
@media (max-width:639px){
  .header__in{gap:12px}
  .header__tools>.theme-btn{display:none}
  .m-theme{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--outline);font:500 var(--f-h3) var(--ff-d)}
}

/* ---------- store badges ---------- */
.store{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.badge{display:block;height:56px}
.badge img{height:56px;width:auto}
.badge--off{opacity:.3;pointer-events:none}
.notes{display:flex;flex-direction:column;gap:6px;margin-top:20px;font:600 var(--f-small) var(--ff);color:var(--text-2)}

/* ---------- hero ---------- */
.hero{padding:72px 0 var(--sec);position:relative;overflow:hidden;isolation:isolate}
.hero::before{z-index:-1;content:"";position:absolute;width:900px;height:900px;right:-200px;top:-200px;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.hero__in{display:grid;grid-template-columns:640px 1fr;gap:48px;align-items:center;position:relative}
.hero__text{display:flex;flex-direction:column;gap:24px}
.app-icon{width:72px;height:72px;border-radius:20px}
.hero__title-block{display:flex;flex-direction:column;gap:16px}
.hero__text .lead{max-width:560px}
.hero__visual{position:relative;height:720px;min-width:0}
.hero__visual .phone{position:absolute;width:300px;max-width:100%;aspect-ratio:300/641;filter:var(--phone-shadow)}
.hero__visual .phone:nth-child(1){left:0;top:70px;z-index:2}
.hero__visual .phone:nth-child(2){left:232px;top:0;z-index:1}
@media (max-width:1279px){.hero__in{grid-template-columns:1fr}.hero__visual{height:auto;display:flex;justify-content:center;gap:16px;margin-top:24px}.hero__visual .phone{position:static;transform:none!important}}
@media (max-width:639px){.hero{padding:32px 0 var(--sec)}.app-icon{width:56px;height:56px;border-radius:16px}.hero__visual .phone:nth-child(2){display:none}}

/* ---------- phone / app-screen slots ---------- */
.phone{width:300px;max-width:100%;aspect-ratio:300/641;filter:var(--phone-shadow)}
.phone img{width:100%;height:100%;object-fit:cover}
.phone--feat{width:264px;aspect-ratio:500/1056}
.crop{width:300px;max-width:100%;aspect-ratio:300/400}
.crop img{width:100%;height:100%;object-fit:cover}

/* ---------- features ---------- */
.section{padding:0 0 var(--sec)}
.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:64px;max-width:760px}
.details{display:flex;flex-direction:column;gap:32px}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:64px;align-items:center;min-height:530px;position:relative;overflow:hidden}
.detail{isolation:isolate}
.detail::before{z-index:-1;content:"";position:absolute;width:520px;height:520px;right:-120px;bottom:-200px;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.detail:nth-child(even)::before{right:auto;left:-120px}
.detail__text{z-index:1;display:flex;flex-direction:column;gap:20px;position:relative}
.detail__text p{color:var(--text-2)}
.detail__media{display:flex;justify-content:center;position:relative;z-index:1}
.detail:nth-child(even) .detail__media{order:-1}
.bullets{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.bullets li{display:flex;gap:12px;align-items:flex-start;font:600 var(--f-small) var(--ff)}
.bullets li::before{content:"";flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--primary)}
@media (max-width:1023px){.detail{grid-template-columns:1fr;gap:32px;padding:40px;min-height:0}.detail:nth-child(even) .detail__media{order:0}.sec-head{margin-bottom:40px}}
@media (max-width:639px){.bullets li br{display:none}.detail{padding:24px 20px;border-radius:var(--r-l);gap:24px}.sec-head{margin-bottom:32px}.details{gap:16px}}

/* ---------- screenshots ---------- */
.shots{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.shot{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.shot .phone{width:100%;aspect-ratio:214/452;max-width:214px;filter:var(--phone-shadow)}
.shot figcaption{font:700 var(--f-small) var(--ff);color:var(--text-2)}
.shot{margin:0}
@media (max-width:1023px){.shots{grid-template-columns:repeat(3,1fr)}}
@media (max-width:639px){.shots{grid-template-columns:repeat(2,1fr);gap:16px 12px}.shot .phone{max-width:100%}}

/* ---------- CTA ---------- */
.cta{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;padding:64px;position:relative;overflow:hidden}
.cta{isolation:isolate}
.cta::before{z-index:-1;content:"";position:absolute;width:700px;height:700px;left:-150px;top:-300px;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.cta__text{display:flex;flex-direction:column;gap:20px;position:relative}
.qr{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;position:relative;width:240px}
.qr__box{width:240px;height:240px;border-radius:var(--r-l);background:#fff;padding:16px;display:grid;place-items:center;color:#555;font:600 13px/16px Manrope}
.qr__box img{width:100%;height:100%}
.qr p{font:600 var(--f-small) var(--ff);color:var(--text-2)}
@media (max-width:1023px){.cta{padding:40px;grid-template-columns:1fr}.qr{display:none}}
@media (max-width:639px){.cta{padding:28px 20px;border-radius:var(--r-l)}}

/* ---------- footer ---------- */
.footer{border-top:1px solid var(--card-stroke);padding:56px 0 40px;background:var(--bg)}
.footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footer__brand{display:flex;flex-direction:column;gap:16px}
.footer h3{font:700 var(--f-eyebrow) var(--ff);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:16px}
.footer li+li{margin-top:10px}
.footer a{text-decoration:none;font:600 var(--f-nav) var(--ff)}
.footer a:hover{color:var(--primary)}
.footer__bottom{margin-top:40px;padding-top:24px;border-top:1px solid var(--outline);display:flex;flex-direction:column;gap:8px;font:500 var(--f-small) var(--ff);color:var(--text-2)}
@media (max-width:639px){.footer__top{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}

/* ---------- inner pages ---------- */
.page{padding:64px 0 var(--sec)}
.page__head{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-bottom:56px}
.meta{display:flex;flex-direction:column;gap:4px;font:600 var(--f-small) var(--ff);color:var(--text-2);margin-top:8px}
.doc{display:grid;grid-template-columns:280px minmax(0,800px);gap:56px;align-items:start}
.toc{position:sticky;top:96px;padding:24px;border-radius:var(--r-l)}
.toc h2{font:700 var(--f-eyebrow) var(--ff);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px}
.toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;counter-reset:t}
.toc a{display:block;padding:7px 10px;border-radius:var(--r-s);text-decoration:none;font:600 14px/20px Manrope;color:var(--text-2)}
.toc a:hover,.toc a.is-active{background:var(--surface-high);color:var(--text)}
.prose section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--outline)}
.prose section:last-child{border:0;margin:0;padding:0}
.prose h2{font:500 var(--f-h3) var(--ff-d);margin-bottom:16px}
.prose p,.prose li{color:var(--text-2)}
.prose p+p,.prose p+ul,.prose ul+p{margin-top:16px}
.prose ul{display:flex;flex-direction:column;gap:12px}
.prose li{position:relative;padding-left:22px}
.prose li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--primary)}
.prose a{color:var(--primary)}
@media (max-width:1023px){.doc{grid-template-columns:1fr;gap:32px}.toc{position:static}.page{padding-top:40px}.page__head{margin-bottom:32px}}

/* support */
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.pane{padding:40px;display:flex;flex-direction:column;gap:16px}
.mail{font:500 var(--f-h3) var(--ff-d);color:var(--primary);text-decoration:none;overflow-wrap:anywhere}
.steps{counter-reset:s;display:flex;flex-direction:column;gap:14px;margin-top:4px}
.steps li{counter-increment:s;display:flex;gap:14px;align-items:flex-start;font:600 var(--f-small) var(--ff)}
.steps li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:var(--r-chip);background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font:800 13px/1 Manrope}
.hint{font:500 var(--f-small) var(--ff);color:var(--text-2)}
.soon{margin-bottom:var(--sec);border-radius:var(--r-xl);border:1px solid var(--card-stroke);background:var(--surface)}
.soon summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:24px 32px;font:800 var(--f-card) var(--ff)}
.soon summary::-webkit-details-marker{display:none}
.soon summary .tag{margin-left:auto;font:700 12px/16px Manrope;padding:6px 10px;border-radius:var(--r-chip);background:var(--surface-high);color:var(--text-2)}
.soon form{padding:0 32px 32px;display:grid;gap:20px;opacity:.45;pointer-events:none}
.field{display:grid;gap:8px}
.field>span{font:700 var(--f-small) var(--ff)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:10px 16px;border-radius:var(--r-chip);background:var(--surface-high);font:700 var(--f-small) var(--ff)}
.chip:first-child{background:var(--primary);color:var(--on-primary)}
.input,.drop{border-radius:var(--r-m);border:1px solid var(--outline);background:var(--bg);padding:14px 16px;font:500 var(--f-body) var(--ff);color:var(--text);width:100%}
textarea.input{min-height:120px;resize:none}
.drop{border-style:dashed;text-align:center;display:grid;gap:4px;padding:28px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.faq-card{padding:28px;display:flex;flex-direction:column;gap:16px}
.faq-card .crop{width:100%;aspect-ratio:16/9}
.faq-card .crop:has(img[hidden]){display:none}
.faq-card h3{font:800 var(--f-card) var(--ff)}
.faq-card p{color:var(--text-2);font:500 var(--f-small) var(--ff)}
@media (max-width:1023px){.support-grid,.faq{grid-template-columns:1fr}.pane{padding:28px}}
@media (max-width:639px){.pane,.faq-card{padding:20px}.soon summary{padding:20px}.soon form{padding:0 20px 24px}}

/* 404 */
.nf{min-height:calc(100vh - 72px - 260px);display:grid;place-items:center;text-align:center;padding:64px 0}
.nf__in{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:520px}
.nf__code{font:500 clamp(96px,22vw,200px)/1 var(--ff-d);color:var(--primary);letter-spacing:-.04em}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}
@media (max-width:639px){.store{gap:12px}.badge,.badge img{height:46px}}

.cta--solo{grid-template-columns:1fr}