:root,:root[data-theme=light]{--bg: #f6f7f9;--card: #ffffff;--text: #16181d;--muted: #5b6370;--primary: #2b6cb0;--primary-2: #38a169;--border: #e6e8ec;--tape: #ffffff;--tape-line: #eef0f3}:root[data-theme=dark]{--bg: #1e2024;--card: #282b30;--text: #e4e6e9;--muted: #9aa0aa;--primary: #8fbce8;--primary-2: #74d69c;--border: #363a41;--tape: #33363c;--tape-line: #43474e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:0 20px}a{color:var(--primary);text-decoration:none}nav{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;max-width:1000px;margin:0 auto;gap:16px}nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem}nav .brand img{width:28px;height:28px;border-radius:7px;vertical-align:middle}nav .links{display:flex;align-items:center;flex-wrap:wrap;gap:20px}nav .links a{color:var(--muted);font-weight:600;font-size:.95rem}nav .links a:hover{color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:1.05rem;line-height:1}.theme-toggle:hover{color:var(--text);background:var(--card)}.theme-toggle .icon{display:none}:root:not([data-theme=dark]) .theme-toggle .icon-dark{display:inline}:root[data-theme=dark] .theme-toggle .icon-light{display:inline}.lang-switch{display:inline-flex;gap:4px;align-items:center}.lang-switch a{font-weight:700;font-size:.85rem;padding:3px 9px;border-radius:8px;color:var(--muted);border:1px solid var(--border)}.lang-switch a.active{color:#fff;background:var(--primary);border-color:var(--primary)}.lang-switch a:hover:not(.active){color:var(--text)}.hero{text-align:center;padding:60px 20px 40px;background:radial-gradient(1200px 400px at 50% -100px,rgba(43,108,176,.14),transparent),radial-gradient(800px 300px at 80% 0,rgba(56,161,105,.1),transparent)}.hero .badge{display:inline-block;font-size:.8rem;font-weight:600;color:var(--primary);background:#2b6cb01a;padding:5px 14px;border-radius:999px;margin-bottom:20px}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;letter-spacing:-.02em}.hero h1 .grad{background:linear-gradient(90deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.sub{font-size:clamp(1.05rem,2.5vw,1.35rem);color:var(--muted);max-width:640px;margin:18px auto 30px}.cta{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;padding:13px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--card)}.device-wrap{display:flex;justify-content:center;padding:30px 20px 10px}.device{width:320px;max-width:100%;background:var(--card);border:1px solid var(--border);border-radius:26px;padding:14px;box-shadow:0 20px 60px #0000002e}.device .topbar{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--muted);padding:4px 8px 10px}.tape{background:var(--tape);border-radius:12px;padding:14px 16px;font-family:SF Mono,ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92rem}.tape .row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--tape-line)}.tape .row .lbl{color:var(--muted)}.tape .row .num{font-variant-numeric:tabular-nums}.tape .divider{border-top:2px solid var(--muted);margin:8px 0 4px;opacity:.5}.tape .total{display:flex;justify-content:space-between;font-weight:700;padding-top:4px}.tape .op{color:var(--primary)}section{padding:56px 0}section h2{text-align:center;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em}section .lead{text-align:center;color:var(--muted);max-width:620px;margin:12px auto 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:36px}.feature{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px}.feature .ic{font-size:1.6rem}.feature h3{font-size:1.05rem;margin:10px 0 6px}.feature p{color:var(--muted);font-size:.95rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:36px}.step{text-align:center;padding:10px}.step .n{width:40px;height:40px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--primary)}.step h3{font-size:1.05rem}.step p{color:var(--muted);font-size:.95rem}.cta-band{text-align:center;background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}footer{padding:32px 20px;text-align:center;color:var(--muted);font-size:.9rem}footer a{color:var(--muted);margin:0 8px}.shots{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin-top:32px}.phone{width:230px;border-radius:28px;padding:10px;background:#0f1420;box-shadow:0 16px 40px #00000059;border:1px solid var(--border)}.phone img{width:100%;display:block;border-radius:20px}.phone .cap{color:#c3cbd6;text-align:center;font-size:.9rem;font-weight:600;padding:10px 4px 4px}@media(max-width:520px){.phone{width:78vw;max-width:300px}}.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}.page-header{text-align:center;margin-bottom:32px}.page-header .logo img{width:56px;height:56px;border-radius:14px}.page-header h1{font-size:1.7rem;margin:8px 0 4px}.page-header .sub,.page-header .updated{color:var(--muted);font-size:.9rem}.backlink{text-align:center;margin-bottom:20px}.card-doc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px 28px;margin-bottom:24px}.card-doc h2{font-size:1.3rem;margin-top:0;border-bottom:1px solid var(--border);padding-bottom:8px}.card-doc h3{font-size:1.1rem;margin:20px 0 6px}.card-doc p{margin:8px 0}.card-doc .lead-box{background:#2b6cb014;border-left:3px solid var(--primary);padding:12px 16px;border-radius:6px;font-weight:600}.ver{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ver .date{color:var(--muted);font-size:.85rem;font-weight:400}.card-doc ul{margin:6px 0 0;padding-left:20px}.card-doc li{margin:4px 0}code{background:#7f7f7f26;padding:1px 5px;border-radius:4px}