:root{--navy:#1d3a8f;--navy-deep:#111a33;--primary:#2f6fed;--primary-dark:#1f56c9;--red:#e2412f;--green:#4fa83a;--blue:#1f7fc0;--yellow:#f2b705;--ink:#14203d;--ink-2:#4a5878;--line:#e3e8f2;--bg:#fff;--bg-tint:#f4f6fb;--radius:16px;--shadow:0 10px 30px #111a3314;--shadow-lg:0 24px 60px #111a3329}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--primary)}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}kbd{border:1px solid var(--line);color:var(--ink);background:#fff;border-bottom-width:2px;border-radius:6px;padding:1px 7px;display:inline-block}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}.container.narrow{max-width:800px}@media (min-width:640px){.container{padding:0 24px}}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:3px solid #2f6fed73}.btn-sm{padding:8px 16px;font-size:15px}.btn-lg{padding:14px 24px;font-size:17px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px #2f6fed4d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-ghost{color:var(--navy);border-color:var(--line);background:#fff}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-outline{color:var(--primary);border-color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-light{color:var(--navy);background:#fff}.btn-light:hover{background:#eef3ff}.btn-outline-light{color:#fff;background:0 0;border-color:#fff9}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff}.site-header{z-index:10;-webkit-backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:68px;display:flex}.brand img{width:auto;height:42px}.nav{gap:28px;margin-left:auto;display:none}.nav a{color:var(--ink-2);font-size:15px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--primary)}.header-inner>.btn{margin-left:auto}@media (min-width:900px){.nav{display:flex}.header-inner>.btn{margin-left:8px}}.hero{background:radial-gradient(800px 400px at 0% 0%, #2f6fed1a, transparent 60%), radial-gradient(700px 400px at 100% 100%, #f2b7051f, transparent 60%), var(--bg);padding:48px 0 64px;position:relative;overflow:hidden}.hero-inner{align-items:center;gap:40px;display:grid}@media (min-width:960px){.hero{padding:80px 0 96px}.hero-inner{grid-template-columns:1.05fr 1fr;gap:56px}}.eyebrow{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px 6px 10px;font-size:14px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-r{background:var(--red)}.dot-g{background:var(--green)}.dot-b{background:var(--blue)}.dot-y{background:var(--yellow);margin-right:4px}.hero h1{color:var(--navy-deep);margin-bottom:20px;font-size:clamp(34px,5.4vw,56px);font-weight:800}.hl{color:var(--navy);background:linear-gradient(#0000 62%,#f2b70573 62%);padding:0 2px}.lead{color:var(--ink-2);max-width:560px;font-size:clamp(17px,2vw,19px)}.cta-row{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--ink-2);margin-top:18px;font-size:14px}.hero-art img{width:100%;box-shadow:var(--shadow-lg);border:6px solid #fff;border-radius:22px}@media (max-width:480px){.cta-row .btn{width:100%}}.section{padding:72px 0}.section-tint{background:var(--bg-tint)}@media (min-width:960px){.section{padding:96px 0}}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.section-head h2{color:var(--navy-deep);margin-bottom:14px;font-size:clamp(28px,3.6vw,38px);font-weight:800}.section-head p,.muted{color:var(--ink-2)}.small{font-size:14px}.features{gap:20px;display:grid}@media (min-width:640px){.features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.features{grid-template-columns:repeat(4,1fr)}}.feature{border:1px solid var(--line);border-radius:var(--radius);border-top:5px solid var(--c);background:#fff;padding:28px 24px;transition:transform .2s,box-shadow .2s}.feature:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.feature h3{color:var(--navy-deep);margin:18px 0 10px;font-size:19px;font-weight:700}.feature p{color:var(--ink-2);font-size:15.5px}.f-icon{background:color-mix(in srgb, var(--c) 14%, #fff);width:52px;height:52px;color:var(--c);border-radius:14px;place-items:center;display:grid}.f-icon svg{width:28px;height:28px}.f-red{--c:var(--red)}.f-green{--c:var(--green)}.f-blue{--c:var(--blue)}.f-yellow{--c:#d49b00}.offline{align-items:center;gap:40px;display:grid}@media (min-width:960px){.offline{grid-template-columns:1fr 1.1fr;gap:64px}}.offline-copy h2{color:var(--navy-deep);margin-bottom:18px;font-size:clamp(28px,3.6vw,38px);font-weight:800}.offline-copy p+p{margin-top:14px}.offline-table{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.ot-col+.ot-col{border-left:1px solid var(--line)}.ot-head{padding:16px 20px;font-size:15px;font-weight:700}.ot-ok{color:#2c7a1f;background:#e8f6e4}.ot-net{color:var(--navy);background:#e8f0fe}.ot-cell{border-top:1px solid var(--line);color:var(--ink);padding:14px 20px;font-size:15px}@media (max-width:520px){.offline-table{grid-template-columns:1fr}.ot-col+.ot-col{border-left:0;border-top:1px solid var(--line)}}.downloads{gap:20px;display:grid}@media (min-width:900px){.downloads{grid-template-columns:repeat(3,1fr)}}.dl-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;padding:28px 24px 24px;display:flex;position:relative}.dl-featured{border:2px solid var(--primary);box-shadow:var(--shadow)}.badge{background:var(--primary);color:#fff;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600;position:absolute;top:-13px;left:24px}.dl-os{color:var(--navy);align-items:center;gap:14px;display:flex}.dl-os svg{flex:none}.dl-os h3{color:var(--navy-deep);font-size:18px;font-weight:700}.dl-os p{color:var(--ink-2);margin-top:2px;font-size:14px}.dl-desc{color:var(--ink-2);flex:1;margin:18px 0 24px;font-size:15.5px}.dl-foot{text-align:center;color:var(--ink-2);margin-top:32px;font-size:15.5px}.guides{gap:20px;display:grid}@media (min-width:900px){.guides{grid-template-columns:1fr 1fr}}.guide{border-radius:var(--radius);border:1px solid var(--line);background:#fff;min-width:0;padding:28px 24px}.guide h3{color:var(--navy-deep);flex-wrap:wrap;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.guide .g-sub{margin-top:28px}.g-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.g-win{color:var(--blue);background:#e3f0fb}.g-mac{color:#333c4e;background:#eceef3}.guide ol{margin:14px 0 0;padding-left:22px}.guide li{margin-bottom:10px;padding-left:4px;font-size:15.5px}.guide li::marker{color:var(--primary);font-weight:700}.guide code{background:var(--bg-tint);overflow-wrap:anywhere;border-radius:5px;padding:1px 6px}.guide p.small{margin-top:8px}.cmd{background:var(--navy-deep);border-radius:10px;align-items:center;gap:10px;margin:10px 0 4px;padding:12px 12px 12px 16px;display:flex}.cmd code{color:#dbe5ff;word-break:break-all;background:0 0;flex:1;min-width:0;padding:0;font-size:13.5px;line-height:1.5}.copy-btn{font:inherit;color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:7px;flex:none;padding:6px 12px;font-size:13px;font-weight:600}.copy-btn:hover{background:#ffffff38}.guide-pdf{text-align:center;margin-top:32px}.faq{gap:12px;display:grid}.faq details{border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 20px}.faq details[open]{box-shadow:var(--shadow)}.faq summary{cursor:pointer;color:var(--navy-deep);padding:18px 28px 18px 0;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);width:9px;height:9px;transition:transform .2s;position:absolute;top:50%;right:2px;transform:translateY(-70%)rotate(45deg)}.faq details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.faq details p{color:var(--ink-2);padding:0 0 18px;font-size:15.5px}.cta-band{background:radial-gradient(circle at 15% 20%, #3b82f68c 0%, #3b82f600 45%), radial-gradient(circle at 85% 80%, #6366f180 0%, #6366f100 45%), linear-gradient(135deg, #0f172a 0%, var(--navy-deep) 60%, #1b2447 100%);color:#fff;padding:72px 0}.cta-band-inner{text-align:center}.cta-band h2{font-size:clamp(26px,3.4vw,36px);font-weight:800}.cta-band .cta-row{justify-content:center}.site-footer{border-top:1px solid var(--line);padding:36px 0}.footer-inner{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.footer-inner img{width:auto;height:40px}.footer-inner nav{flex-wrap:wrap;gap:8px 24px;display:flex}.footer-inner nav a{color:var(--ink-2);font-size:15px;text-decoration:none}.footer-inner nav a:hover{color:var(--primary)}.copyright{color:var(--ink-2);margin-left:auto;font-size:14px}@media (max-width:640px){.copyright{width:100%;margin-left:0}}
