:root{--brand: #1a3668;--brand-2: #2b5aa8;--accent: #f9a845;--text: #16181d;--muted: #5b6270;--bg: #ffffff;--soft: #f3f5f9;--line: #e2e6ee;--answer: #eef3fb;--radius: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--text: #eef0f4;--muted: #a3a9b6;--bg: #0f1218;--soft: #1a1f29;--line: #2a3140;--answer: #172235;--brand: #8fb0ea;--brand-2: #6d93d8}}*{box-sizing:border-box}body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--brand)}img,picture{max-width:100%;height:auto}header.site{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px max(16px,calc((100% - 1040px)/2))}header.site .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;text-decoration:none;color:var(--text);min-height:44px}.brand-icon{border-radius:8px}header.site nav{display:flex;gap:4px;margin-left:auto}header.site nav a{padding:10px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;text-decoration:none;color:var(--muted);border-radius:10px}header.site nav a:hover{background:var(--soft);color:var(--text)}.get-app{margin-left:auto;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:10px 16px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}header.site nav+.get-app{margin-left:8px}@media(prefers-color-scheme:dark){.get-app{color:#0f1218}}@media(max-width:720px){header.site nav{display:none}header.site nav+.get-app,header.site .get-app{margin-left:auto}}.crumbs{max-width:760px;margin:14px auto 0;padding:0 20px;font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumbs a{color:var(--muted);min-height:32px;display:inline-flex;align-items:center}main{max-width:760px;margin:0 auto;padding:8px 20px 48px}main.wide{max-width:1040px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:20px 0 12px;letter-spacing:-.01em}h2{font-size:26px;line-height:1.25;margin:44px 0 12px}h3{font-size:20px;line-height:1.3;margin:28px 0 8px}ol,ul{padding-left:1.3em}li{margin:6px 0}.lead{font-size:20px;color:var(--muted)}code{font:.92em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);padding:2px 6px;border-radius:6px;overflow-wrap:anywhere}pre{background:var(--soft);padding:14px 16px;border-radius:12px;overflow-x:auto;font-size:15px}pre code{background:none;padding:0}kbd{font:.9em -apple-system,sans-serif;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 6px}.byline{color:var(--muted);font-size:15px;margin:0 0 20px}.answer{background:var(--answer);border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;padding:14px 20px;margin:20px 0 24px}.answer-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);margin:0 0 4px}.answer p:last-child{margin-bottom:0}.answer ol{margin:8px 0 0}.related{border-top:1px solid var(--line);margin-top:48px}.related ul{list-style:none;padding:0}.related li a{display:block;padding:10px 0;min-height:44px}.note{font-size:15px;color:var(--muted)}.card{background:var(--soft);border-radius:var(--radius);padding:4px 22px;margin:20px 0}table.compare{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}table.compare th,table.compare td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}table.compare th{font-weight:600}.table-wrap{overflow-x:auto;margin:16px 0}blockquote{margin:20px 0;padding-left:16px;border-left:3px solid var(--accent);font-style:italic}.store{margin:22px 0}.store-button{display:inline-flex;flex-direction:column;justify-content:center;background:#000;color:#fff;padding:8px 20px;border-radius:12px;text-decoration:none;min-height:52px;line-height:1.1;border:1px solid #333}.store-small{font-size:12px}.store-big{font-size:21px;font-weight:600;letter-spacing:-.01em}.store-note{color:var(--muted);font-size:14px;margin:8px 0 0}.store-row{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}.store-qr{display:none;align-items:center;gap:12px}.store-qr-code{display:block;width:104px;height:104px;flex:none;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff}.store-qr-code svg{display:block;width:100%;height:100%}.store-qr p{margin:0;max-width:220px;font-size:14px;line-height:1.45;color:var(--muted)}@media(hover:hover)and (pointer:fine)and (min-width:900px){.store-qr{display:flex}}.screen{margin:24px auto;text-align:center}.screen img{width:300px;max-width:72vw;border-radius:34px;border:8px solid #111;box-shadow:0 16px 40px #0000002e;background:#fff}.screen figcaption,.before-after figcaption{font-size:14px;color:var(--muted);margin-top:10px}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:28px auto;text-align:center;max-width:620px}.before-after img{width:auto;max-width:100%;max-height:440px;border-radius:16px;box-shadow:0 10px 28px #00000029}.before-after p{margin:6px 0 0;font-size:14px;color:var(--muted)}.before-after .arrow{font-size:28px;color:var(--accent);font-weight:700}.before-after figcaption{grid-column:1 / -1}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.hero .screen{margin:0}@media(max-width:760px){.hero{grid-template-columns:1fr}}.pillars{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.pillars li{background:var(--soft);border-radius:999px;padding:6px 14px;font-size:14px;margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:0;list-style:none;margin:16px 0}.cards li{margin:0}.cards a{display:block;height:100%;background:var(--soft);border-radius:var(--radius);padding:14px 16px;text-decoration:none;color:var(--text);border:1px solid transparent}.cards a:hover{border-color:var(--brand)}.cards strong{display:block;color:var(--brand);margin-bottom:4px}.cards span{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{font-weight:600;cursor:pointer;padding:12px 0;min-height:44px}details p{margin-top:0}.tool{background:var(--soft);border-radius:var(--radius);padding:18px 20px;margin:24px 0}.tool label{display:block;font-weight:600;margin:12px 0 6px}.tool textarea{width:100%;min-height:160px;font:14px/1.45 ui-monospace,Menlo,monospace;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.tool select,.tool input[type=number]{width:100%;max-width:100%;font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);min-height:44px}.tool .row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.tool .row>div{flex:1 1 180px}.tool button{font:inherit;font-weight:600;padding:10px 16px;min-height:44px;border-radius:10px;border:0;background:var(--brand);color:#fff;cursor:pointer}.tool button.secondary{background:transparent;color:var(--brand);border:1px solid var(--brand)}@media(prefers-color-scheme:dark){.tool button{color:#0f1218}.tool button.secondary{color:var(--brand)}}.tool .status{font-size:14px;color:var(--muted);min-height:1.4em}.tool .preview{overflow-x:auto;max-height:320px;background:var(--bg);border-radius:10px;border:1px solid var(--line);margin-top:10px}.tool .preview table{border-collapse:collapse;font-size:13px}.tool .preview td{border:1px solid var(--line);padding:4px 8px;white-space:nowrap}.tool .drop{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted)}.tool .drop.over{border-color:var(--brand);color:var(--text)}.tool .private{font-size:14px;color:var(--muted)}footer.site{border-top:1px solid var(--line);margin-top:24px;padding:28px max(20px,calc((100% - 1040px)/2));color:var(--muted);font-size:14px;display:grid;grid-template-columns:1.4fr 1fr;gap:16px 32px}footer.site .brand{font-weight:700;color:var(--text);text-decoration:none;font-size:17px}footer.site p{margin:6px 0 0}footer.site nav{display:flex;flex-wrap:wrap;gap:0 18px;align-content:start}footer.site nav a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center}footer.site .copyright{grid-column:1 / -1;margin:0}@media(max-width:640px){footer.site{grid-template-columns:1fr}}
