@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-display:swap;font-weight:200 700;src:url(/fonts/clash-display-variable.woff2) format("woff2")}:root{--ink: #16181D;--ink-soft: #3A3F4B;--muted: #646B7D;--line: #E6E8F0;--surface: #FFFFFF;--bg: #F7F8FB;--primary: #4F46E5;--primary-strong: #4338CA;--primary-soft: #EEF0FE;--on-primary: #FFFFFF;--accent: #FF6B57;--accent-strong: #E8503B;--accent-soft: #FFEAE6;--on-accent: #2A0F0A;--success: #15A06A;--warning: #E8A317;--danger: #E2483D;--grad: linear-gradient(120deg, #4F46E5 0%, #7C5CF6 50%, #FF6B57 115%);--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .32s;--step--1: clamp(.83rem, .78rem + .22vw, .94rem);--step-0: clamp(1rem, .93rem + .33vw, 1.19rem);--step-1: clamp(1.2rem, 1.08rem + .58vw, 1.55rem);--step-2: clamp(1.44rem, 1.26rem + .92vw, 2.01rem);--step-3: clamp(1.73rem, 1.45rem + 1.39vw, 2.62rem);--step-4: clamp(2.07rem, 1.67rem + 2.03vw, 3.4rem);--step-5: clamp(2.49rem, 1.9rem + 2.93vw, 4.42rem);--container: 72rem;--container-prose: 42rem;--space: 1rem}[data-theme=tide]{--primary: #0F766E;--primary-strong: #115E59;--primary-soft: #CCFBF1;--on-primary: #FFFFFF;--accent: #F59E0B;--accent-strong: #D97706;--accent-soft: #FEF3C7;--on-accent: #2A1A02;--grad: linear-gradient(120deg, #0F766E 0%, #0EA5A3 50%, #F59E0B 115%)}[data-theme=slate-pop]{--primary: #3B49DF;--primary-strong: #2D39C0;--primary-soft: #E8EAFD;--on-primary: #FFFFFF;--accent: #84CC16;--accent-strong: #65A30D;--accent-soft: #ECFCCB;--on-accent: #14210A;--grad: linear-gradient(120deg, #3B49DF 0%, #6D5CF6 50%, #84CC16 115%)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100svh;font-family:Inter,system-ui,sans-serif;font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:Clash Display,Inter,system-ui,sans-serif;line-height:1.1;font-weight:600;color:var(--ink);text-wrap:balance}h1{font-size:var(--step-4);letter-spacing:-.02em}h2{font-size:var(--step-3);letter-spacing:-.015em}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{max-width:var(--container-prose);text-wrap:pretty}a{color:var(--primary);text-underline-offset:.15em}a:hover{color:var(--primary-strong)}img,picture,svg,video{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,.5rem + 2.5vw,2rem)}.prose{max-width:var(--container-prose)}.stack>*+*{margin-top:var(--space)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.3em;border:0;border-radius:var(--radius);font-weight:600;text-decoration:none;cursor:pointer;box-shadow:var(--shadow);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:var(--primary-strong);color:var(--on-primary)}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--accent:hover{background:var(--accent-strong)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1018281f}.btn:active{transform:translateY(0) scale(.98)}.link-underline{position:relative;text-decoration:none}.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.link-underline:hover:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active,.link-underline:after{transition:none;transform:none}}
