@font-face{font-family:Gabarito;src:url(/fonts/gabarito-600-latin.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg: #ffffff;--fg: #0f1414;--muted: #5a6a6a;--accent: #077c80;--accent-fg: #ffffff;--border: #e3e7e6}@media(prefers-color-scheme:dark){:root{--bg: #0c1213;--fg: #e8efee;--muted: #8a9999;--accent: #3dd6d6;--accent-fg: #062023;--border: #1d2728}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:ui-serif,Georgia,New York,serif;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}a{color:inherit}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.nav{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--bg)),color-mix(in srgb,var(--bg) 88%,transparent));backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 55%,transparent) 25%,color-mix(in srgb,#5cc0c2 55%,transparent) 75%,transparent)}.nav-inner{max-width:960px;margin:0 auto;padding:.7rem 24px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.06)}.brand-mark{width:26px;height:28px;display:block;transition:transform .25s ease}.brand-name{font-family:Gabarito,ui-rounded,system-ui,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:-.01em;background:linear-gradient(120deg,var(--accent),#5cc0c2);-webkit-background-clip:text;background-clip:text;color:transparent}.nav nav{display:flex;gap:1.25rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem;flex-wrap:wrap}.nav nav a{position:relative;text-decoration:none;color:var(--muted);transition:color .18s}.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),#5cc0c2);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav nav a:hover{color:var(--fg)}.nav nav a:hover:after,.nav nav a[aria-current=page]:after{transform:scaleX(1)}.nav nav a[aria-current=page]{color:var(--fg)}.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:38px;padding:0;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s ease,opacity .18s ease}.nav-toggle-bars{position:relative}.nav-toggle-bars:before{position:absolute;left:0;top:-6px}.nav-toggle-bars:after{position:absolute;left:0;top:6px}.nav-toggle[aria-expanded=true] .nav-toggle-bars{background:transparent}.nav-toggle[aria-expanded=true] .nav-toggle-bars:before{transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bars:after{transform:translateY(-6px) rotate(-45deg)}footer{margin-top:3rem;border-top:1px solid var(--border)}.footer-inner{max-width:960px;margin:0 auto;padding:1.25rem 24px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-inner a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--border)}.footer-inner a:hover{color:var(--accent);border-color:var(--accent)}.social{display:flex;align-items:center;gap:1rem}.social a{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-bottom:0;transition:color .18s,transform .18s}.social a:hover{color:var(--accent);transform:translateY(-1px);border-bottom:0}.social svg{display:block}.container{max-width:760px;margin:0 auto;padding:0 24px}h1,h2,h3{letter-spacing:-.02em}@media(max-width:560px){.nav-toggle{display:inline-flex}.nav-inner{flex-wrap:wrap}.nav nav{display:none;flex-basis:100%;flex-direction:column;gap:0;padding-top:.5rem}.nav-toggle[aria-expanded=true]~nav{display:flex}.nav nav a{padding:.55rem .25rem;font-size:1rem}.nav nav a:after{display:none}}