@font-face{font-family:Fraunces;font-style:italic;font-weight:300;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:300;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:300;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:400;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(../media/50a3f1070da3c6cc-s.2xm1k7t3a0pcd.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(../media/b887d91685b8c137-s.330vchwb4izzb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:600;font-display:swap;src:url(../media/3c7c6164b2587822-s.p.16u3vygyjnhr0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:300;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:400;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_ed42a505-module__vlF8XW__className{font-family:Fraunces,Fraunces Fallback}.fraunces_ed42a505-module__vlF8XW__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6e8df35dd937fa7a-s.0itc0wjx1mi4q.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fc2699ecc8323b38-s.1gwygi6ipeo67.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa0520225c6f3d07-s.p.33u8lzvd44aqk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Fallback;src:local(Arial);ascent-override:90.59%;descent-override:21.46%;line-gap-override:0.0%;size-adjust:104.87%}.public_sans_5a501095-module__KgTIvG__className{font-family:Public Sans,Public Sans Fallback;font-style:normal}.public_sans_5a501095-module__KgTIvG__variable{--font-public-sans:"Public Sans", "Public Sans Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_7617b39d-module__CsoKTa__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal;font-weight:400}.ibm_plex_mono_7617b39d-module__CsoKTa__variable{--font-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--canvas:var(--lightningcss-light,#f5f5f4)var(--lightningcss-dark,#121212);--ink:var(--lightningcss-light,#141414)var(--lightningcss-dark,#ededec);--body:var(--lightningcss-light,#2a2a2a)var(--lightningcss-dark,#d4d4d3);--secondary:var(--lightningcss-light,#474747)var(--lightningcss-dark,#b0b0af);--muted:var(--lightningcss-light,#6a6a6a)var(--lightningcss-dark,#8c8c8b);--card:var(--lightningcss-light,#fcfcfb)var(--lightningcss-dark,#1c1c1c);--panel:var(--lightningcss-light,#ebebea)var(--lightningcss-dark,#181818);--rule:var(--lightningcss-light,#d6d6d5)var(--lightningcss-dark,#333);--faint:var(--lightningcss-light,#a8a8a7)var(--lightningcss-dark,#555);--accent:var(--lightningcss-light,#2f6b3a)var(--lightningcss-dark,#86c98f);--accent-hover:var(--lightningcss-light,#22502a)var(--lightningcss-dark,#b3e0b8);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0c1f10);--inverse:var(--lightningcss-light,#141414)var(--lightningcss-dark,#1c1c1c);--inverse-ink:var(--lightningcss-light,#f5f5f4)var(--lightningcss-dark,#ededec);--inverse-code:var(--lightningcss-light,#e6e6e5)var(--lightningcss-dark,#d4d4d3);--inverse-border:var(--lightningcss-light,#0000)var(--lightningcss-dark,#333);--inverse-button:var(--lightningcss-light,#f5f5f4)var(--lightningcss-dark,#ededec);--inverse-button-ink:var(--lightningcss-light,#141414)var(--lightningcss-dark,#121212);--card-shadow:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0006);--radius:4px;--font-display:var(--font-fraunces), "Fraunces", Georgia, serif;--font-body:var(--font-public-sans), "Public Sans", system-ui, sans-serif;--font-mono:var(--font-plex-mono), "IBM Plex Mono", ui-monospace, monospace;--gutter:clamp(16px, 6.7vw, 96px);--max-width:1440px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,ul,ol,figure,pre{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--accent)}a:hover{color:var(--accent-hover)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(36px,3.6vw,52px);font-weight:400;line-height:1.05}h3{font-size:20px;font-weight:600;line-height:1.3}.kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.accent-text{color:var(--accent);white-space:nowrap;font-style:italic}.lede{color:var(--secondary);font-size:17px;line-height:1.7}.fine-print{color:var(--muted);font-size:14px}.text-link{font-weight:500;text-decoration:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:12px 22px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.button-lg{padding:18px 30px}.button-ink,.button-ink:hover{background:var(--ink);color:var(--canvas)}.button-accent,.button-accent:hover{color:var(--on-accent)}.button-accent{background:var(--accent)}.button-accent:hover{background:var(--accent-hover)}.button-outline,.button-outline:hover{border-color:var(--ink);color:var(--ink)}.button-outline:hover{background:var(--card)}.button-band,.button-band:hover{background:var(--inverse-button);color:var(--inverse-button-ink)}.page{max-width:var(--max-width);margin:0 auto;overflow-x:clip}.nav{padding:28px var(--gutter);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;font-size:15px;display:flex}.wordmark{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.4em;font-size:26px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.wordmark:hover{color:var(--ink)}.wordmark-mark{width:1em;height:.75em;color:var(--accent);flex-shrink:0}.wordmark-sm{font-size:20px;font-weight:400}.nav-links,.footer-links{gap:36px;display:flex}.nav-links a,.nav-signin{color:var(--ink);text-decoration:none}.nav-links a:hover,.nav-signin:hover{color:var(--accent)}.nav-actions{align-items:center;gap:20px;display:flex}.theme-toggle{border:1px solid var(--rule);border-radius:var(--radius);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}.footer{padding:40px var(--gutter);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;font-size:14px;display:flex}.footer-links{gap:28px}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--ink)}
.hero{padding:120px var(--gutter) 120px;justify-items:center;gap:72px;display:grid}.hero-copy{text-align:center;flex-direction:column;align-items:center;gap:32px;display:flex}.hero h1{max-width:1100px;font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(46px,7.8vw,112px);font-weight:300;line-height:.98}.hero-lede{max-width:640px;color:var(--secondary);font-size:20px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.card-stage{width:min(760px,100%);display:grid}.index-card{border:1px solid var(--rule);background:var(--card);width:min(400px,54%);min-height:250px;box-shadow:0 14px 36px var(--card-shadow);flex-direction:column;grid-area:1/1;gap:14px;padding:28px;display:flex}.index-card-question{--tilt:-4deg;transform:rotate(var(--tilt));justify-self:start;margin-top:0}.index-card-answer{--tilt:3deg;transform:rotate(var(--tilt));justify-self:end;margin-top:96px}@media (prefers-reduced-motion:no-preference){.index-card{animation:.9s cubic-bezier(.2,.8,.2,1) both card-settle}.index-card-answer{animation-delay:.18s}}@keyframes card-settle{0%{opacity:0;transform:translateY(-48px) rotate(calc(var(--tilt) * -2))}}.card-meta{color:var(--muted);font-family:var(--font-mono);justify-content:space-between;gap:12px;font-size:12px;display:flex}.index-card-question .card-text{font-family:var(--font-display);font-size:26px;line-height:1.25}.index-card-answer .card-text{color:var(--body);font-size:17px;line-height:1.6}.grades{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.grade{border:1px solid var(--rule);padding:6px 12px;font-size:13px}.grade-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.section{padding:80px var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.section-head{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.features{border-top:1px solid var(--rule)}.features .section-head{grid-column:span 4;gap:16px}.ruled-list{grid-column:6/span 7}.ruled-item{border-top:1px solid var(--rule);grid-template-columns:64px minmax(0,1fr);gap:16px;padding:24px 0;display:grid}.ruled-item:first-child{border-top-color:var(--ink)}.ruled-item:last-child{border-bottom:1px solid var(--rule)}.numeral{color:var(--accent);font-family:var(--font-display);font-size:28px;line-height:1.1}.ruled-copy{flex-direction:column;gap:6px;display:flex}.ruled-copy p{color:var(--secondary)}.trees{margin:0 var(--gutter);background:var(--panel);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:64px;padding:80px;display:grid}.trees-figure svg{width:100%;max-width:540px;height:auto;display:block}.edge{stroke:var(--faint);stroke-width:1.5px;stroke-dasharray:4 5}.edge-lit{stroke:var(--ink);stroke-width:2px;stroke-dasharray:none}.node text{font-family:var(--font-body);text-anchor:middle;font-size:14px}.node-mastered rect{fill:var(--ink)}.node-mastered text{fill:var(--canvas)}.node-current rect{fill:var(--accent)}.node-current text{fill:var(--on-accent)}.node-open rect,.node-locked rect{fill:var(--card);stroke:var(--ink)}.node-open text{fill:var(--ink)}.node-locked rect{stroke:var(--faint);stroke-dasharray:4 4}.node-locked text{fill:var(--muted)}.api{align-items:start;padding-block:120px}.api .section-head{grid-column:span 5}.code-block{border:1px solid var(--inverse-border);background:var(--inverse);min-width:0;color:var(--inverse-code);grid-column:7/span 6;padding:32px}.code-block pre{font-family:var(--font-mono);font-size:14px;line-height:1.8;overflow-x:auto}.pricing{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.pricing .section-head{grid-column:1/-1;gap:16px}.plan{border-top:1px solid var(--ink);flex-direction:column;align-items:flex-start;gap:14px;padding-top:24px;display:flex}.plan-featured{border-top:4px solid var(--accent)}.plan-price{font-family:var(--font-display);font-size:56px;font-weight:300;line-height:1.1}.plan-per{color:var(--secondary);margin-top:-10px}.plan-includes{color:var(--secondary)}.closing-band{margin:40px var(--gutter) 0;border:1px solid var(--inverse-border);background:var(--inverse);color:var(--inverse-ink);text-align:center;flex-direction:column;align-items:center;gap:28px;padding:96px;display:flex}.closing-band h2{font-size:clamp(40px,5vw,72px);font-weight:300}@media (max-width:960px){.nav-links{display:none}.hero{padding-block:88px}.section,.trees{grid-template-columns:minmax(0,1fr);gap:40px}.features .section-head,.ruled-list,.api .section-head,.code-block{grid-column:1/-1}.trees{padding:56px}.trees .section-head{order:-1}.api{padding-block:80px}.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing .section-head{grid-column:1/-1}}@media (max-width:640px){.nav{gap:12px;padding-block:20px}.nav .button{padding:10px 14px}.nav-actions{gap:12px}.nav-signin{display:none}.wordmark{font-size:20px}.hero{gap:48px;padding-block:56px 72px}.hero-lede{font-size:17px}.hero-actions{flex-direction:column;align-self:stretch}.index-card{width:100%;min-height:0;padding:22px}.index-card-question{--tilt:-1.5deg;grid-area:1/1;width:94%}.index-card-answer{--tilt:1deg;grid-area:2/1;width:94%;margin-top:-16px}.index-card-question .card-text{font-size:22px}.index-card-answer .card-text{font-size:16px}.section{padding-block:56px}.ruled-item{grid-template-columns:44px minmax(0,1fr);gap:12px}.trees{padding:56px var(--gutter);margin-inline:0}.code-block{padding:20px}.code-block pre{font-size:12.5px}.pricing{grid-template-columns:minmax(0,1fr)}.closing-band{padding:64px var(--gutter);margin-inline:0}}@media (max-width:380px){.nav-signin{display:inline}.nav .button{display:none}}
@property --how-mastery{syntax:"<integer>";inherits:false;initial-value:0}.how{--how-ease:cubic-bezier(.2, .7, .2, 1);padding:80px var(--gutter) 40px;border-top:1px solid var(--rule)}.how .section-head{gap:16px}.how-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;margin-top:48px;display:grid}.how-step{flex-direction:column;justify-content:center;gap:14px;min-height:80vh;transition:opacity .4s;display:flex}.how[data-step] .how-step{opacity:.28}.how[data-step="1"] .how-step:first-child,.how[data-step="2"] .how-step:nth-child(2),.how[data-step="3"] .how-step:nth-child(3),.how[data-step="4"] .how-step:nth-child(4){opacity:1}.how-step-number{color:var(--accent);font-family:var(--font-mono);letter-spacing:.08em;font-size:13px}.how-step h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,2.6vw,38px);font-weight:400;line-height:1.1}.how-step p{max-width:440px;color:var(--secondary);font-size:17px;line-height:1.7}.how-stage{aspect-ratio:5/4;border:1px solid var(--rule);background:var(--panel);align-self:start;width:min(100%,95vh);position:sticky;top:12vh;overflow:hidden;container-type:inline-size}.how-svg{width:100%;height:100%;position:absolute;inset:0}.how-label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:2cqw;font-size:max(9px,1.9cqw);display:flex}.how-svg-label{fill:var(--muted);font-family:var(--font-mono);font-size:13px}.how-note{border:1px solid var(--rule);background:var(--card);width:70%;box-shadow:0 2cqw 5cqw var(--card-shadow);transform-origin:50% 0;transition:transform .8s var(--how-ease), opacity .5s ease;flex-direction:column;gap:2cqw;padding:3.6cqw;display:flex;position:absolute;top:8%;left:15%}.how-field{border-top:1px solid var(--rule);flex-direction:column;gap:.8cqw;padding-top:2cqw;display:flex}.how-type{color:var(--body);font-size:3.3cqw;line-height:1.35;display:block}.how-type-front{color:var(--ink);font-family:var(--font-display);font-size:4.2cqw}.how-cite{color:var(--muted);font-size:max(10px,2.1cqw)}.how[data-how-ready] .how-type{clip-path:inset(0 100% 0 0)}.how[data-how-ready] .how-cite{opacity:0}.how[data-step] .how-type{clip-path:inset(0);transition:clip-path 1s steps(30,end) .2s}.how[data-step] .how-type-back{transition-delay:1.3s}.how[data-step] .how-cite{opacity:1;transition:opacity .4s 2.4s}.how[data-step="2"] .how-note{transform:translateY(-7cqw)scale(.6)}.how[data-step="3"] .how-note,.how[data-step="4"] .how-note{opacity:0;transform:translateY(-14cqw)scale(.6)}.how-card{border:1px solid var(--rule);background:var(--card);width:42%;min-height:22cqw;box-shadow:0 1.6cqw 4cqw var(--card-shadow);opacity:0;transition:transform .8s var(--how-ease), opacity .4s ease;flex-direction:column;gap:1.8cqw;padding:3cqw;display:flex;position:absolute;top:46%}.how-card-text{color:var(--ink);font-family:var(--font-display);font-size:3.4cqw;line-height:1.25}.how-card-1{left:6%;transform:translate(45%,-40%)scale(.6)}.how-card-2{right:6%;transform:translate(-45%,-40%)scale(.6)}.how[data-step="2"] .how-card{opacity:1;transition-delay:.25s}.how[data-step="2"] .how-card-1{transform:rotate(-3deg)}.how[data-step="2"] .how-card-2{transition-delay:.4s;transform:translateY(4cqw)rotate(2.5deg)}.how[data-step="3"] .how-card-1,.how[data-step="4"] .how-card-1{transform:translate(-40%,60%)scale(.25)}.how[data-step="3"] .how-card-2,.how[data-step="4"] .how-card-2{transform:translate(-150%,60%)scale(.25)}.how-chart,.how-tree{opacity:0;transition:opacity .4s}.how[data-step="3"] .how-chart,.how[data-step="4"] .how-tree{opacity:1;transition-delay:.3s}.how-axis{stroke:var(--rule)}.how-curve{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linejoin:round}.how-curve-main{stroke:var(--accent);stroke-width:2.5px}.how-curve-faint{stroke:var(--faint);stroke-width:1.5px}.how[data-step="3"] .how-curve{stroke-dashoffset:0;transition:stroke-dashoffset 2s cubic-bezier(.45,0,.25,1) .4s}.how-faint-label,.how-reviewed-label,.how-review{opacity:0}.how-chart .how-reviewed-label{fill:var(--accent)}.how[data-step="3"] .how-faint-label,.how[data-step="3"] .how-reviewed-label{opacity:1;transition:opacity .4s 2.2s}.how-review circle{fill:var(--accent);stroke:var(--panel);stroke-width:3px;transform-box:fill-box;transform-origin:50%;transform:scale(0)}.how[data-step="3"] .how-review{opacity:1;transition:opacity .2s ease var(--delay)}.how[data-step="3"] .how-review circle{transition:transform .45s cubic-bezier(.3, 1.8, .5, 1) var(--delay);transform:scale(1)}.how-edge{stroke:var(--ink);stroke-width:2px}.how-edge-locked{stroke:var(--faint);stroke-width:1.5px;stroke-dasharray:4 5}.how-edge-unlock{stroke-dasharray:1;stroke-dashoffset:1px}.how[data-step="4"] .how-edge-unlock{stroke-dashoffset:0;transition:stroke-dashoffset .6s 2s}.how-node text{font-family:var(--font-body);font-size:14px}.how-node-mastered rect{fill:var(--ink)}.how-node-mastered text{fill:var(--canvas)}.how-node-current rect,.how-node-current text{transition:fill .4s}.how-node-current rect{fill:var(--accent)}.how-node-current text{fill:var(--on-accent)}.how[data-step="4"] .how-node-current rect{fill:var(--ink);transition-delay:1.8s}.how[data-step="4"] .how-node-current text{fill:var(--canvas);transition-delay:1.8s}.how-bar{fill:var(--rule)}.how-bar-fill{fill:var(--accent);transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.how[data-step="4"] .how-bar-fill{transition:transform 1.3s cubic-bezier(.4,0,.2,1) .5s;transform:scaleX(1)}.how-node-fill{fill:var(--card)}.how-node-dashed,.how-node-solid,.how-pulse{fill:none}.how-node-dashed{stroke:var(--faint);stroke-dasharray:4 4}.how-node-solid,.how-pulse{stroke:var(--accent);stroke-width:2px;opacity:0}.how-node-unlocking text{fill:var(--muted)}.how-node-unlocking .how-unlocked{fill:var(--accent);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;opacity:0;font-size:12px}.how[data-step="4"] .how-node-dashed{opacity:0;transition:opacity .3s 2.4s}.how[data-step="4"] .how-node-solid,.how[data-step="4"] .how-node-unlocking .how-unlocked{opacity:1;transition:opacity .3s 2.4s}.how[data-step="4"] .how-node-unlocking text{fill:var(--ink);transition:fill .3s 2.4s}.how-pulse{transform-box:fill-box;transform-origin:50%}.how[data-step="4"] .how-pulse{animation:1.2s ease-out 2.4s 2 how-pulse}@keyframes how-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.3,2)}}.how-mastery{--how-mastery:0;color:var(--muted);font-family:var(--font-mono);opacity:0;counter-reset:mastery var(--how-mastery);font-size:max(9px,2.2cqw);transition:opacity .3s;position:absolute;top:45%;left:66%;transform:translateY(-50%)}.how-mastery-value:after{color:var(--ink);content:counter(mastery) "%"}.how[data-step="4"] .how-mastery{--how-mastery:100;opacity:1;transition:opacity .3s .4s,--how-mastery 1.3s cubic-bezier(.4,0,.2,1) .5s}.how-progress{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6cqw;font-size:max(9px,1.9cqw);display:grid;position:absolute;bottom:4cqw;left:5%;right:5%}.how-progress li{border-top:2px solid var(--rule);padding-top:1.2cqw;transition:border-color .4s,color .4s}.how[data-step="1"] .how-progress li:nth-child(-n+1),.how[data-step="2"] .how-progress li:nth-child(-n+2),.how[data-step="3"] .how-progress li:nth-child(-n+3),.how[data-step="4"] .how-progress li:nth-child(-n+4){border-color:var(--accent);color:var(--ink)}@media (max-width:960px){.how-body{grid-template-columns:minmax(0,1fr);gap:0;margin-top:32px}.how-stage{z-index:1;width:min(100%,56vh);box-shadow:0 0 0 12px var(--canvas), -56vh 0 0 12px var(--canvas), 56vh 0 0 12px var(--canvas), -112vh 0 0 12px var(--canvas), 112vh 0 0 12px var(--canvas);justify-self:center;top:12px}.how-step{min-height:70vh}}@media (max-width:640px){.how{padding-top:56px}.how-step p{font-size:16px}}@media (prefers-reduced-motion:reduce){.how *,.how :after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}