:root{--color-bg:#f5f8fa;--color-surface:#e6edf1;--color-text:#003b5c;--color-text-muted:#42667a;--color-accent:#6ee5ff;--color-accent-2:#f34500;--color-muted:#818181;--color-divider:color-mix(in srgb, var(--color-muted) 42%, transparent);--color-accent-100:color-mix(in oklab, var(--color-accent), white 80%);--color-accent-200:color-mix(in oklab, var(--color-accent), white 62%);--color-accent-300:color-mix(in oklab, var(--color-accent), white 40%);--color-accent-400:color-mix(in oklab, var(--color-accent), white 14%);--color-accent-500:color-mix(in oklab, var(--color-accent), var(--color-text) 28%);--color-accent-600:color-mix(in oklab, var(--color-accent), var(--color-text) 47%);--color-accent-700:color-mix(in oklab, var(--color-accent), var(--color-text) 66%);--color-accent-800:color-mix(in oklab, var(--color-accent), var(--color-text) 83%);--color-accent-900:var(--color-text);--color-accent-2-100:color-mix(in oklab, var(--color-accent-2), white 82%);--color-accent-2-200:color-mix(in oklab, var(--color-accent-2), white 64%);--color-accent-2-300:color-mix(in oklab, var(--color-accent-2), white 42%);--color-accent-2-400:color-mix(in oklab, var(--color-accent-2), white 18%);--color-accent-2-500:color-mix(in oklab, var(--color-accent-2), black 6%);--color-accent-2-600:color-mix(in oklab, var(--color-accent-2), black 20%);--color-accent-2-700:color-mix(in oklab, var(--color-accent-2), black 36%);--color-accent-2-800:color-mix(in oklab, var(--color-accent-2), black 52%);--color-accent-2-900:color-mix(in oklab, var(--color-accent-2), black 68%);--font-heading:"Roboto", system-ui, sans-serif;--font-heading-weight:600;--font-body:"Roboto", system-ui, sans-serif;--space-1:5px;--space-2:10px;--space-3:15px;--space-4:20px;--space-8:40px;--radius-md:2px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}*,:before,:after{box-sizing:border-box}body{margin:0;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}img{max-width:100%;display:block}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent-600);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 40%, transparent)}.skip-link{z-index:100;border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);font-family:var(--font-heading);font-weight:var(--font-heading-weight);padding:8px 14px;font-size:14px;text-decoration:none;transition:transform .15s;position:absolute;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.btn{cursor:pointer;font-family:var(--font-heading);font-weight:var(--font-heading-weight);color:var(--color-text);padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1.2;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-text)}.btn-primary:hover{background:color-mix(in oklab, var(--color-accent), var(--color-text) 14%)}.btn-primary:active{background:color-mix(in oklab, var(--color-accent), var(--color-text) 26%)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.btn-secondary:active{background:color-mix(in srgb, var(--color-text) 14%, transparent)}.btn-ghost{color:var(--color-accent-700);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 16%, transparent)}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 26%, transparent)}.btn-tertiary{background:var(--color-text);color:var(--color-bg)}.btn-tertiary:hover{background:color-mix(in oklab, var(--color-text), var(--color-bg) 14%)}.btn-tertiary:active{background:color-mix(in oklab, var(--color-text), var(--color-bg) 26%)}.seg{border:1px solid var(--color-divider);border-radius:var(--radius-md);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-text)}.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-600);outline-offset:-2px}.nav{z-index:30;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-4);border-bottom:1px solid var(--color-divider);background-color:#fff;display:flex;position:sticky;top:0}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin-right:auto;font-size:18px!important}.nav a{color:inherit;font-size:20px;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent-700)}.nav-menu{align-items:center;gap:var(--space-4);display:flex}.nav-toggle{cursor:pointer;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;width:38px;height:34px;padding:0;display:none}.nav-toggle-bar,.nav-toggle-bar:before,.nav-toggle-bar:after{background:var(--color-text);width:18px;height:2px;transition:transform .18s,background-color .18s;display:block}.nav-toggle-bar{position:relative}.nav-toggle-bar:before{content:"";position:absolute;top:-6px;left:0}.nav-toggle-bar:after{content:"";position:absolute;top:6px;left:0}.nav-toggle[aria-expanded=true] .nav-toggle-bar{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle-bar:before{transform:translateY(6px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bar:after{transform:translateY(-6px)rotate(-45deg)}@media (width<=599px){.nav-toggle{margin-left:auto;display:inline-flex}.nav-menu{top:calc(100% - 2px);left:var(--space-4);right:var(--space-4);z-index:20;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:0 8px 24px color-mix(in srgb, var(--color-text) 14%, transparent);flex-direction:column;align-items:stretch;gap:0;position:absolute}.nav-menu:not([data-open]){display:none}.nav-menu a{padding:10px var(--space-2);border-radius:var(--radius-md)}.nav-menu a:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}}
