:root{color-scheme:dark;--bg:#080e1b;--panel:#101a2d;--panel2:#131f35;--text:#e9f0fd;--muted:#a9b9d2;--border:rgba(167,192,234,.16);--accent:#6bc8ff;--accent2:#a898ff;--max:1130px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse 900px 520px at 95% 2%,rgba(39,99,194,.22),transparent 68%),radial-gradient(ellipse 700px 430px at -20% 14%,rgba(76,69,155,.14),transparent 75%),var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img{max-width:100%;display:block}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--border);background:rgba(8,14,27,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:white;font-size:23px;font-weight:800;letter-spacing:-.05em}.brand:hover{text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:12px;overflow:hidden;display:grid;place-items:center;box-shadow:0 5px 25px rgba(55,121,229,.22);background:#14326f}.brand-mark img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--muted);font-size:14px;font-weight:650;padding:9px 15px;border-radius:999px}.nav-links .active{color:var(--text);background:#1b2b49;border:1px solid var(--border)}.nav-links a:hover{text-decoration:none;background:#182640;color:var(--text)}.hero{padding:79px 0 58px;border-bottom:1px solid var(--border)}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(85,162,246,.1);border:1px solid rgba(103,174,255,.2);border-radius:100px;color:#a4cfff;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;padding:7px 13px}.dot{width:7px;height:7px;background:#76ccff;border-radius:50%;box-shadow:0 0 0 4px rgba(118,204,255,.14)}h1{font-size:clamp(42px,6.2vw,74px);line-height:1.11;font-weight:800;letter-spacing:-.065em;max-width:850px;margin:25px 0}.hero h1 span{display:block;background:linear-gradient(90deg,#8de0ff 5%,#9d9bff 73%,#c3b4ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.85;max-width:730px;color:#b7c7de;margin:0 0 28px}.meta{color:#d2dff2;font-size:13px;font-weight:700;display:inline-flex;gap:10px;align-items:center;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:9px;padding:10px 15px}.meta .separator{opacity:.45}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}.hero-card,.image-panel{background:linear-gradient(145deg,rgba(41,71,126,.24),rgba(19,31,53,.7));border:1px solid rgba(104,161,235,.2);border-radius:24px;box-shadow:0 30px 55px rgba(4,8,20,.24)}.hero-card{padding:24px}.image-panel{padding:18px}.image-panel img{border-radius:18px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:42px 0 85px}.app-card{background:linear-gradient(145deg,rgba(41,71,126,.24),rgba(19,31,53,.7));border:1px solid rgba(104,161,235,.18);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:14px}.app-card h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:0}.app-card p{color:#b7c5db;margin:0;flex:1}.tag{display:inline-flex;width:fit-content;border:1px solid var(--border);background:#13223c;color:#cde6ff;font-size:12px;font-weight:750;border-radius:999px;padding:7px 11px;letter-spacing:.08em;text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;font-weight:750;text-decoration:none;border:1px solid var(--border)}.btn.primary{background:linear-gradient(90deg,#45c4ff,#7b7cf8);color:white;border:0}.btn.secondary{background:#16233e;color:#ddebff}.btn:hover{text-decoration:none;filter:brightness(1.05)}.main-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:55px;padding-top:58px;padding-bottom:100px}.toc{align-self:start;position:sticky;top:25px}.toc-title{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#8297b6;font-weight:800;margin:5px 0 15px}.toc-links{display:grid;gap:3px;border-left:1px solid var(--border)}.toc-links a{color:#a7bad4;padding:7px 14px;line-height:1.45;font-size:13px;border-left:2px solid transparent;margin-left:-1px}.toc-links a:hover,.toc-links a:focus{color:#c9e9ff;border-left-color:#78c5ff;text-decoration:none;background:rgba(99,151,220,.08)}.content{max-width:760px}.content section{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--border)}.content section:last-of-type{border-bottom:0}.content h2{font-size:clamp(22px,2.6vw,29px);line-height:1.35;letter-spacing:-.034em;margin:0 0 19px;color:#f5f8ff}.content h3{font-size:18px;line-height:1.35;margin:28px 0 11px;color:#e1edff}.content p,.content li{font-size:15px;line-height:1.95;color:#b7c5db}.content p{margin:0 0 16px}.content ul{padding-left:24px;margin:7px 0 19px}.content li{padding-left:3px;margin:4px 0}.content strong{color:#f4f8ff}.content code{background:#192842;color:#c7e5ff;border:1px solid rgba(165,195,241,.15);border-radius:5px;padding:2px 5px;font-size:.9em;overflow-wrap:anywhere}.support-card{border:1px solid rgba(104,161,235,.25);background:linear-gradient(145deg,rgba(41,71,126,.24),rgba(19,31,53,.7));padding:23px 25px;border-radius:16px;margin:18px 0 23px;display:grid;gap:9px}.support-line{display:flex;gap:12px;flex-wrap:wrap;font-size:15px;color:#b9c8dc}.support-line b{min-width:84px;color:#f4f7ff}.site-footer{border-top:1px solid var(--border);padding:28px 0 34px;color:#90a4c0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer a{color:#a9c8ef}.muted{color:#9eb0c9}.small{font-size:14px}.codebox{background:#0f1930;border:1px solid var(--border);padding:14px 16px;border-radius:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#dce9ff;overflow:auto}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:840px){.hero{padding:60px 0 48px}.main-layout{grid-template-columns:1fr;gap:28px;padding-top:39px;padding-bottom:60px}.toc{position:static}.toc-links{display:flex;flex-wrap:wrap;border-left:0;gap:6px}.toc-links a{border:1px solid var(--border);border-radius:8px;margin:0;padding:7px 10px}.toc-links a:hover,.toc-links a:focus{border-color:#78c5ff}.toc-title{margin-bottom:10px}.content{max-width:none}.app-grid{grid-template-columns:1fr}}
@media(max-width:500px){.container{width:min(calc(100% - 30px),var(--max))}.nav{min-height:70px}.nav-links{gap:3px}.nav-links a{padding:6px 9px;font-size:12px}.brand{font-size:21px;gap:8px}.brand-mark{width:38px;height:38px}.hero{padding-top:49px}.hero h1{font-size:42px}.lead{font-size:16px}.meta{font-size:12px}.main-layout{padding-top:30px}.support-card{padding:18px}.support-line b{min-width:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}