:root{--color-brand-dark: #3B1F2A;--color-brand-primary: #B97E5A;--color-brand-bg: #F5EDDA;--color-eggplant-deeper: #2A161E;--color-eggplant-mid: #5D3F4C;--color-eggplant-light: #A38E98;--color-copper-dark: #9C6648;--color-copper-soft: #D8AF98;--color-copper-lighter: #EADACD;--color-bg: #F5EDDA;--color-surface: #FFFFFF;--color-surface-hover: #F0EBE0;--color-border: #E5E0D5;--color-border-strong: #CFC8BC;--color-white: #FFFFFF;--color-text: #454141;--color-text-muted: #7A7474;--color-text-disabled: #B0AAAA;--color-text-on-dark: #F5EDDA;--color-text-on-dark-muted: #A38E98;--color-error: #8C3B3B;--color-error-bg: #F4E0E0;--color-success: #4A6A51;--color-success-bg: #DEF0E2;--color-warning: #A3894E;--color-warning-bg: #F5EDCD;--font-display: "Lora", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--text-display: 56px;--text-h1: 44px;--text-h2: 34px;--text-h3: 24px;--text-lead: 20px;--text-body-lg: 18px;--text-body-md: 16px;--text-body-sm: 15px;--text-label: 12px;--text-caption: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(59,31,42,.06);--shadow-sm: 0 2px 8px rgba(59,31,42,.08);--shadow-md: 0 4px 16px rgba(59,31,42,.1);--shadow-lg: 0 8px 32px rgba(59,31,42,.12);--shadow-xl: 0 16px 48px rgba(59,31,42,.16);--shadow-copper: 0 0 0 3px rgba(185,126,90,.25);--shadow-card: 0 2px 12px rgba(59,31,42,.08);--shadow-card-hover: 0 8px 32px rgba(59,31,42,.12);--shadow-screenshot: 0 24px 64px rgba(0,0,0,.3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width: 1200px;--nav-height: 72px;--nav-bg-scrolled: rgba(59,31,42,.95);--page-padding-xl: 64px;--page-padding-lg: 48px;--page-padding-md: 32px;--page-padding-sm: 20px}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-body);font-size:16px;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;padding:0;min-height:100vh;background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);margin:0}p{margin:0}a{color:var(--color-brand-primary);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--page-padding-xl)}@media (max-width: 1280px){.container{padding-inline:var(--page-padding-lg)}}@media (max-width: 1024px){.container{padding-inline:var(--page-padding-md)}}@media (max-width: 640px){.container{padding-inline:var(--page-padding-sm)}}.section{padding-block:var(--space-9)}.section-sm{padding-block:var(--space-7)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-body-md);font-weight:500;height:44px;padding-inline:24px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-hero{height:48px;padding-inline:28px;font-size:var(--text-body-md)}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--color-brand-primary);color:var(--color-brand-bg)}.btn-primary:hover:not(:disabled){background-color:var(--color-copper-dark);box-shadow:var(--shadow-sm);text-decoration:none}.btn-secondary-dark{background-color:transparent;border:1.5px solid var(--color-brand-primary);color:var(--color-brand-primary)}.btn-secondary-dark:hover:not(:disabled){background-color:#b97e5a1f;text-decoration:none}.btn-secondary-light{background-color:transparent;border:1.5px solid var(--color-eggplant-mid);color:var(--color-eggplant-mid)}.btn-secondary-light:hover:not(:disabled){background-color:var(--color-surface);text-decoration:none}.btn-ghost{background-color:transparent;color:var(--color-brand-primary);height:auto;padding:0}.btn-ghost:hover:not(:disabled){text-decoration:underline}.input{height:40px;width:100%;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:#fff;padding-inline:var(--space-4);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input::-moz-placeholder{color:var(--color-text-disabled)}.input::placeholder{color:var(--color-text-disabled)}.input:focus{border-color:var(--color-brand-primary);box-shadow:var(--shadow-copper)}.input:disabled{background-color:var(--color-surface);cursor:not-allowed;opacity:.6}.label{font-family:var(--font-body);font-size:var(--text-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);display:block;margin-bottom:var(--space-1)}.badge{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-sm)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-copper{background-color:var(--color-copper-lighter);color:var(--color-copper-dark)}:root{--color-sage: var(--color-brand-primary);--color-sage-light: var(--color-copper-lighter);--color-sage-dark: var(--color-copper-dark);--color-amber: var(--color-brand-primary);--color-amber-light: var(--color-copper-lighter);--color-amber-dark: var(--color-copper-dark);--color-rose: var(--color-error-bg);--color-rose-light: var(--color-error-bg);--color-rose-dark: var(--color-error);--color-sky: var(--color-copper-soft);--color-sky-light: var(--color-copper-lighter);--color-sky-dark: var(--color-copper-dark);--color-ink: var(--color-text);--color-muted: var(--color-text-muted)}.badge-sage{background-color:var(--color-copper-lighter);color:var(--color-copper-dark)}