:root{
  --sf-bg:#eefaf8;--sf-panel:#fff;--sf-ink:#0a2a2e;--sf-mute:#4f767a;--sf-line:#cdeae6;
  --sf-teal:#09b4a8;--sf-coral:#ff7a66;--sf-sun:#ffc247;--sf-deep:#063b3d
}
@media (prefers-color-scheme:dark){:root{
  --sf-bg:#04201f;--sf-panel:#0a2e2d;--sf-ink:#e4f6f3;--sf-mute:#8bb6b2;--sf-line:#124542;
  --sf-teal:#2fd3c5;--sf-coral:#ff8a76;--sf-sun:#ffc247;--sf-deep:#021a1a
}}
*{box-sizing:border-box}
body{margin:0;background:var(--sf-bg);color:var(--sf-ink);font:16px/1.65 "Inter",ui-sans-serif,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--sf-teal);text-decoration:none}a:hover{text-decoration:underline}
.sf-wrap{max-width:1040px;margin:0 auto;padding:0 22px}
.sf-top{background:var(--sf-bg)}
.sf-top .sf-wrap{display:flex;align-items:center;gap:16px;min-height:66px;flex-wrap:wrap}
.sf-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;letter-spacing:-.3px;color:var(--sf-ink)}
.sf-brand img{width:28px;height:28px}
.sf-nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.sf-nav a{color:var(--sf-ink);font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px}
.sf-nav a[aria-current],.sf-nav a:hover{background:var(--sf-teal);color:#fff;text-decoration:none}
.sf-hero{text-align:center;padding:72px 0 58px;position:relative}
.sf-hero h1{font-size:46px;line-height:1.08;letter-spacing:-1.2px;margin:0 auto 18px;max-width:720px}
.sf-hero h1 span{color:var(--sf-coral)}
.sf-hero p{font-size:20px;color:var(--sf-mute);max-width:580px;margin:0 auto 28px}
.sf-btn{display:inline-block;padding:14px 28px;border-radius:999px;font-weight:700;margin:0 6px;box-shadow:0 10px 24px -12px var(--sf-teal)}
.sf-btn-main{background:var(--sf-teal);color:#fff}.sf-btn-main:hover{text-decoration:none;filter:brightness(1.06)}
.sf-btn-ghost{background:var(--sf-panel);border:2px solid var(--sf-line);color:var(--sf-ink);box-shadow:none}.sf-btn-ghost:hover{text-decoration:none;border-color:var(--sf-teal)}
.sf-sec{padding:58px 0}
.sf-sec h2{font-size:28px;letter-spacing:-.4px;margin:0 0 30px;text-align:center}
.sf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.sf-card{background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:22px;padding:24px;text-align:center}
.sf-card .sf-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 14px;font-size:24px;background:color-mix(in srgb,var(--sf-teal) 16%,transparent)}
.sf-card h3{margin:0 0 7px;font-size:17px}.sf-card p{margin:0;color:var(--sf-mute);font-size:14.5px}
.sf-band{background:var(--sf-deep);color:#eafbf8;border-radius:26px;padding:34px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-around;text-align:center}
.sf-band div b{display:block;font-size:38px;letter-spacing:-1px;color:var(--sf-sun)}
.sf-band div span{color:#9fd4ce;font-size:13px;text-transform:uppercase;letter-spacing:1px}
pre.sf-code{background:var(--sf-deep);color:#d7f5f0;padding:18px 20px;border-radius:18px;overflow-x:auto;font:13.5px/1.6 ui-monospace,Menlo,Consolas,monospace;max-width:780px;margin:0 auto}
.sf-code .p{color:var(--sf-sun)}.sf-code .s{color:#8ff0e4}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:color-mix(in srgb,var(--sf-teal) 15%,transparent);padding:1px 6px;border-radius:7px}
.sf-page{padding:50px 0 60px;max-width:760px}.sf-page h1{font-size:34px;letter-spacing:-.6px;margin:0 0 10px}
.sf-lead{color:var(--sf-mute);font-size:19px;margin:0 0 26px}.sf-page h2{font-size:21px;margin:30px 0 11px}
.sf-note{border-left:4px solid var(--sf-sun);background:var(--sf-panel);padding:12px 16px;border-radius:0 14px 14px 0;color:var(--sf-mute);margin:16px 0}
table.sf-t{width:100%;border-collapse:collapse;background:var(--sf-panel);border:1px solid var(--sf-line);border-radius:16px;overflow:hidden;font-size:15px}
.sf-t th,.sf-t td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--sf-line)}
.sf-t th{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--sf-mute)}.sf-t tr:last-child td{border-bottom:0}.sf-up{color:var(--sf-teal);font-weight:700}.sf-scroll{overflow-x:auto}
.sf-foot{padding:28px 0;color:var(--sf-mute);font-size:14px;border-top:1px solid var(--sf-line)}
.sf-foot .sf-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.sf-foot nav{display:flex;gap:18px}
.sf-lost{text-align:center;padding:92px 22px}.sf-lost b{display:block;font-size:84px;color:var(--sf-coral);letter-spacing:-2px}.sf-lost p{color:var(--sf-mute);font-size:18px;margin:12px 0 24px}
@media (max-width:640px){.sf-hero{padding:52px 0}.sf-hero h1{font-size:33px}.sf-sec{padding:42px 0}}