:root{--blue:#2f6bff;--blue-strong:#1d4fd8;--navy:#14213d;--bg:#f4f6fc;--surface:#fff;--surface-2:#e9eefb;--text:#14213d;--muted:#4b5670;--border:#d9e0f2;--accent-bg:#dce6ff;--radius:16px;--maxw:1080px;--prose:700px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--blue:#7ea3ff;--blue-strong:#a9c1ff;--bg:#0e1526;--surface:#172038;--surface-2:#1e2a48;--text:#eef2ff;--muted:#aab4cf;--border:#2a3759;--accent-bg:#223160;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:400 1.0625rem/1.65 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}img,svg{max-width:100%;height:auto}a{color:var(--blue-strong);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 32px, var(--maxw));margin-inline:auto}.skip{background:var(--surface);z-index:10;border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}header.site{border-bottom:1px solid var(--border);background:var(--surface)}header.site .wrap{flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding-block:8px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;margin-right:auto;font-size:1.15rem;font-weight:750;text-decoration:none;display:flex}.brand img{border-radius:9px}nav.main{flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}nav.main a{color:var(--muted);padding:6px 2px;font-weight:550;text-decoration:none}nav.main a:hover,nav.main a[aria-current=page]{color:var(--text);text-decoration:underline}.lang{border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 12px;font-weight:600;text-decoration:none}main{padding-block:40px 72px}h1,h2,h3{letter-spacing:-.01em;color:var(--text);line-height:1.2}h1{margin:0 0 16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800}h2{margin:56px 0 16px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:750}h3{margin:0 0 6px;font-size:1.15rem;font-weight:700}.lead{color:var(--muted);max-width:60ch;font-size:1.2rem}.btn{background:var(--navy);color:#fff;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:14px 22px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:#0b1428}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn{color:#14213d;background:#fff}:root:not([data-theme=light]) .btn:hover{background:#dfe7ff}}.btn svg{flex:none}.btn-note{color:var(--muted);margin:8px 0 0;font-size:.95rem}.btn.secondary{color:var(--text);border-color:var(--border);background:0 0}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-block:24px 8px;display:grid}@media (width<=860px){.hero{grid-template-columns:1fr}}.grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.card p{color:var(--muted);margin:0}.steps{counter-reset:s;gap:14px;padding:0;list-style:none;display:grid}.steps li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:44px 1fr;align-items:start;gap:16px;padding:18px 20px;display:grid}.steps li:before{counter-increment:s;content:counter(s);background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.steps p{color:var(--muted);margin:0}.callout{background:var(--accent-bg);border-radius:var(--radius);padding:24px 26px}.callout p{margin:0 0 12px}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:650}.faq p{color:var(--muted);margin:10px 0 0}.cols2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.cols2 ul{margin:0;padding-left:1.2em}.cols2 li{margin:6px 0}.price{margin:12px 0 4px;font-size:2rem;font-weight:800}.prose{max-width:var(--prose)}.prose h2{margin-top:40px}.prose h3{margin-top:28px}.prose p,.prose li{color:var(--text)}.prose img{border-radius:12px}.prose table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.98rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.prose th{background:var(--surface-2);white-space:nowrap}.prose blockquote{border-left:4px solid var(--blue);color:var(--muted);margin:20px 0;padding:4px 18px}.prose code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font-size:.92em}.tldr{background:var(--accent-bg);border-radius:var(--radius);margin:24px 0;padding:18px 22px}.tldr strong{margin-bottom:4px;display:block}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:.95rem;display:flex}.tag{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-bg);color:var(--text);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.post-list{gap:14px;padding:0;list-style:none;display:grid}.post-list a.card{color:inherit;text-decoration:none;display:block}.post-list a.card:hover{border-color:var(--blue)}.post-list h3{color:var(--text);margin:8px 0 6px}footer.site{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);padding-block:36px;font-size:.97rem}footer.site .cols{grid-template-columns:1.4fr repeat(3,1fr);gap:24px;display:grid}@media (width<=760px){footer.site .cols{grid-template-columns:1fr 1fr}}footer.site h2{color:var(--text);margin:0 0 8px;font-size:.95rem}footer.site ul{margin:0;padding:0;list-style:none}footer.site li{margin:4px 0}footer.site a{color:var(--muted)}.phone{aspect-ratio:9/18;background:#0b1020;border-radius:36px;width:min(100%,300px);margin-inline:auto;padding:10px;position:relative;box-shadow:0 24px 60px #14213d47}.screen{color:#14213d;background:#f6f8ff;border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.scene{opacity:0;padding:18px 16px;font-size:13px;line-height:1.35;animation:16s infinite scene;position:absolute;inset:0}.scene:first-child{animation-delay:0s}.scene:nth-child(2){animation-delay:4s}.scene:nth-child(3){animation-delay:8s}.scene:nth-child(4){animation-delay:12s}@keyframes scene{0%{opacity:0;transform:translateY(8px)}4%,22%{opacity:1;transform:none}26%,to{opacity:0}}.scene h4{color:#2f6bff;margin:0 0 4px;font-size:13px}.scene .bar{margin-bottom:12px;font-size:14px;font-weight:700}.chip-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.chip{background:#dce6ff;border-radius:12px;padding:9px 10px;font-weight:600}.chip small{color:#4b5670;font-weight:400;display:block}.chip.hit{outline:2px solid #2f6bff;animation:1.2s 2s both pulse}@keyframes pulse{50%{background:#b9ceff}}.sheet{background:#edf1ff;border-radius:20px 20px 0 0;padding:14px 14px 18px;position:absolute;bottom:0;left:0;right:0}.mock-page{background:#fff;border:1px solid #dbe2f5;border-radius:12px;padding:12px}.mock-page .thumb{background:linear-gradient(135deg,#2f6bff,#7ea3ff);border-radius:8px;height:96px;margin-bottom:8px}.share-row{gap:10px;margin-top:14px;display:flex}.share-app{text-align:center;flex:1;font-size:11px}.share-app i{background:#cfd8f2;border-radius:12px;width:44px;height:44px;margin:0 auto 4px;display:block}.share-app.us i{background:#2f6bff;box-shadow:0 0 0 3px #b9ceff}.notif{background:#fff;border-radius:16px;margin-top:26px;padding:12px 14px;box-shadow:0 6px 20px #14213d29}.notif b{display:block}.notif .acts{color:#2f6bff;gap:14px;margin-top:8px;font-size:12px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.scene{opacity:0;animation:none}.scene:nth-child(4){opacity:1}html{scroll-behavior:auto}}.prose figure{margin:28px 0}.prose figure img{width:100%;height:auto;margin:0 auto;display:block}.prose figure.shot img{border:1px solid var(--border);border-radius:14px;max-width:340px}.prose figure.shot.wide img{max-width:420px}.prose figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:.9rem;line-height:1.5}.prose figure.pair{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:16px;display:flex}.prose figure.pair>div{flex:240px;max-width:320px}.prose figure.pair img{border:1px solid var(--border);border-radius:14px;max-width:100%}.prose figure.pair figcaption{flex-basis:100%;margin-top:0}
