:root{--coral: #FF6F61;--coral-light: #FF8A7A;--coral-dark: #E55A4D;--mint: #C3F3E0;--mint-dark: #9BE8C9;--peach: #FFE3CC;--peach-light: #FFF0E5;--cream: #FFF8F0;--ink: #1C1814;--ink-soft: #3A332A;--ink-muted: #6B5F50;--ink-faint: #A89A85;--paper: #FBF2E4;--paper-kraft: #EAD9BA;--paper-line: #D9C9AC;--text-secondary: var(--ink-soft);--text-tertiary: var(--ink-muted);--border: var(--paper-line);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--app-bg: #FFFFFF;--app-fg: #1A1A1A;--app-fg-secondary: #666666;--app-fg-tertiary: #757575;--app-muted: #F0F0F0;--app-border: #E5E5E5;--shadow-sm: 0 1px 0 rgba(28, 24, 20, .06);--shadow-default: 0 2px 0 rgba(28, 24, 20, .08);--shadow-lg: 0 6px 18px -8px rgba(28, 24, 20, .25);--shadow-xl: 0 14px 28px -12px rgba(28, 24, 20, .28);--shadow-coral: 0 2px 0 rgba(229, 90, 77, .4);--shadow-polaroid: 0 12px 22px -14px rgba(28, 24, 20, .35), 0 2px 4px rgba(28, 24, 20, .08);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--font-display: "Fraunces", "Georgia", serif;--font-body: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Fragment Mono", "Courier Prime", ui-monospace, monospace;--font-app: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--display-soft: "opsz" 144, "SOFT" 100, "wght" 750;--tex-terry: url(/textures/terry.webp);--tex-linen: url(/textures/linen.webp);--tex-kraft: url(/textures/kraft.webp);--weave-rib: repeating-linear-gradient(90deg, rgba(28, 24, 20, .13) 0 1.5px, transparent 1.5px 4.5px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}:target,[id=how],[id=why],[id=faq],[id=download]{scroll-margin-top:110px}body{margin:0;font-family:var(--font-body);font-feature-settings:"ss01","ss02";background:var(--tex-linen) 0 0 / 420px repeat,var(--cream);color:var(--ink);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;font-variation-settings:"opsz" 60,"SOFT" 100;margin:0;letter-spacing:-.01em;color:var(--ink)}p{margin:0}a{color:inherit}img{max-width:100%;height:auto}.container{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.kicker{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--ink-soft);text-transform:none;margin:0}.section-eyebrow{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);margin:0 0 var(--space-3);display:inline-block;padding:4px 10px;border:1px solid var(--ink-soft);border-radius:var(--radius-sm)}html.js .reveal{opacity:0;translate:0 22px;transition:opacity .6s var(--ease-out-quart),translate .6s var(--ease-out-quart);transition-delay:var(--reveal-delay, 0s)}html.js .reveal.visible{opacity:1;translate:none}@media (prefers-reduced-motion: reduce){html.js .reveal{opacity:1;translate:none;transition:none}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .6s var(--ease-spring),transform .6s var(--ease-spring)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:nth-child(1){transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:.1s}.reveal-stagger>.reveal:nth-child(3){transition-delay:.2s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.15s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.2s}.hero-enter{opacity:0;animation:slideUp .6s ease-out forwards}.hero-enter-1{animation-delay:.1s}.hero-enter-2{animation-delay:.2s}.hero-enter-3{animation-delay:.3s}.hero-enter-4{animation-delay:.4s}.hero-enter-5{animation-delay:.5s}details summary:after{transition:transform .3s var(--ease-spring)}details[open] summary:after{transform:rotate(180deg)}.skip-link{position:absolute;top:0;left:12px;transform:translateY(-120%);padding:12px 20px;background:var(--ink);color:var(--cream);text-decoration:none;font-family:var(--font-mono);font-size:13px;border-radius:2px;z-index:1000;transition:transform .2s var(--ease-spring)}.skip-link:focus-visible{transform:translateY(12px);outline:2px solid var(--coral);outline-offset:2px}
