:root{--blue-50: #F5F9FF;--blue-100: #E8F1FD;--blue-200: #D3E4FA;--blue-300: #A9C9F2;--blue-400: #5B9BEA;--blue-500: #0080FF;--blue-600: #0066CC;--blue-700: #0052A8;--blue-900: #0A2C52;--background: #FFFFFF;--card-bg: #FFFFFF;--border: var(--blue-200);--heading: #141A22;--text-body: #4A5563;--text-muted: #6B7885;--primary: var(--blue-600);--primary-hover:var(--blue-700);--accent: var(--blue-500);--primary-light:var(--blue-50);--success: #10b981;--band-bg: var(--blue-50);--band-fg: #4A5563;--band-tint-bg: var(--blue-100);--footer-bg: var(--blue-900);--footer-fg: #D9DEE6;--footer-fine-fg:#C2D9F5;--ink: var(--heading);--ink-2: var(--text-body);--ink-3: var(--text-muted);--rule: var(--border);--measure: 70ch;--sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--container: 1200px;--gutter: 20px;--card-radius: 10px;--btn-radius: 5px;--card-shadow: 0 1px 2px rgba(20, 26, 34, .04), 0 4px 10px rgba(20, 26, 34, .06);--ring: 0 0 0 1px var(--blue-200);--portrait-shadow: 0 2px 3px rgba(20, 26, 34, .1), 0 10px 20px rgba(20, 26, 34, .14);--grid-gap: 24px;--band-pad: 100px;--header-h: 60px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--text-body);font-family:var(--sans);font-size:16px;line-height:28px;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}main{flex:1 0 auto}h1,h2,h3,h4{font-family:var(--sans);color:var(--heading);margin:0;text-wrap:balance}h1{font-size:clamp(30px,1.6rem + 1.9vw,44px);font-weight:900;line-height:1.18;letter-spacing:-.5px}h2{font-size:clamp(27px,1.5rem + 1.3vw,40px);font-weight:900;line-height:1.25;letter-spacing:-.5px}h3{font-size:22px;font-weight:500;line-height:1.5}h4{font-size:18px;font-weight:700;line-height:27px}p{margin:0 0 1rem}a{color:var(--primary);text-underline-offset:2px}a:hover{color:var(--primary-hover)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.band{padding:clamp(56px,7vw,var(--band-pad)) 0}.band+.band{border-top:1px solid var(--border)}.band-dark{background:var(--band-bg);color:var(--text-body);border-top:0}.band-tint{background:var(--band-tint-bg);border-top:0}.band-dark h1,.band-dark h2,.band-dark h3,.band-dark h4,.band-dark strong,.band-tint h1,.band-tint h2,.band-tint h3,.band-tint h4,.band-tint strong{color:var(--heading)}.band-dark+.band,.band-tint+.band{border-top:0}.band-hero{padding:clamp(56px,6vw,100px) 0 clamp(64px,7vw,125px)}.measure{max-width:var(--measure)}.col-narrow{max-width:620px}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px}.band-dark .eyebrow,.band-tint .eyebrow{color:var(--text-muted)}.section-head{margin-bottom:34px}.section-head p{margin:12px 0 0;max-width:620px}.section-head .btn{margin-top:22px}.head-actions{display:flex;flex-wrap:wrap;gap:10px}.head-actions .btn{margin-top:22px}.grid{display:grid;gap:var(--grid-gap)}@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px)and (max-width:899px){.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}}.card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.card:hover{border-color:var(--blue-300);box-shadow:0 2px 6px #141a220f,0 8px 18px #141a2217;transform:translateY(-2px)}.card-img{aspect-ratio:384 / 215;width:100%;height:auto;display:block;object-fit:cover;background:var(--primary-light);border-bottom:1px solid var(--border)}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.card-body p{font-size:15px;line-height:25px;margin:8px 0 0;color:var(--text-body)}.card-action{margin-top:auto;padding-top:18px}.card-action .btn{width:100%;text-align:center}.card-link{font-weight:700;font-size:15px;text-decoration:none}.card-link:hover{text-decoration:underline}.card-tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px}.card-flat{padding:22px}.card-a{text-decoration:none;color:inherit;display:flex}.card-a:hover h4{text-decoration:underline}.card-img-16x9{aspect-ratio:16 / 9}.video-card .card-body h4{margin:0}.video-play{position:relative;display:block;width:100%;padding:0;border:0;background:var(--primary-light);cursor:pointer;overflow:hidden;line-height:0}.video-play:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.video-play-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .16s ease}.video-play-bg{fill:#212121;fill-opacity:.8;transition:fill-opacity .16s ease,fill .16s ease}.video-play:hover .video-play-bg,.video-play:focus-visible .video-play-bg{fill:red;fill-opacity:1}.video-play:hover .video-play-badge{transform:scale(1.06)}@media(prefers-reduced-motion:reduce){.video-play:hover .video-play-badge{transform:none}}.video-frame{width:100%;aspect-ratio:16 / 9;display:block;border:0;border-bottom:1px solid var(--border)}.card-meta{font-size:13px;color:var(--text-muted);margin:10px 0 0;font-family:var(--mono)}.btn{display:inline-block;padding:14px 24px;min-height:44px;border-radius:var(--btn-radius);font-weight:700;font-size:17px;line-height:24px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;background:var(--primary);color:#fff;transition:background .15s ease}.btn:hover{background:var(--primary-hover);color:#fff}.btn-ghost{background:var(--card-bg);color:var(--heading);box-shadow:var(--ring)}.btn-ghost:hover{background:var(--blue-50);color:var(--primary-hover);box-shadow:0 0 0 1px var(--blue-300)}.btn-sm{padding:9px 15px;font-size:15px;min-height:0}.portrait{width:156px;height:156px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 25px;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--blue-200),var(--portrait-shadow)}@media(min-width:760px){.portrait{width:172px;height:172px}}.hero-center{text-align:center;max-width:720px;margin:0 auto}.hero-center p{margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}.site-header{background:var(--background);border-bottom:1px solid var(--border)}.site-header{position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;gap:22px;min-height:var(--header-h);padding:9px 0;flex-wrap:nowrap}.nav-logo{font-size:21px;font-weight:900;letter-spacing:-.4px;color:var(--heading);text-decoration:none;white-space:nowrap;min-width:0;flex:0 1 auto}.nav-logo:hover{color:var(--heading)}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a:not(.btn){font-size:16px;color:var(--text-body);text-decoration:none;white-space:nowrap}.nav-links a:not(.btn):hover{color:var(--primary)}.nav-cta{margin-left:auto;white-space:nowrap;flex:0 0 auto}.nav-disclosure{margin-left:auto;min-width:0}.nav-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:15px;color:var(--text-body);white-space:nowrap;padding:10px 4px;min-height:44px;list-style:none;user-select:none}.nav-toggle::-webkit-details-marker{display:none}.nav-toggle:hover{color:var(--primary)}.nav-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.nav-toggle-bars{width:16px;height:10px;flex:0 0 auto;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.nav-toggle-bars:after{content:"";position:absolute;left:0;top:3px;width:100%;border-top:2px solid currentColor}.nav-disclosure[open] .nav-links{position:absolute;right:0;top:calc(100% + 1px);z-index:60;flex-direction:column;align-items:flex-start;gap:4px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:8px 6px;min-width:176px}.nav-disclosure[open] .nav-links a{display:block;width:100%;padding:11px 14px;border-radius:5px}.nav-disclosure[open] .nav-links a:hover{background:var(--blue-50)}.nav{position:relative}@media(min-width:760px){.nav-toggle{display:none}.nav-disclosure,.nav-disclosure[open]{margin-left:auto}.nav-disclosure::details-content{content-visibility:visible;display:contents}.nav-disclosure .nav-links,.nav-disclosure[open] .nav-links{display:flex;position:static;flex-direction:row;align-items:center;gap:22px;background:none;border:0;box-shadow:none;padding:0;min-width:0}.nav-disclosure[open] .nav-links a{display:inline;width:auto;padding:0}.nav-cta{margin-left:0}}@media(max-width:759px){.nav-cta-long{display:none}.nav{padding:6px 0;min-height:56px}}@media(min-width:760px){.nav-cta-short{display:none}}@media(max-width:430px){.nav{gap:10px}.nav-logo{font-size:18px}.nav-toggle{font-size:14px;gap:6px;padding:10px 2px}.nav-cta{padding:9px 13px;font-size:14px}}@media(max-width:349px){.nav{gap:8px}.nav-logo{font-size:16px;letter-spacing:-.5px}.nav-toggle{font-size:0;gap:0;padding:10px 6px}.nav-cta{padding:9px 11px;font-size:13px}}[id]{scroll-margin-top:72px}@media(min-width:760px){[id]{scroll-margin-top:calc(var(--header-h) + 16px)}}.footer{background:var(--footer-bg);color:var(--footer-fg);padding:64px 0 40px}.footer .eyebrow{color:var(--footer-fine-fg)}.footer h4{color:#fff;font-size:16px;margin-bottom:10px}.footer p{font-size:14.5px;line-height:24px;color:var(--footer-fg)}.footer a{color:#fff}.footer a:hover{color:#fff;text-decoration-thickness:2px}.footer-fine{font-size:13px;color:var(--footer-fine-fg);margin-top:34px}.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}.footer-links a{font-size:14.5px;text-decoration:none;padding:5px 0}.footer-links a:hover{text-decoration:underline}.footer-socials{border-top:0;padding-top:0;margin-top:4px}.footer-socials a{color:var(--footer-fine-fg);font-size:14px}.footer-socials a:hover{color:#fff}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.todo{background:repeating-linear-gradient(45deg,#fff3c4,#fff3c4 10px,#ffe89a 10px 20px);border:1px dashed #B4820B;color:#5a4206;padding:10px 14px;border-radius:6px;font-family:var(--mono);font-size:12.5px;line-height:20px;margin:0 0 14px}.band-dark .todo,.footer .todo{color:#5a4206}.card-img-todo{aspect-ratio:384 / 215;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;background:var(--primary-light);border-bottom:1px solid var(--border);outline:1px dashed #A9C4E8;outline-offset:-9px;color:var(--text-muted);font-family:var(--mono);font-size:11.5px;line-height:17px}.breadcrumb{font-size:13px;color:var(--text-muted);margin:0 0 18px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{margin:0 6px}.note-meta{font-size:14px;color:var(--text-muted);margin:14px 0 0}.note-meta span{margin:0 6px}.note-meta span:first-child{margin-left:0}.note-topics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.note-hero{width:100%;height:auto;border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:block}.note-answer{font-size:18px;line-height:30px;font-weight:500;color:var(--heading);border-left:3px solid var(--accent);padding:4px 0 4px 18px;margin:0 0 28px}.prose{font-size:17px;line-height:30px;color:var(--text-body)}.prose>*+*{margin-top:20px}.prose h2{font-size:26px;line-height:34px;margin-top:44px}.prose h3{font-size:20px;line-height:28px;margin-top:32px}.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:8px}.prose img{border-radius:var(--card-radius);display:block}.prose blockquote{border-left:3px solid var(--border);padding-left:18px;margin-left:0;color:var(--text-muted);font-style:italic}.prose code{font-family:var(--mono);font-size:.9em;background:var(--primary-light);padding:2px 5px;border-radius:4px}.prose pre{background:var(--primary-light);padding:16px 18px;border-radius:var(--card-radius);overflow-x:auto}.prose pre code{background:none;padding:0}.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.note-faq{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.note-faq dt{font-weight:700;color:var(--heading);margin-top:22px}.note-faq dd{margin:8px 0 0;color:var(--text-body)}.note-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap);margin-top:56px;padding-top:28px;border-top:1px solid var(--border)}.note-nav-link{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:18px 20px;font-weight:700;color:var(--heading)}.note-nav-link:hover{box-shadow:0 2px 6px #00000012,0 8px 18px #0000001a}.note-nav-next{grid-column:2;text-align:right}@media(max-width:700px){.note-nav{grid-template-columns:1fr}.note-nav-next{grid-column:1;text-align:left}}