:root{
  --wrap:1500px;
  --ink:#172033;
  --muted:#56647d;
  --soft:#f6f8ff;
  --soft-2:#edf3ff;
  --line:#dfe7f5;
  --brand:#2646d8;
  --brand-2:#0f9f8f;
  --brand-3:#7f4de8;
  --dark:#101728;
  --card:#ffffff;
  --shadow:0 18px 55px rgba(21,32,63,.10);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;text-rendering:optimizeLegibility}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:10px 14px;border-radius:10px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);min-width:max-content}.brand:hover{text-decoration:none}.brand-mark{width:46px;height:46px;flex:0 0 auto}.brand strong{display:block;font-size:1.08rem;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.site-nav a{color:var(--ink);font-weight:700;font-size:.93rem;padding:9px 11px;border-radius:999px}.site-nav a:hover,.site-nav a.active{background:var(--soft-2);text-decoration:none;color:var(--brand)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-weight:800;color:var(--ink)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(127,77,232,.18),transparent 28%),radial-gradient(circle at 85% 22%,rgba(15,159,143,.18),transparent 30%),linear-gradient(135deg,#f9fbff 0%,#eef3ff 52%,#f4fffc 100%);border-bottom:1px solid var(--line)}.hero .wrap{padding:72px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:40px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--brand-2);font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:.79rem}.hero h1,.page-hero h1{font-size:clamp(2.2rem,4.4vw,5.5rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 22px;max-width:1150px}.hero p.lede,.page-hero p.lede{font-size:clamp(1.08rem,1.35vw,1.38rem);color:#33415e;max-width:1050px;margin:0 0 26px}.hero-panel{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:28px;padding:26px}.hero-panel h2{margin:0 0 12px;font-size:1.35rem}.hero-panel ul{margin:0;padding-left:20px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:900;border:1px solid var(--brand);background:var(--brand);color:#fff;box-shadow:0 10px 25px rgba(38,70,216,.18)}.btn:hover{text-decoration:none;filter:brightness(.96)}.btn.secondary{background:#fff;color:var(--brand);box-shadow:none}.section{padding:52px 0}.section.alt{background:var(--soft);border-block:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h2{font-size:clamp(1.7rem,2.2vw,2.8rem);line-height:1.12;letter-spacing:-.035em;margin:0}.section-head p{max-width:900px;color:var(--muted);margin:8px 0 0}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 12px 30px rgba(21,32,63,.045);min-width:0}.card h3{font-size:1.18rem;line-height:1.22;margin:0 0 10px}.card p{color:var(--muted);margin:0}.card .eyebrow{font-size:.72rem;margin-bottom:8px}.wide-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);gap:20px;background:var(--dark);color:#fff;border-radius:28px;padding:28px;align-items:center}.wide-card p{color:#dbe4ff}.wide-card a{color:#fff;text-decoration:underline}.page-hero{background:linear-gradient(135deg,#f9fbff,#eff5ff);border-bottom:1px solid var(--line)}.page-hero .wrap{padding:50px 0}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:16px}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:#93a0b8}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 16px 45px rgba(21,32,63,.055);min-width:0}.article h1{font-size:clamp(2rem,3vw,4rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 16px}.article h2{font-size:clamp(1.45rem,1.8vw,2.1rem);line-height:1.15;letter-spacing:-.025em;margin:38px 0 12px}.article h3{font-size:1.18rem;line-height:1.25;margin:24px 0 8px}.article p{margin:0 0 17px}.article ul,.article ol{padding-left:22px}.article li{margin:7px 0}.meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.93rem;margin-bottom:22px}.callout{border:1px solid var(--line);border-left:6px solid var(--brand-2);border-radius:18px;padding:18px 20px;background:#f5fffd;margin:24px 0}.callout.warning{border-left-color:var(--brand-3);background:#fbf8ff}.key-box{background:linear-gradient(135deg,#eef3ff,#f7fffd);border:1px solid var(--line);border-radius:22px;padding:20px;margin:24px 0}.key-box h2{margin-top:0}.sidebar{position:sticky;top:98px}.side-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;margin-bottom:16px;box-shadow:0 12px 28px rgba(21,32,63,.04)}.side-card h2,.side-card h3{font-size:1rem;margin:0 0 10px}.side-card ul{margin:0;padding-left:18px}.side-card li{margin:7px 0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.article-nav a{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--soft);font-weight:800}.article-nav a.next{text-align:right}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:18px;margin:20px 0;color:#5b3511}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--soft);font-size:.92rem}tr:last-child td{border-bottom:0}.site-footer{background:#101728;color:#d9e3ff;padding:48px 0 22px;margin-top:40px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(220px,.45fr));gap:28px}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:900}.footer-brand:hover{text-decoration:none}.site-footer h2{font-size:1rem;margin:0 0 10px;color:#fff}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:7px 0}.fine-print{font-size:.9rem;color:#b6c4e6}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:28px;padding-top:18px;font-size:.9rem;color:#b6c4e6}.compact-list{columns:2;column-gap:36px}.compact-list li{break-inside:avoid}.section-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill-list a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:var(--ink)}.pill-list a:hover{text-decoration:none;background:var(--soft-2)}
@media (max-width:1180px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.content-layout{grid-template-columns:1fr}.sidebar{position:static}.section-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.wrap{width:min(100% - 28px,var(--wrap))}.nav-wrap{min-height:68px}.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:68px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.site-nav.open{display:flex}.site-nav a{display:block}.hero .wrap,.page-hero .wrap{padding:42px 0}.card-grid,.section-list{grid-template-columns:1fr}.wide-card{grid-template-columns:1fr}.article{padding:24px 18px;border-radius:20px}.footer-grid{grid-template-columns:1fr}.article-nav{grid-template-columns:1fr}.article-nav a.next{text-align:left}.compact-list{columns:1}.brand small{display:none}}

.next-steps{background:linear-gradient(135deg,#f3f7ff,#f7fffc);border:1px solid var(--line);border-left:7px solid var(--brand);border-radius:22px;padding:20px 22px;margin:30px 0}.next-steps h2{margin-top:0}.next-steps ul{margin-bottom:0}.next-steps .small-note{color:var(--muted);font-size:.96rem;margin-top:10px}.diagram-card{border:1px solid var(--line);background:#fbfdff;border-radius:24px;padding:22px;margin:28px 0;box-shadow:0 12px 28px rgba(21,32,63,.045)}.diagram-card h2{margin-top:0}.diagram-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.diagram-step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;min-width:0}.diagram-step strong{display:block;color:var(--ink);line-height:1.25;margin-bottom:6px}.diagram-step span{display:block;color:var(--muted);font-size:.94rem;line-height:1.45}.diagram-arrow{display:none}.diagram-note{color:var(--muted);font-size:.96rem;margin:12px 0 0}.two-col-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.mini-panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.mini-panel h3{margin-top:0}@media (max-width:960px){.diagram-flow,.two-col-note{grid-template-columns:1fr}.diagram-card{padding:18px}}