@font-face{font-family:B612;src:url(/fonts/B612-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:B612;src:url(/fonts/B612-Bold.ttf);font-weight:700;font-display:swap}
:root{color-scheme:light dark;--bg:light-dark(#F4EFE3,#1B1814);--card:light-dark(#FBF8F0,#262119);--soft:light-dark(#DDEBF0,#1D3340);--ink:light-dark(#1F1B15,#F4EFE3);--mut:light-dark(#5B5344,#B3A998);--acc:light-dark(#00699B,#52B8E8);--onacc:light-dark(#fff,#0B1F2A);--line:light-dark(#E0D8C6,#38312A);--spark:#F58220}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 -apple-system,system-ui,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--acc)}a:hover{color:var(--ink)}a:focus-visible,summary:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--acc);color:var(--onacc);padding:8px 16px;border-radius:10px;z-index:9}.skip:focus{left:8px}
h1,h2,h3,.brand,.display{font-family:B612,system-ui,sans-serif;font-weight:700;color:var(--ink);margin:0;text-wrap:balance}
header.top{padding:12px clamp(20px,5vw,72px);border-bottom:1px solid var(--line)}
.wrap{max-width:1200px;margin:0 auto}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font-size:22px}.brand img{width:40px;height:40px;border-radius:9px}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 4px}
nav a{min-height:44px;padding:0 12px;display:flex;align-items:center;font:600 16px -apple-system,system-ui,sans-serif;color:var(--ink);text-decoration:none;border-radius:10px}nav a:hover,nav a[aria-current]{color:var(--acc)}
main{flex:1}section{padding:clamp(48px,7vw,104px) clamp(20px,5vw,72px)}section.soft{background:var(--soft)}
.hero{padding-top:clamp(40px,6vw,88px);padding-bottom:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,5vw,64px);align-items:center}
.stack{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
h1{font-size:clamp(40px,6.4vw,84px);line-height:1.03}h2{font-size:clamp(28px,3.6vw,44px);line-height:1.1}h3{font-size:22px;line-height:1.2}
.lead{font-size:clamp(18px,2vw,22px);color:var(--mut);margin:0;max-width:34em;text-wrap:pretty}p{margin:0;text-wrap:pretty}.mut{color:var(--mut)}
.appicon{width:96px;height:96px;border-radius:22px}
.eyebrow{font:600 14px/1.2 -apple-system,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin:0}
.badge{display:block;height:56px;width:auto}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}.card p{font-size:17px;color:var(--mut)}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.card.big{border-radius:24px;gap:20px}
.stage{background:var(--soft);border-radius:24px;padding:clamp(24px,4vw,48px);display:flex;justify-content:center}
.pair{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.pw{container-type:inline-size;width:var(--w,300px);max-width:100%;margin:0 auto}
.phone{position:relative;width:100%;aspect-ratio:1384/2932;border-radius:14.5cqw;background:linear-gradient(150deg,#52525c,#1b1b21 35%,#101015 65%,#3e3e48);box-shadow:0 6cqw 12cqw rgba(0,0,0,.35),inset 0 0 0 .25cqw rgba(255,255,255,.14)}
.phone::before{content:"";position:absolute;inset:1cqw;border-radius:13.6cqw;background:#000}
.scr{position:absolute;inset:2.31cqw;border-radius:12.4cqw;overflow:hidden;background:#fff}.scr img{display:block;width:100%;height:100%;object-fit:cover}
.pill{position:absolute;left:36.5%;top:1.2%;width:27%;height:3.4%;border-radius:999px;background:#000}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
th,td{text-align:left;padding:14px 20px;border-bottom:1px solid var(--line);font-size:17px}th{font-weight:600;color:var(--mut)}td:last-child,th:last-child{text-align:right;white-space:nowrap}tr:last-child td{border-bottom:0}
.free{color:var(--acc);font-weight:600}.pro{color:var(--mut)}
.note{border:2px solid var(--ink);border-radius:16px;padding:24px;background:var(--card)}.note b{font:700 clamp(22px,2.6vw,30px)/1.2 B612,system-ui,sans-serif;display:block;margin:4px 0 8px}
.spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--spark);margin-right:8px;vertical-align:middle}
.btn{display:inline-flex;align-items:center;min-height:56px;padding:0 24px;border-radius:16px;background:var(--acc);color:var(--onacc);font:700 17px -apple-system,system-ui,sans-serif;text-decoration:none}.btn:hover{color:var(--onacc);opacity:.9}
.row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.doc{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.doc h2{font-size:24px;margin-top:12px}.doc .upd{color:var(--mut);font-size:16px}
details{background:var(--card);border:1px solid var(--line);border-radius:16px}summary{padding:18px 24px;font:700 18px/1.4 B612,system-ui,sans-serif;display:flex;justify-content:space-between;gap:16px;min-height:44px;align-items:center}
summary::after{content:"+";color:var(--acc);font-size:24px;line-height:1}details[open] summary::after{content:"\2212"}details p{padding:0 24px 20px;color:var(--mut)}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
footer{padding:clamp(32px,5vw,56px) clamp(20px,5vw,72px);border-top:1px solid var(--line)}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px}
footer .l{display:flex;flex-direction:column;gap:8px;max-width:420px}footer p{font-size:16px;color:var(--mut)}footer .n{font:700 20px B612,system-ui,sans-serif}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 24px;align-content:flex-start}footer ul a{min-height:44px;display:flex;align-items:center;font:500 16px -apple-system,system-ui,sans-serif;color:var(--ink);text-decoration:none}footer ul a:hover{color:var(--acc)}
.nf{text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;padding-top:clamp(64px,10vw,140px)}
@media (max-width:480px){th,td{padding:12px 14px}}