@font-face{font-family:Inter;src:local('Inter')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ed;color:#211a2d;font:17px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #6d4caf;outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}header{display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:24px;border-bottom:1px solid #d9d2e1}.wordmark{text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.4px}.wordmark small{font-size:12px;font-weight:500;letter-spacing:1.5px;display:block}.nav{display:flex;gap:24px;font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:12px;font-weight:800}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;padding-top:76px;padding-bottom:80px;align-items:center}h1{font-size:clamp(45px,6.6vw,80px);line-height:1.03;letter-spacing:-3px;margin:20px 0 28px;font-weight:800}h2{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1.3px;margin:0 0 24px}h3{font-size:21px;line-height:1.3;margin:0 0 12px}p{margin:0 0 20px}.lede{font-size:20px;max-width:570px}.muted{color:#635b6d;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 24px;border-radius:8px;background:#32235e;color:#fff;border:1px solid #32235e;text-decoration:none;font-size:16px;font-weight:700;cursor:pointer;gap:10px}.button.secondary{background:transparent;color:#32235e}.button.lime{background:#d3ff70;color:#211a2d;border-color:#d3ff70}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 16px}.hero-art{background:#32235e;border-radius:24px;padding:36px;position:relative}.cover{display:block;width:69%;height:auto;margin:0 auto;transform:rotate(-5deg);border:1px solid #776499;border-radius:4px;box-shadow:0 20px 35px #0d072b66}.art-note{background:#d3ff70;border-radius:10px;padding:16px 20px;font-size:16px;max-width:280px;position:relative;margin:-25px -10px 0 auto;box-shadow:0 10px 25px #0d072b44}.art-note strong{display:block}.strip{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #d9d2e1;border-bottom:1px solid #d9d2e1;padding:20px 0;font-size:14px}.section{padding:72px 0;border-bottom:1px solid #d9d2e1}.two{display:grid;grid-template-columns:1fr 1fr;gap:64px}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.step:before{counter-increment:steps;content:'0' counter(steps);font-size:15px;background:#e4dcef;padding:6px 11px;display:inline-block;border-radius:6px;margin-bottom:18px;font-weight:700}.example{padding:28px;background:#eae4f3;border-radius:16px}.example dt{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-top:18px}.example dd{margin:4px 0 0}.example dt:first-child{margin-top:0}.callout{background:#32235e;color:#f7f4ed;border-radius:18px;padding:40px}.callout h2{color:#d3ff70}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:20px}.file{padding:28px;border:1px solid #bdb2d1;border-radius:16px;background:#fffdf9}.file .button{margin-top:10px}.author{display:grid;grid-template-columns:140px 1fr;gap:30px;max-width:760px}.portrait{width:140px;height:170px;object-fit:cover;object-position:center 20%;border-radius:12px}details{border-top:1px solid #d9d2e1;padding:18px 0}summary{cursor:pointer;font-weight:700}details p{margin-top:14px;max-width:780px}.copy-area{width:100%;min-height:300px;resize:vertical;padding:18px;border:1px solid #bdb2d1;border-radius:8px;font:16px/1.6 Arial,sans-serif;background:#fffdf9;color:#211a2d}.status{min-height:28px;color:#4b4161}.narrow{max-width:820px}ul,ol{padding-left:24px}li{margin-bottom:10px}.prose h2{margin-top:40px;font-size:27px}.prose h1{font-size:50px;letter-spacing:-1.8px}.prose{padding-top:50px;padding-bottom:60px}footer{display:flex;justify-content:space-between;gap:28px;padding-top:30px;padding-bottom:32px;font-size:12px;color:#635b6d}footer p{margin:0}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.small-title{font-size:56px;letter-spacing:-2px}.back{display:inline-block;margin-bottom:24px}.tag{display:inline-block;background:#e4dcef;padding:4px 10px;border-radius:5px;font-size:12px;font-weight:700}.success{background:#d3ff70;color:#211a2d;padding:8px 14px;border-radius:6px;display:inline-block;font-weight:700;font-size:13px}.skip{position:absolute;left:10px;top:-80px;background:#d3ff70;padding:10px;z-index:5}.skip:focus{top:10px}@media(max-width:750px){header,main,footer{padding-left:22px;padding-right:22px}.nav{gap:15px}.nav .optional{display:none}.hero{grid-template-columns:1fr;gap:36px;padding-top:44px;padding-bottom:44px}h1{letter-spacing:-1.8px}.lede{font-size:18px}.hero-art{max-width:420px;width:100%;margin:auto;padding:28px}.cover{width:62%}.two,.steps,.downloads{grid-template-columns:1fr;gap:28px}.section{padding:44px 0}.strip{gap:10px 22px}.author{grid-template-columns:90px 1fr;gap:20px}.portrait{width:90px;height:120px}.callout{padding:28px 24px}.small-title{font-size:43px}footer{flex-direction:column}.button{width:auto}.file .button{width:100%}.prose h1{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover{transform:none}}