:root{color-scheme:light;--ink:#102a43;--muted:#52667a;--accent:#006c83;--line:#dbe3e9;--soft:#f2f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#005f77}a:focus-visible{outline:3px solid #b04b00;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-70px;background:#fff;padding:12px;z-index:10}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0}.brand{font-size:16px;font-weight:750;color:var(--ink);text-decoration:none;line-height:1.35}.brand span{display:block;font-size:12px;font-weight:500;color:var(--muted)}nav{display:flex;gap:22px}nav a{text-decoration:none;font-size:14px;font-weight:650}.hero{padding:78px 0 45px}.eyebrow,.section-index{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--accent)}h1,h2{letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.4rem,5.3vw,4.4rem);max-width:960px;margin:18px 0 23px}h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 24px}.lede{font-size:clamp(1.1rem,2vw,1.35rem);max-width:770px;color:#41586b}.metadata{display:flex;flex-wrap:wrap;gap:12px 34px;padding:23px 0 25px;margin-top:20px;border-top:1px solid var(--line);font-size:14px}.metadata strong{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.placeholder{background:#fff3d6;padding:2px 5px}.text-link{display:inline-block;font-weight:750;text-underline-offset:5px}.feature{padding-bottom:45px}.image-placeholder{min-height:330px;position:relative;background:linear-gradient(130deg,#e6f0f4,#c5d9e1);border:1px solid #b8d1db;border-radius:16px;padding:40px 8% 65px;overflow:hidden}.mock-window{max-width:820px;height:340px;margin:auto;background:#fff;border:1px solid #b4c7cf;border-radius:10px;box-shadow:0 18px 55px #2b51662a;overflow:hidden}.mock-top{height:36px;background:#eef3f5;border-bottom:1px solid #d8e2e7;display:flex;align-items:center;gap:6px;padding:0 12px}.mock-top i{width:8px;height:8px;border-radius:50%;background:#b7c9d2}.mock-top span{margin-left:12px;font-size:10px;letter-spacing:.1em;color:#496477}.mock-body{display:grid;grid-template-columns:2fr 1fr;height:calc(100% - 36px)}.mock-canvas{background:#f6f8f9;display:flex;align-items:center;justify-content:center;gap:18px}.mock-box{width:38%;height:60%;background:#d6e7ed;border-radius:12px}.mock-lines{width:30%}.mock-lines b,.mock-row,.mock-panel-title{display:block;background:#c6d9e1;height:12px;border-radius:4px;margin-bottom:13px}.mock-lines b:nth-child(2){width:80%}.mock-lines b:nth-child(3){width:55%}.mock-panel{border-left:1px solid #dbe3e9;padding:28px 18px}.mock-panel-title{width:65%;height:19px;background:#8caebb}.mock-row.short{width:60%}.mock-callout{height:65px;background:#e2f0ec;border-left:4px solid #398876;margin:22px 0}.image-notice{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:13px;font-weight:750;color:#304e5f}.figure-note,.footnote{font-size:13px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:55px;padding:76px 0}.content-grid p{max-width:760px;margin:0 0 19px}.section-index{padding-top:10px}.section-tint{background:var(--soft)}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.chips span{border:1px solid #cbdce4;border-radius:100px;background:white;padding:6px 12px;font-size:13px;font-weight:650}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.steps li{border:1px solid var(--line);border-radius:10px;padding:18px}.steps strong,.steps span{display:block}.steps span{font-size:14px;color:var(--muted)}.takeaway{border-left:4px solid var(--accent);padding:15px 22px;background:#fff;margin-top:26px}.takeaway p{margin:6px 0 0}.footer{background:var(--ink);color:#e5edf2;padding:38px 0;font-size:13px}.footer p{max-width:900px}.footer a{color:#fff}@media(max-width:700px){.wrap{width:min(100% - 32px,1100px)}.header-inner{align-items:flex-start;flex-direction:column;gap:14px}nav{gap:20px}.hero{padding-top:45px}.content-grid{grid-template-columns:1fr;gap:12px;padding:52px 0}.image-placeholder{min-height:250px;padding:28px 5% 65px}.mock-window{height:230px}.mock-panel{padding:14px 10px}.steps{grid-template-columns:1fr}.metadata{gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}