:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14232b;background:#fffefb;font-synthesis:none;--blue:#0754c9;--ink:#14232b;--yellow:#fff08a;--line:#d7d8d6;--muted:#53606b}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#003d99}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto}p,li{line-height:1.7}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(2.6rem,5.8vw,5.6rem);font-weight:680;margin:.3em 0}h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:650}h3{font-size:1.3rem}header{border-bottom:1px solid var(--line);background:white}header .bar{max-width:1240px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:var(--ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:720;letter-spacing:-.055em}.brand span{font-weight:430}.brand img{width:36px;height:36px}nav{display:flex;gap:25px;align-items:center}nav a{font-size:14px;text-decoration:none;color:var(--ink)}nav a:hover{text-decoration:underline}.skip{position:absolute;top:-100px;left:12px;z-index:5;background:white;padding:12px}.skip:focus{top:8px}.hero{width:100%;background:#fffefb;border-bottom:1px solid var(--line)}.hero-inner{max-width:1240px;padding:62px 28px 70px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;min-height:550px}.hero-copy{max-width:660px;animation:arrive .45s ease both}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:650;color:var(--muted)}.hero h1{color:var(--blue);font-size:clamp(3rem,6vw,6rem);letter-spacing:-.065em}.marker{background:linear-gradient(transparent 67%,var(--yellow) 67%,var(--yellow) 91%,transparent 91%)}.hero p{font-size:clamp(1.12rem,1.8vw,1.35rem);max-width:520px;color:var(--muted);margin:24px 0 28px}.hero-art{display:block;width:100%;max-width:490px;justify-self:end;animation:arrive .65s .1s ease both}.button{display:inline-block;border:1px solid var(--blue);background:var(--blue);color:white;padding:14px 20px;text-decoration:none;border-radius:4px;font-weight:600;transition:background .15s,transform .15s}.button:hover{background:#003d99;color:white;transform:translateY(-2px)}.secondary{display:inline-block;margin-left:22px;font-size:14px}.wrap{max-width:1184px;margin:auto;padding:42px 28px 56px}.intro-line{max-width:760px;color:var(--muted);font-size:18px}.section-top{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px}.section-top h2{margin-bottom:12px}.tool-row{display:grid;grid-template-columns:1fr 1.2fr auto;gap:35px;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:28px 0}.tool-row h3{margin:0 0 10px;font-size:1.8rem}.tool-row p{margin:0;color:var(--muted)}.tool-tag{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.guide-list{list-style:none;padding:0;margin:0}.guide-list li{border-top:1px solid var(--line)}.guide-link{padding:24px 0;display:grid;grid-template-columns:100px 1fr 30px;gap:22px;align-items:start;color:var(--ink);text-decoration:none}.guide-link:hover .guide-title{text-decoration:underline;text-decoration-color:var(--blue)}.guide-title{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.guide-meta{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.guide-desc{display:block;font-size:15px;color:var(--muted);font-weight:400;letter-spacing:normal;margin-top:8px;line-height:1.6}.arrow{color:var(--blue);font-size:22px;transition:transform .15s}.guide-link:hover .arrow{transform:translate(3px,-2px)}.closing{background:#f2f5fa;border-top:1px solid var(--line)}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px}.closing p{max-width:670px;color:var(--muted)}.prose{max-width:820px;margin:0 auto;padding:45px 28px 70px}.prose h1{font-size:clamp(2.5rem,5vw,4rem);margin:10px 0 30px}.prose h2{font-size:26px;letter-spacing:-.03em;margin-top:36px}.prose p,.prose li{font-size:17px}.prose .lede{font-size:21px;color:var(--muted)}.prose ul{padding-left:23px}.source-list li{margin:18px 0}.notebook-line{border-left:4px solid var(--yellow);padding-left:20px;margin:30px 0}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer .wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;padding-top:28px;padding-bottom:28px}footer p{margin:0;max-width:710px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:start;gap:16px}.footer-links a{color:var(--ink)}.small{font-size:13px;color:var(--muted)}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){header .bar{padding:16px 20px;gap:14px;flex-wrap:wrap}nav{gap:18px}nav a{font-size:13px}.hero-inner{padding:35px 22px 35px;grid-template-columns:1fr;gap:20px;min-height:0}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.hero p{margin:19px 0 22px}.hero-art{max-width:330px;justify-self:center}.hero-copy{max-width:none}.wrap{padding:30px 22px 40px}.tool-row{grid-template-columns:1fr;gap:15px}.tool-row .button{justify-self:start}.guide-link{grid-template-columns:1fr 24px;gap:12px}.guide-meta{grid-column:1/-1}.guide-title{font-size:19px}.section-top{display:block}.closing .wrap{display:block}.secondary{margin-left:14px}.prose{padding:30px 22px 50px}.prose p,.prose li{font-size:16px}footer .wrap{grid-template-columns:1fr;gap:18px}.footer-links{justify-content:flex-start}.brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}