@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;600&display=swap";
:root{--color-bg:#f2f2f3;--color-surface:#e9e9ea;--color-text:#1d1f20;--color-accent:#6394c4;--color-accent-2:#7c9cbc;--color-divider:#1d1f2029;--color-neutral-100:#f5f5f8;--color-neutral-200:#e7e7ea;--color-neutral-300:#d4d4d7;--color-neutral-400:#b7b7ba;--color-neutral-500:#98989b;--color-neutral-600:#7a7a7d;--color-neutral-700:#5d5d60;--color-neutral-800:#424244;--color-neutral-900:#2b2b2d;--color-accent-100:#e8f3ff;--color-accent-200:#d0e4f8;--color-accent-300:#aacbed;--color-accent-400:#83afdc;--color-accent-500:#6394c4;--color-accent-600:#4878a7;--color-accent-700:#325b83;--color-accent-800:#1c3f60;--color-accent-900:#0f263b;--color-accent-2-100:#eef6ff;--color-accent-2-200:#d6ebff;--color-accent-2-300:#bdd8f2;--color-accent-2-400:#9ebbd8;--color-accent-2-500:#7e9cb8;--color-accent-2-600:#627d98;--color-accent-2-700:#486077;--color-accent-2-800:#314457;--color-accent-2-900:#1f2d3a;--font-heading:"Barlow Condensed", system-ui, sans-serif;--font-heading-weight:600;--font-body:"Barlow", system-ui, sans-serif;--space-1:3.4px;--space-2:6.8px;--space-3:10.2px;--space-4:13.6px;--space-6:20.4px;--space-8:27.2px;--radius-sm:2px;--radius-md:4px;--radius-lg:7px;--shadow-sm:0 1px 2px #2b2b2d24;--shadow-md:0 3px 10px #2b2b2d29;--shadow-lg:0 12px 32px #2b2b2d38}@supports (color:lab(0% 0 0)){:root{--color-accent:lab(59.1638% -6.76286 -30.6331);--color-accent-2:lab(62.7719% -5.48425 -20.6907);--color-accent-100:lab(95.3449% -2.23529 -7.06321);--color-accent-200:lab(89.5242% -3.73116 -12.2736);--color-accent-300:lab(80.1871% -5.78254 -20.7924);--color-accent-400:lab(69.6702% -6.8062 -27.4342);--color-accent-500:lab(59.1638% -6.76286 -30.6331);--color-accent-600:lab(48.6899% -6.0893 -30.4867);--color-accent-700:lab(37.1017% -5.05137 -27.0293);--color-accent-800:lab(25.5089% -3.92054 -23.5636);--color-accent-900:lab(13.9825% -2.83781 -16.8373)}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);text-wrap:pretty;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0 0 var(--space-2);line-height:1.12}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{letter-spacing:.08em;text-transform:uppercase;font-size:13px}p{margin:0 0 var(--space-3)}a{color:var(--color-accent-700);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent-900);text-decoration:underline}img{max-width:100%;display:block}figure{margin:0}figcaption{margin-top:var(--space-1);color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:11px}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.blueprint{border:1px solid var(--color-divider);border-radius:0;position:relative}.blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);position:absolute}.blueprint>.corner:before,.blueprint>.corner:after{content:"";background:currentColor;position:absolute}.blueprint>.corner:before{width:1px;height:100%;top:0;left:5px}.blueprint>.corner:after{width:100%;height:1px;top:5px;left:0}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.hr{height:1px;margin:var(--space-4) 0;background:var(--color-divider);border:0}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);border:1px solid var(--color-divider);padding:var(--space-2) calc(var(--space-3) * 1.2);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent-700)}.btn-primary:hover{background:var(--color-accent-600);color:var(--color-bg)}.btn-primary:active{background:var(--color-accent-700)}.btn-ghost{color:var(--color-accent-700);padding-inline:var(--space-1);border-color:#0000}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent);color:var(--color-accent-900)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-block{width:100%;margin-top:var(--space-2)}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.input{width:100%;min-height:36px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:6px 10px;font-size:14px}.input:hover{border-color:color-mix(in srgb, var(--color-text) 45%, transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{resize:vertical;min-height:90px}.seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg-opt{cursor:pointer;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.seg-opt input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-divider);background:0 0;border-radius:0;flex-direction:column;display:flex}.card-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700);font-size:10px}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{opacity:.8;flex:1;margin:0;font-size:13px}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);align-items:center;gap:6px;font-size:11px;display:flex}.tag{letter-spacing:.02em;border-radius:calc(var(--radius-md) * .75);align-items:center;padding:3px 10px;font-size:11px;display:inline-flex}.tag-outline{border:1px solid var(--color-accent-700);color:var(--color-accent-700)}.nav{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);margin-right:auto;font-size:18px}.nav a{color:inherit;font-size:14px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent-700)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 60%, transparent);padding:var(--space-2);border-bottom:1px solid var(--color-divider);font-size:11px}.table td{padding:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-text) 8%, transparent)}.table tbody tr:hover{background:color-mix(in srgb, var(--color-text) 4%, transparent)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll .table{min-width:560px}.split-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.split-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:32px;display:grid}.prose{font-size:16px;line-height:1.7}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{color:var(--color-text);text-transform:uppercase;margin:var(--space-8) 0 var(--space-2)}.prose h2{font-size:24px}.prose h3{font-size:19px}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-4)}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:var(--space-1)}.prose a{color:var(--color-accent-700)}.prose strong{color:var(--color-text);font-weight:700}.prose blockquote{margin:var(--space-4) 0;padding-left:var(--space-4);border-left:2px solid var(--color-accent-700);color:color-mix(in srgb, var(--color-text) 70%, transparent)}.prose code{background:var(--color-surface);border-radius:var(--radius-sm);padding:2px 5px;font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,monospace;font-size:.9em}.prose pre{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-3);margin:0 0 var(--space-4);overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{background:var(--color-divider);height:1px;margin:var(--space-6) 0;border:0}.prose img{border-radius:var(--radius-md);margin:var(--space-4) 0}.prose table{border-collapse:collapse;width:100%;margin:0 0 var(--space-4);-webkit-overflow-scrolling:touch;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{padding:var(--space-2);border:1px solid var(--color-divider);text-align:left;vertical-align:top}.prose th{background:var(--color-surface);font-weight:700}.approach-grid{border:1px solid var(--color-divider);grid-template-columns:repeat(2,1fr);display:grid}.approach-item{border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding:24px}.approach-item:nth-child(2n){border-right:none}.approach-item:nth-last-child(-n+2){border-bottom:none}.nav-links{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:720px){.split-2-1,.split-1-2{grid-template-columns:1fr;gap:24px}.approach-grid{grid-template-columns:1fr}.approach-item{border-bottom:1px solid var(--color-divider);border-right:none!important}.approach-item:last-child{border-bottom:none}}@media (max-width:640px){.nav{row-gap:var(--space-2);flex-wrap:wrap}.nav-brand{flex:100%;margin-right:0}.nav-links{flex:auto}.nav>.btn{flex:100%;justify-content:center}h1{font-size:clamp(30px,9vw,42px)}.table-scroll .table{min-width:520px}}
