@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,700;1,9..144,300&display=swap&font-display=swap";:root{--max-w: 1280px;--max-w-narrow: 680px;--max-w-content: 960px;--pad: 16px;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--touch: 48px;--safe-b: env(safe-area-inset-bottom, 0px);--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--c-bg: #FAFAF8;--c-surface: #FFFFFF;--c-border: #EEEDE9;--c-border-light: #F3F3F0;--c-text: #1A1A1A;--c-text-secondary: #666;--c-text-muted: #999;--c-text-hint: #BBB;--c-accent: #1A1A1A;--c-raised: #F8F8F6}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pressable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,opacity .15s}.pressable:active{transform:scale(.98);opacity:.85}@media (min-width:960px){.pressable:hover{opacity:.8}.pressable:active{transform:scale(.99)}}.card-lift{transition:all .25s cubic-bezier(.25,.46,.45,.94)}.card-lift:hover{transform:translateY(-3px);box-shadow:0 8px 32px #0000000f}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)}.container-narrow{width:100%;max-width:var(--max-w-narrow);margin:0 auto;padding:0 var(--pad)}.container-content{width:100%;max-width:var(--max-w-content);margin:0 auto;padding:0 var(--pad)}.grid-cards{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width:640px){.grid-cards{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:1024px){.grid-cards{grid-template-columns:repeat(3,1fr);gap:20px}}.layout-split{display:flex;flex-direction:column;gap:24px}@media (min-width:960px){.layout-split{flex-direction:row;gap:48px}.layout-split>.layout-main{flex:1;min-width:0}.layout-split>.layout-side{width:360px;flex-shrink:0}}@media (min-width:640px){:root{--pad:28px}}@media (min-width:1024px){:root{--pad:48px}}@media (min-width:1400px){:root{--pad:64px}}@media (max-width:639px){.hide-mobile{display:none!important}}@media (min-width:640px) and (max-width:959px){.hide-tablet{display:none!important}}@media (min-width:960px){.hide-desktop{display:none!important}}@media (max-width:959px){.show-desktop-only{display:none!important}}@media (min-width:960px){.sticky-side{position:sticky;top:24px;align-self:flex-start}}.bottom-bar-mobile{position:fixed;bottom:0;left:0;right:0;padding:10px var(--pad) calc(10px + var(--safe-b));background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--c-border);display:flex;justify-content:space-around}@media (min-width:960px){.bottom-bar-mobile{display:none!important}}@media (min-width:960px){.card-interactive{transition:all .2s ease}.card-interactive:hover{border-color:var(--c-text-muted)!important;box-shadow:0 4px 20px #0000000a}}.text-display{font-family:var(--font-display);font-weight:500;letter-spacing:-.03em;line-height:1.12;font-size:28px}@media (min-width:640px){.text-display{font-size:36px}}@media (min-width:1024px){.text-display{font-size:48px}}.text-heading{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:20px}@media (min-width:640px){.text-heading{font-size:24px}}.text-body{font-size:14px;line-height:1.6}@media (min-width:640px){.text-body{font-size:15px}}@media (min-width:1024px){.text-body{font-size:16px}}.page-shell-content{padding:20px var(--pad)}@media (min-width:960px){.page-shell-content{padding:32px 40px}}@media (min-width:1200px){.page-shell-content{padding:36px 48px}}
