:root{--bg: #ffffff;--surface: #f5f5f7;--fg: #1d1d1f;--muted: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--accent-fg: #ffffff;--border: #d2d2d7;--font: "Inter Variable", system-ui, -apple-system, sans-serif;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .14s;--dur-mid: .24s;--dur-slow: .44s;--radius: 14px;--radius-lg: 22px;--radius-pill: 980px;--shadow: 0 4px 24px rgba(0, 0, 0, .07);--shadow-lg: 0 18px 56px rgba(0, 0, 0, .12);--maxw: 1200px;--pad: clamp(1.25rem, 5vw, 2rem);--bg-rgb: 255, 255, 255;color-scheme:light;--font-mono: ui-monospace, "SF Mono", "Fira Code", monospace;--border-w: 1px}html[data-theme=dark]{--bg: #000000;--surface: #1d1d1f;--fg: #f5f5f7;--muted: #a1a1a6;--accent: #2997ff;--accent-hover: #2b9bff;--border: #2a2a2c;--bg-rgb: 0, 0, 0;color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);transition:background .4s ease,color .4s ease}body{transition:background .4s ease,color .4s ease;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,picture,video,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--fg)}::-moz-selection{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--fg)}h1,h2,h3,h4{font-weight:600;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4.5vw,3.25rem)}h3{font-size:clamp(1.35rem,3vw,1.9rem)}h4{font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:-.015em}p{max-width:70ch;text-wrap:pretty}em{font-style:normal}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--accent)}.text-accent{color:var(--accent)}.mono{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em}.text-muted{color:var(--muted)}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}section{padding-block:clamp(4rem,11vh,8rem)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;font-size:1rem;padding:.8rem 1.7rem;border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);transition:background var(--dur-mid) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart)}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:var(--accent-fg)}@media(hover:hover)and (pointer:fine){.btn:hover{background:color-mix(in srgb,var(--fg) 10%,var(--surface))}.btn-accent:hover{background:var(--accent-hover)}}@keyframes fx-in{0%{opacity:0;translate:0 var(--fx-y, 40px)}}.fx-in,.fx-in-soft{animation:fx-in 1s var(--ease-out-quint) var(--fx-delay, .1s) backwards}.fx-in-soft{--fx-y: 20px;animation-duration:.9s}:is(.fx-in,.fx-in-soft)~:is(.fx-in,.fx-in-soft){--fx-delay: .25s}:is(.fx-in,.fx-in-soft)~:is(.fx-in,.fx-in-soft)~:is(.fx-in,.fx-in-soft){--fx-delay: .4s}:is(.fx-in,.fx-in-soft)~:is(.fx-in,.fx-in-soft)~:is(.fx-in,.fx-in-soft)~:is(.fx-in,.fx-in-soft){--fx-delay: .55s}html.js-motion :is(.fx-up,.fx-row):not(.is-in){opacity:0}:is(.fx-up,.fx-row).is-in{animation:fx-in .8s var(--ease-out-quart) var(--fx-delay, 0s) backwards}.fx-row{--fx-y: 60px}.is-fuera,.is-fuera *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}.hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}::-webkit-scrollbar{width:10px;background:var(--bg)}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg) 20%,transparent);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--fg) 40%,transparent)}
