:root{--font-body: "Segoe UI Variable Text", "Segoe UI", sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", sans-serif;--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--shadow: 0 22px 70px rgba(14, 24, 38, .12);--bg: #f1eee8;--bg-accent: rgba(30, 153, 143, .08);--surface: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(246, 243, 237, .9);--line: rgba(24, 36, 53, .11);--text: #182433;--text-soft: #5b6778;--accent: #169186;--accent-strong: #117c73;--accent-alt: #ea8a5e;--button-text: #fcfdfd}html[data-theme=dark]{--shadow: 0 24px 70px rgba(2, 8, 20, .38);--bg: #0c1420;--bg-accent: rgba(22, 145, 134, .14);--surface: rgba(16, 27, 40, .84);--surface-strong: rgba(19, 31, 46, .96);--surface-muted: rgba(16, 28, 42, .9);--line: rgba(151, 168, 193, .14);--text: #eef3fb;--text-soft: #aab5c7;--accent: #58d3c6;--accent-strong: #43c4b6;--accent-alt: #f4a37b;--button-text: #09131f}*{box-sizing:border-box}html{color-scheme:light dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,var(--bg-accent),transparent 32%),radial-gradient(circle at 88% 12%,rgba(234,138,94,.08),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 24%),var(--bg);transition:background-color .3s ease,color .3s ease}body:before{content:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}:is(a,button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:20;padding:.8rem 1rem;border-radius:999px;background:var(--surface-strong);border:1px solid var(--line)}.skip-link:focus{top:1rem}.shell{position:relative;max-width:1240px;margin:0 auto;padding:1.1rem 1.1rem 2.4rem}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:stretch;gap:1rem;padding:.5rem 0 1.1rem;backdrop-filter:blur(16px)}.control-row{display:flex;align-items:center;width:100%;gap:.75rem;flex-wrap:wrap;justify-content:space-between}.switcher,.theme-button{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem;border:1px solid var(--line);background:var(--surface-strong);border-radius:999px;box-shadow:var(--shadow)}.switcher a,.theme-button button{border-radius:999px;padding:.78rem .96rem;border:0;background:transparent;color:var(--text-soft);font-size:.95rem;font-weight:600;transition:background-color .25s ease,color .25s ease,transform .25s ease}.switcher a:hover,.theme-button button:hover{transform:translateY(-1px)}.switcher a[aria-current=page],.theme-button button{background:var(--surface);color:var(--text)}.page{padding-bottom:.5rem}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 46%),var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:1.35rem;animation:card-in .7s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay, 0ms)}.card:after{content:"";position:absolute;inset:auto -12% -32% auto;width:200px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(22,145,134,.14),transparent 66%);pointer-events:none}html[data-theme=dark] .card:after{background:radial-gradient(circle,rgba(88,211,198,.16),transparent 66%)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.5rem .8rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--line);font-size:.84rem;color:var(--text);font-weight:600}.eyebrow:before{content:"";width:.56rem;height:.56rem;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-alt))}h1,h2,h3{margin:0;font-family:var(--font-display);line-height:.94;letter-spacing:-.045em;color:var(--text)}.button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.78rem 1.08rem;border-radius:999px;border:1px solid var(--line);font-weight:650;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.button:hover,.ghost-button:hover{transform:translateY(-2px)}.button{background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:var(--button-text);border-color:transparent}.ghost-button{background:transparent;color:var(--text)}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.shell{padding:.75rem}.topbar{justify-content:stretch}.control-row{justify-content:space-between}.card{padding:1.15rem;border-radius:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}