:root{--navy-900: #1E3A5C;--navy-700: #35526F;--ink: #1B2733;--paper: #FAF9F6;--white: #FFFFFF;--line: #E4E1DA;--code-bg: #F2F0EB;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.125rem;--text-body: 1rem;--text-small: .875rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--gap-nav-hero: 2rem;--gap-hero-guides: 6rem;--gap-hero-guides-mobile: 3rem;--radius: 8px;--radius-card: 12px;--content-width: 680px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;color:var(--navy-900);line-height:1.25;margin:0 0 var(--space-sm)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}.step-heading{margin-top:calc(var(--space-xl) / 2)}a{color:var(--navy-700)}.answer-capsule{border-left:3px solid var(--navy-900);background:var(--white);padding:.75rem 1rem;border-radius:0 var(--radius) var(--radius) 0;margin:0 0 var(--space-md)}.answer-capsule__label{font-size:.6875rem;font-weight:500;color:var(--navy-700);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.pill{display:inline-block;background:var(--white);border:.5px solid var(--line);color:var(--ink);font-size:.75rem;padding:6px 14px;border-radius:999px}.pill--active{background:var(--navy-900);border-color:var(--navy-900);color:var(--paper)}.card{background:var(--white);border:.5px solid var(--line);border-radius:var(--radius-card);padding:var(--space-sm)}.button{display:inline-flex;align-items:center;gap:8px;background:var(--navy-900);color:var(--paper);border:none;font-family:var(--font-body);font-weight:500;font-size:var(--text-small);padding:10px 20px;border-radius:var(--radius);text-decoration:none;cursor:pointer}.button svg{width:18px;height:18px;flex-shrink:0;fill:var(--paper)}.code-wrap{position:relative;max-width:100%}pre{background:var(--code-bg);color:var(--ink);border:1px solid var(--line);padding:var(--space-sm);padding-top:2.5rem;border-radius:var(--radius);overflow-x:auto;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;line-height:1.6;-webkit-overflow-scrolling:touch}pre code{background:none;color:inherit;padding:0;font-family:inherit;font-size:inherit;white-space:pre}.code-block{max-width:100%}.code-copy{position:absolute;top:8px;right:8px;background:var(--navy-900);color:var(--paper);border:1px solid var(--navy-900);font-family:var(--font-body);font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:4px;cursor:pointer}.code-copy:hover{background:var(--navy-700);border-color:var(--navy-700)}.code-copy:active{transform:scale(.97)}.faq-item{border-bottom:1px solid var(--line);padding:var(--space-sm) 0;margin-bottom:0}.faq-item:last-child{border-bottom:none}.faq-item summary{font-weight:700;color:var(--navy-900);font-family:var(--font-display);font-size:var(--text-body);line-height:1.4;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-weight:400;font-size:1.375rem;line-height:1;color:var(--navy-700);flex-shrink:0;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item .faq-answer{margin:0;padding-top:var(--space-sm);color:var(--ink);line-height:1.7}.site-main{max-width:var(--content-width);margin:0 auto;padding:var(--space-lg) var(--space-sm)}.site-main:has(.hero){padding-top:var(--gap-nav-hero)}.site-nav{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.site-nav__inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-sm);height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.site-nav__wordmark{font-family:var(--font-display);font-weight:700;color:var(--navy-900);font-size:1.25rem;letter-spacing:-.02em;text-decoration:none;line-height:1}.site-nav__wordmark:hover{color:var(--navy-700)}.site-nav__desktop{display:flex;align-items:center}.site-nav__link{color:var(--navy-700);font-size:var(--text-small);font-weight:500;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.site-nav__link:hover{color:var(--navy-900);text-decoration:underline;text-underline-offset:4px}.site-nav__toggle{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.site-nav__hamburger{display:none;cursor:pointer;padding:8px;margin-right:-8px;flex-direction:column;justify-content:center;gap:4px}.site-nav__hamburger span{display:block;width:20px;height:2px;background:var(--navy-900);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.site-nav__panel{display:none;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm) var(--space-md);border-top:1px solid var(--line);background:var(--white);max-width:var(--content-width);margin:0 auto}.site-nav__panel .site-nav__link,.site-nav__panel .button{align-self:flex-start}#site-nav-toggle:checked~.site-nav__panel{display:flex}@media(max-width:640px){.site-nav__desktop{display:none}.site-nav__hamburger{display:flex}}@media(min-width:641px){.site-nav__panel{display:none!important}}.section-divider{border:none;border-top:1px solid var(--line);margin:calc(var(--gap-hero-guides) / 2) 0;height:0}.hero{padding:var(--space-md) 0 0;margin-bottom:0}.hero__title{font-family:var(--font-display);font-weight:700;color:var(--navy-900);font-size:2.625rem;line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--space-sm);max-width:620px}.hero__sub{font-size:1.125rem;line-height:1.6;color:var(--ink);max-width:560px;margin:0 0 var(--space-md)}.hero__paths{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.hero__paths .button{flex:0 1 auto;justify-content:center}.community{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--line)}.community p{max-width:560px}@media(max-width:640px){.section-divider{margin:calc(var(--gap-hero-guides-mobile) / 2) 0}.hero{padding:var(--space-sm) 0 0;margin-bottom:0}.hero__title{font-size:2rem}.hero__paths{flex-direction:column;align-items:stretch}.hero__paths .button{width:100%}}@media(max-width:480px){:root{--text-h1: 1.5rem;--text-h2: 1.25rem}}
