:root{--font-ui: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 2rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-base: .2s;--bottom-nav-height: 60px;--sidebar-width: 248px;--hue-brand: 165;--chroma-neutral: .01;--color-bg: oklch(97.5% var(--chroma-neutral) var(--hue-brand));--color-surface: oklch(99.3% .004 var(--hue-brand));--color-surface-secondary: oklch(95% var(--chroma-neutral) var(--hue-brand));--color-surface-raised: oklch(100% 0 0);--color-text-primary: oklch(22% .014 var(--hue-brand));--color-text-secondary: oklch(46% .014 var(--hue-brand));--color-text-tertiary: oklch(62% .012 var(--hue-brand));--color-border: oklch(89% .012 var(--hue-brand));--color-border-strong: oklch(80% .014 var(--hue-brand));--color-accent: oklch(52% .1 var(--hue-brand));--color-accent-contrast: oklch(99% .004 var(--hue-brand));--color-accent-tint: oklch(92% .045 var(--hue-brand));--color-positive: oklch(45% .1 var(--hue-brand));--color-negative: oklch(48% .14 27);--color-warning: oklch(56% .11 75);--shadow-sm: 0 1px 2px oklch(22% .014 var(--hue-brand) / .06);--shadow-md: 0 8px 24px oklch(22% .014 var(--hue-brand) / .1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: oklch(17% .012 var(--hue-brand));--color-surface: oklch(21% .013 var(--hue-brand));--color-surface-secondary: oklch(25% .014 var(--hue-brand));--color-surface-raised: oklch(28% .015 var(--hue-brand));--color-text-primary: oklch(94% .006 var(--hue-brand));--color-text-secondary: oklch(72% .012 var(--hue-brand));--color-text-tertiary: oklch(54% .012 var(--hue-brand));--color-border: oklch(31% .015 var(--hue-brand));--color-border-strong: oklch(40% .016 var(--hue-brand));--color-accent: oklch(78% .1 var(--hue-brand));--color-accent-contrast: oklch(15% .014 var(--hue-brand));--color-accent-tint: oklch(30% .05 var(--hue-brand));--color-positive: oklch(78% .1 var(--hue-brand));--color-negative: oklch(74% .13 27);--color-warning: oklch(78% .1 75);--shadow-sm: none;--shadow-md: none}}:root[data-theme=dark]{--color-bg: oklch(17% .012 var(--hue-brand));--color-surface: oklch(21% .013 var(--hue-brand));--color-surface-secondary: oklch(25% .014 var(--hue-brand));--color-surface-raised: oklch(28% .015 var(--hue-brand));--color-text-primary: oklch(94% .006 var(--hue-brand));--color-text-secondary: oklch(72% .012 var(--hue-brand));--color-text-tertiary: oklch(54% .012 var(--hue-brand));--color-border: oklch(31% .015 var(--hue-brand));--color-border-strong: oklch(40% .016 var(--hue-brand));--color-accent: oklch(78% .1 var(--hue-brand));--color-accent-contrast: oklch(15% .014 var(--hue-brand));--color-accent-tint: oklch(30% .05 var(--hue-brand));--color-positive: oklch(78% .1 var(--hue-brand));--color-negative: oklch(74% .13 27);--color-warning: oklch(78% .1 75);--shadow-sm: none;--shadow-md: none}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}a{color:inherit}.figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.wrap{max-width:960px;margin-inline:auto;padding-inline:var(--space-md)}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-md);border-bottom:1px solid var(--color-border)}.nav-brand{font-weight:var(--weight-bold);font-size:var(--text-md);letter-spacing:-.015em}.nav-links{display:none;align-items:center;gap:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.nav-links a:hover{color:var(--color-text-primary)}@media (min-width: 720px){.nav-links{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid transparent;cursor:pointer;text-decoration:none;font-family:var(--font-ui);transition:background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn-primary:hover{background:color-mix(in oklch,var(--color-accent) 88%,black)}.btn-secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-secondary)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.hero{padding-block:clamp(var(--space-2xl),8vw,var(--space-3xl));text-align:left}.hero h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--space-md);max-width:20ch}.hero p{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--color-text-secondary);max-width:52ch;margin:0 0 var(--space-xl);line-height:var(--leading-relaxed)}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.section{padding-block:clamp(var(--space-2xl),6vw,var(--space-3xl));border-top:1px solid var(--color-border)}.section-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-bottom:var(--space-sm)}.section h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--weight-semibold);letter-spacing:-.015em;margin:0 0 var(--space-lg);max-width:28ch}.steps{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-number{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent);margin-bottom:var(--space-xs)}.step h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-xs)}.step p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.compare{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media (min-width: 640px){.compare{grid-template-columns:1fr 1fr}}.compare-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.compare-card h3{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-2xs)}.compare-card .price{font-family:var(--font-mono);font-size:var(--text-lg);margin-bottom:var(--space-md)}.compare-list{list-style:none;padding:0;margin:0 0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.compare-list li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-block:var(--space-xs);border-bottom:1px solid var(--color-border)}.compare-list li:last-child{border-bottom:none}.compare-list strong{color:var(--color-text-primary);font-weight:var(--weight-medium)}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-xl);display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:space-between;color:var(--color-text-tertiary);font-size:var(--text-xs)}.footer a{color:var(--color-text-secondary)}.footer a:hover{color:var(--color-text-primary)}.footer-links{display:flex;gap:var(--space-lg)}
