:root{
  --blue:#0d66f4;--blue2:#00a6f7;--ink:#0b1424;--text:#42516a;--muted:#6f7d91;
  --line:#e1e9f4;--soft:#f6f9fd;--soft-blue:#eef5ff;--good:#0c9d69;--warn:#c87900;
  --shadow:0 18px 55px rgba(27,66,120,.10);--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:14px;min-width:260px}.brand img{width:178px;height:46px;object-fit:contain;object-position:left center}.help-label{font-size:12px;font-weight:800;color:#6b7890;border-left:1px solid #dce5f0;padding-left:14px}.nav-search{margin-left:auto;position:relative;width:min(420px,42vw)}.nav-search input,.hero-search input{width:100%;border:1px solid #d9e3f0;background:#f8fbff;border-radius:13px;outline:none;color:var(--ink)}.nav-search input{padding:12px 42px 12px 40px}.nav-search i,.hero-search>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8090a6}.nav-search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#8492a5;background:#fff;border:1px solid #dce5ef;border-radius:6px;padding:3px 6px}.nav-actions{display:flex;align-items:center;gap:10px}.nav-support{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#4f627d;padding:9px 4px}.nav-support:hover{color:#075de9}.nav-support i{color:#0d66f4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 15px;font-weight:800;font-size:13px;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#1597ff,#0b5ff2);color:#fff;box-shadow:0 10px 25px rgba(13,102,244,.2)}.btn.soft{background:#eef5ff;color:#075de9}.btn.outline{background:#fff;border:1px solid #cfdced;color:#274260}
.hero{background:linear-gradient(180deg,#f5f9ff 0,#fff 100%);border-bottom:1px solid #edf2f8;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:660px;height:660px;border-radius:50%;left:-430px;top:-280px;background:radial-gradient(circle,rgba(24,135,255,.18),rgba(255,255,255,0) 69%)}.hero-inner{position:relative;text-align:center;padding:74px 0 68px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:900;color:var(--blue)}.hero h1{font-size:48px;line-height:1.02;letter-spacing:-.05em;margin:12px 0 14px}.hero p{max-width:690px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}.hero-search{position:relative;width:min(720px,100%);margin:30px auto 0}.hero-search input{background:#fff;padding:18px 130px 18px 48px;font-size:15px;box-shadow:var(--shadow)}.hero-search button{position:absolute;right:7px;top:7px;bottom:7px;padding:0 22px}.quick-links{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:20px}.quick-links a{font-size:12px;font-weight:780;color:#4b6382;background:#fff;border:1px solid #dfe8f3;padding:9px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;transition:.16s}.quick-links a:hover{transform:translateY(-1px);border-color:#c5d9f3}.quick-links .getting-started-link{color:#075de9;background:#f2f7ff;border-color:#cfe0f7}.quick-links .track-case-link{color:#fff;background:linear-gradient(135deg,#1597ff,#0b5ff2);border-color:#0b5ff2;box-shadow:0 9px 22px rgba(13,102,244,.18)}.hero-support{margin-top:15px;font-size:12px;color:#728198}.hero-support a{color:#075de9;font-weight:850}.hero-support i{margin-right:5px;color:#0d66f4}
.section{padding:58px 0}.section.soft{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-head h2{margin:5px 0 0;font-size:34px;letter-spacing:-.035em}.section-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:22px;transition:.18s;min-height:178px}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbdcf2}.category-icon{width:44px;height:44px;border-radius:13px;background:#edf5ff;color:var(--blue);display:grid;place-items:center;font-size:17px;margin-bottom:16px}.category-card h3{font-size:18px;margin:0 0 8px}.category-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 15px}.category-card span{font-size:12px;color:#075de9;font-weight:850}
.article-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-link{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;transition:.15s}.article-link:hover{border-color:#bed2ed;box-shadow:0 10px 30px rgba(25,65,115,.07)}.article-link i{width:34px;height:34px;flex:none;border-radius:10px;background:#f0f6ff;color:var(--blue);display:grid;place-items:center}.article-link b{display:block;font-size:15px;line-height:1.35;margin:1px 0 5px}.article-link small{display:block;color:var(--muted);line-height:1.55;font-size:12.5px}
.flow-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 12px;text-align:center}.flow-step .num{width:30px;height:30px;margin:0 auto 10px;border-radius:10px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:900}.flow-step b{font-size:11px;line-height:1.4;display:block}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-10px;top:28px;color:#a7b5c7;font-weight:900;z-index:3}
.footer{border-top:1px solid var(--line);padding:34px 0;background:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer img{width:160px;height:45px;object-fit:contain;object-position:left}.footer p,.footer a{font-size:12px;color:var(--muted);line-height:1.7}.footer h4{font-size:12px;margin:4px 0 10px}.footer-links{display:flex;flex-direction:column;gap:7px}.copyright{border-top:1px solid #edf2f7;margin-top:25px;padding-top:18px;color:#8a96a7;font-size:11px}
.search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 7px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 65px rgba(24,53,94,.18);padding:8px;z-index:120;text-align:left;max-height:420px;overflow:auto}.search-results.show{display:block}.search-result{display:block;padding:12px;border-radius:10px}.search-result:hover{background:#f4f8fe}.search-result b{display:block;font-size:12px}.search-result small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.search-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}
.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#78879b;margin-bottom:18px}.breadcrumbs a{color:#526a89}.article-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 210px;gap:34px;padding:38px 0 70px}.side-nav,.toc{position:sticky;top:96px;align-self:start}.side-nav h4,.toc h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8996a8;margin:0 0 10px}.side-nav a{display:block;font-size:13px;color:#5d6d83;padding:9px 10px;border-radius:9px;margin:2px 0;line-height:1.35}.side-nav a:hover,.side-nav a.active{background:#edf5ff;color:#075de9;font-weight:800}.article{min-width:0}.article .article-category{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf5ff;color:#075de9;font-size:10px;font-weight:850}.article h1{font-size:46px;line-height:1.06;letter-spacing:-.045em;margin:13px 0}.article .summary{font-size:18px;line-height:1.7;color:#64748a;margin:0 0 24px;max-width:820px}.article-meta{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:21px;margin-bottom:28px;color:#8a97a8;font-size:12px}.article h2{font-size:29px;line-height:1.18;letter-spacing:-.03em;margin:38px 0 14px;scroll-margin-top:95px}.article h3{font-size:20px;line-height:1.3;margin:25px 0 10px;scroll-margin-top:95px}.article p{font-size:16px;line-height:1.82;color:var(--text);margin:0 0 15px}.article ul,.article ol{color:var(--text);font-size:16px;line-height:1.78;padding-left:24px}.article li{margin:7px 0}.step-list{counter-reset:steps;display:flex;flex-direction:column;gap:13px;margin:15px 0 22px}.step{position:relative;border:1px solid var(--line);border-radius:14px;padding:15px 16px 15px 56px;background:#fff}.step:before{counter-increment:steps;content:counter(steps);position:absolute;left:15px;top:15px;width:28px;height:28px;border-radius:9px;background:#eaf3ff;color:var(--blue);font-size:12px;font-weight:900;display:grid;place-items:center}.step b{display:block;font-size:15px;line-height:1.35;margin-bottom:5px}.step span{display:block;font-size:14px;line-height:1.65;color:#66768c}.callout{display:flex;gap:12px;padding:15px 16px;border-radius:13px;margin:18px 0;border:1px solid #d8e6f8;background:#f5f9ff}.callout.warn{border-color:#f2dbb4;background:#fff9ee}.callout.good{border-color:#ccebdd;background:#f2fbf7}.callout i{margin-top:2px;color:var(--blue)}.callout.warn i{color:var(--warn)}.callout.good i{color:var(--good)}.callout b{font-size:14px;display:block;margin-bottom:4px}.callout span{font-size:13px;line-height:1.65;color:#63748b}.article-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;gap:12px}.helpful{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:25px;text-align:center}.helpful b{font-size:13px}.helpful-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.toc a{display:block;font-size:12.5px;line-height:1.45;color:#718096;padding:6px 0;border-left:2px solid #e2e9f3;padding-left:10px}.toc a:hover{color:var(--blue);border-color:var(--blue)}
.category-hero{background:#f6f9fd;border-bottom:1px solid var(--line);padding:42px 0}.category-hero .category-icon{margin-bottom:12px}.category-hero h1{font-size:44px;line-height:1.08;letter-spacing:-.045em;margin:5px 0 9px}.category-hero p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.7}.category-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:36px 0 65px}.category-list h2{font-size:25px;margin:0 0 16px}.category-list .article-link{margin-bottom:10px}.all-categories{position:sticky;top:96px;align-self:start}.all-categories a{display:block;padding:10px 10px;border-radius:9px;color:#5f6e82;font-size:13px;line-height:1.35}.all-categories a.active,.all-categories a:hover{background:#edf5ff;color:#075de9;font-weight:800}
.not-found{text-align:center;padding:90px 0}.not-found h1{font-size:70px;letter-spacing:-.06em;margin:0;color:#d8e4f3}.not-found h2{font-size:25px}.not-found p{color:var(--muted)}
@media(max-width:1050px){.category-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:repeat(3,1fr)}.flow-step:nth-child(3):after{display:none}.article-shell{grid-template-columns:190px minmax(0,1fr)}.toc{display:none}.nav-search{display:none}}
@media(max-width:760px){.wrap{width:min(100% - 28px,var(--max))}.nav{height:68px}.brand{min-width:0}.brand img{width:145px;height:40px}.help-label{font-size:10px}.nav-actions{gap:7px}.nav-actions .btn.outline{display:none}.nav-support span{display:none}.nav-support{width:36px;height:36px;padding:0;justify-content:center;border-radius:10px;background:#f1f6fd}.nav-actions .btn.primary{padding:10px 12px;font-size:12px}.hero-inner{padding:55px 0 48px}.hero h1{font-size:37px}.hero p{font-size:14px}.hero-search input{padding-right:20px;font-size:14px}.hero-search button{position:static;width:100%;margin-top:9px;height:45px}.hero-search>i{top:23px}.category-grid,.article-list{grid-template-columns:1fr}.flow-grid{grid-template-columns:1fr 1fr}.flow-step:nth-child(n):after{display:none}.section{padding:42px 0}.section-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.article-shell{display:block;padding-top:25px}.side-nav{position:static;margin-bottom:24px;overflow:auto;white-space:nowrap;border-bottom:1px solid var(--line);padding-bottom:10px}.side-nav h4{display:none}.side-nav a{display:inline-flex}.article h1{font-size:35px}.category-layout{display:block}.all-categories{position:static;display:flex;overflow:auto;white-space:nowrap;margin-bottom:25px}.category-hero h1{font-size:35px}}

.all-article-groups{display:flex;flex-direction:column;gap:54px}.all-article-group{scroll-margin-top:95px}.all-article-group .section-head{margin-bottom:18px}.all-article-group .section-head h2{font-size:28px}.all-article-group .article-list{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.all-article-groups{gap:40px}.all-article-group .article-list{grid-template-columns:1fr}.all-article-group .section-head h2{font-size:24px}}