:root{--ink:#142239;--muted:#526178;--line:#dfe6ef;--white:#fff;--accent:#3158e6;--accent-dark:#213fae;--sky:#eff3ff;--bg:#f9fbfd;--radius:20px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans",sans-serif;font-size:16px;line-height:1.66}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}.shell{max-width:1160px;margin:auto;padding:0 26px}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:10px;z-index:30}.skip:focus{top:10px}.site-head{position:relative;z-index:12;background:#fff;border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;gap:22px;min-height:76px}.brand{white-space:nowrap;font-size:19px;font-weight:650;letter-spacing:-.5px}.brand strong{color:#2043d7}.brand-symbol{display:inline-grid;place-items:center;margin-right:6px;background:#eaf0ff;color:#274ee5;border:1px solid #cbd7fc;border-radius:10px;width:36px;height:36px;font-weight:750;font-size:16px}.head-inner>nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.head-inner>nav a[aria-current]{color:var(--accent)}.langbox{position:relative;margin-left:8px;font-size:14px}.langbox summary{cursor:pointer;list-style:none;border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:7px 11px;white-space:nowrap}.langmenu{position:absolute;right:0;top:38px;min-width:210px;max-height:350px;overflow:auto;padding:7px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px #1c2d5022;display:grid;gap:1px}.langmenu a{padding:7px 10px;border-radius:7px;line-height:1.35}.langmenu a:hover,.langmenu a[aria-current]{background:#eef2ff;text-decoration:none}.hero{padding:82px 0;background:radial-gradient(ellipse at 74% 20%,#dce6ff 0%,transparent 55%),linear-gradient(105deg,#f7f9ff,#fff 70%);border-bottom:1px solid #e6ecf6}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:58px;align-items:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:12px;color:#3558c7}.hero h1{font-size:clamp(36px,4.1vw,58px);letter-spacing:-.048em;line-height:1.14;margin:16px 0 22px;max-width:820px;text-wrap:balance}.lead{font-size:20px;line-height:1.62;color:#455770;max-width:780px;margin:0 0 21px}.lead.small{font-size:16px;max-width:760px}.limit{display:flex;align-items:center;gap:9px;color:#334d68;font-size:14px;font-weight:700;margin:22px 0}.dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#4f80ed;box-shadow:0 0 0 4px #e0eaff}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 20px;border:1px solid #bbc9eb;font-size:15px;font-weight:750;transition:transform .12s,background .12s}.btn:hover{transform:translateY(-1px);text-decoration:none}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-dark)}.btn.secondary{background:#fff;color:#243b71}.btn[hidden]{display:none}.code-frame{border:1px solid #243b64;background:#111d33;color:#e2ebff;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px #14274422;max-width:570px}.code-top{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #344563;color:#c3d3ec;font-size:12px}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;background:#7890ac;border-radius:50%}.dots i:first-child{background:#ff827d}.dots i:nth-child(2){background:#ffc66f}.dots i:nth-child(3){background:#64dca8}.lang-code{margin-left:auto;opacity:.75;font-weight:700}.code-frame pre{padding:26px;margin:0;overflow:auto;font-size:14px;line-height:1.9;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;tab-size:2}.code-foot{padding:10px 16px;margin:0;background:#172641;border-top:1px solid #344563;font-size:12px;color:#a9bad6}.section{padding:74px 0}.section h2{font-size:clamp(25px,2.7vw,36px);line-height:1.22;letter-spacing:-.035em;margin:0 0 23px}.section p{color:var(--muted)}.prose-l{max-width:900px}.prose-l>p{font-size:18px;line-height:1.85}.tinted{background:#f6f8fc;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile,.use-tile{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:24px}.tile h3,.use-tile h3{font-size:18px;line-height:1.35;margin:0 0 12px;letter-spacing:-.015em}.tile p,.use-tile p{font-size:14.5px;margin:0}.step-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0;margin:32px 0 0}.step-grid li{border-top:2px solid #d5dded;padding:22px 8px 0 0}.step-num{font-family:ui-monospace,monospace;color:#3b5dd0;font-size:26px;font-weight:800;margin-bottom:15px}.step-grid h3{margin:0 0 10px;line-height:1.35;font-size:18px}.step-grid p{font-size:14.5px;margin:0}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.editorial{display:grid;grid-template-columns:repeat(2,1fr);gap:44px 68px}.editorial article:first-child{grid-column:1 / -1;max-width:870px}.editorial h2{font-size:25px;margin-bottom:13px}.editorial p{line-height:1.85;margin:0}.faq-list{max-width:920px}.faq-list details{border-bottom:1px solid #d5ddeb;padding:2px 0}.faq-list summary{padding:18px 8px 18px 0;cursor:pointer;list-style:none;font-weight:700;display:flex;align-items:center;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list details[open] .plus{transform:rotate(45deg)}.faq-list .plus{margin-left:auto;color:#3e5fd1;font-size:25px;font-weight:400;transition:transform .14s}.faq-list details p{max-width:850px;padding:0 12px 18px 0;margin:0;line-height:1.8}.bottom-cta{background:#eef2ff}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.bottom-actions{justify-self:end}.bottom-actions .limit{margin-top:0}.footer{background:#101c2e;color:#d2dcef;padding:40px 0;font-size:13px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footlinks{display:flex;gap:18px}.welcome-hero{padding:65px 0}.welcome-hero .shell{max-width:960px}.welcome-hero h1{max-width:880px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.notice{padding:20px 0}.notice p{font-size:17px;line-height:1.85}[hidden]{display:none!important}
@media(max-width:1020px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero-preview{max-width:600px}.tile-grid{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.bottom-actions{justify-self:start}.head-inner{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{font-size:17px}}
@media(max-width:680px){.shell{padding:0 19px}.head-inner{gap:11px;min-height:60px}.head-inner>nav{order:3;width:100%;justify-content:space-around;margin:0;padding-bottom:6px}.langbox{margin-left:auto}.hero{padding:52px 0}.hero h1{font-size:36px}.lead{font-size:18px}.tile-grid,.use-grid,.step-grid,.editorial,.split{grid-template-columns:1fr}.editorial article:first-child{grid-column:auto}.section{padding:52px 0}.step-grid{gap:10px}.code-frame pre{font-size:12px;padding:16px}.footer-inner{align-items:flex-start;flex-direction:column}.btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
