:root{--bg:oklch(98.5% .006 90);--bg-tint:oklch(97% .012 100);--surface:oklch(100% 0 0);--surface-2:oklch(97% .008 90);--fg:oklch(22% .012 80);--fg-muted:oklch(50% .012 80);--fg-subtle:oklch(68% .01 80);--border:oklch(91% .008 80);--border-strong:oklch(84% .012 80);--accent:oklch(52% .08 150);--accent-fg:oklch(100% 0 0);--accent-soft:oklch(94% .04 150);--accent-soft-fg:oklch(32% .07 150);--accent-darker:oklch(42% .07 150);--success:oklch(60% .11 155);--warning:oklch(68% .13 75);--danger:oklch(55% .17 25);--info:oklch(55% .11 235);--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-sm:0 1px 2px #3c321e0a, 0 1px 1px #3c321e08;--shadow-md:0 6px 18px -6px #3c321e1f, 0 2px 6px -3px #3c321e14;--shadow-lg:0 18px 40px -16px #3c321e29, 0 6px 14px -8px #3c321e14;--shadow-xl:0 32px 80px -28px #3c321e38, 0 12px 32px -10px #3c321e1a;--ease:cubic-bezier(.22,.61,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--container:1180px;--container-wide:1280px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Geist,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--accent-soft);color:var(--accent-darker)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);font-family:Geist Mono,ui-monospace,monospace;font-size:12px}.eyebrow.accent{color:var(--accent)}h1,h2,h3,h4{letter-spacing:-.018em;margin:0;font-weight:600}.display{letter-spacing:-.022em;font-family:Instrument Serif,ui-serif,Georgia,serif;font-style:italic;font-weight:400;line-height:1.02}.h1{letter-spacing:-.024em;font-size:clamp(40px,5vw,64px);line-height:1.05}.h2{letter-spacing:-.022em;font-size:clamp(28px,3.4vw,42px);line-height:1.1}.h3{font-size:22px;line-height:1.25}.lede{color:var(--fg-muted);max-width:60ch;font-size:clamp(17px,1.4vw,19px);line-height:1.55}.text-mono{font-family:Geist Mono,ui-monospace,monospace}.text-muted{color:var(--fg-muted)}.text-subtle{color:var(--fg-subtle)}.container{max-width:var(--container);margin:0 auto;padding:0 32px}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 32px}.section{padding:96px 0}.section-sm{padding:56px 0}.section-lg{padding:128px 0}.split{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.btn{height:44px;transition:background .12s var(--ease), transform .12s var(--ease), box-shadow .2s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:500;display:inline-flex}.btn-lg{height:52px;padding:14px 28px;font-size:16px}.btn-sm{height:36px;padding:8px 16px;font-size:14px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-darker)}.btn-secondary{background:var(--fg);color:var(--bg)}.btn-secondary:hover{background:#000}.btn-outline{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-outline:hover{background:var(--surface-2)}.btn-ghost{color:var(--fg)}.btn-ghost:hover{background:var(--surface-2)}.btn .arrow{transition:transform .15s var(--ease)}.btn:hover .arrow{transform:translate(2px)}.nav{z-index:50;background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid color-mix(in oklab, var(--border) 60%, transparent);position:sticky;top:0}.nav-inner{max-width:var(--container-wide);align-items:center;gap:36px;margin:0 auto;padding:14px 32px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.brand .glyph{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Instrument Serif,serif;font-size:19px;font-style:italic;line-height:1;display:inline-flex}.nav-links{flex:1;align-items:center;gap:28px;display:flex}.nav-links a{color:var(--fg-muted);padding:4px 0;font-size:14px;font-weight:500;transition:color .12s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--fg)}.nav-cta{align-items:center;gap:8px;display:flex}.footer{border-top:1px solid var(--border);margin-top:56px;padding:80px 0 56px}.footer-grid{max-width:var(--container-wide);grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin:0 auto;padding:0 32px;display:grid}.footer h5{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:14px;font-size:12px;font-weight:600}.footer ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer a{color:var(--fg-muted);font-size:14px;transition:color .12s}.footer a:hover{color:var(--fg)}.footer-bottom{max-width:var(--container-wide);border-top:1px solid var(--border);color:var(--fg-muted);justify-content:space-between;align-items:center;margin:56px auto 0;padding:24px 32px 0;font-size:13px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card.elevated{box-shadow:var(--shadow-md);border-color:#0000}.callout{background:var(--surface-2);border-radius:var(--radius-lg);border:1px solid var(--border);padding:28px}.chip{background:var(--accent-soft);color:var(--accent-soft-fg);border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 9px;font-size:12.5px;font-weight:500;line-height:1.4;display:inline-flex}.chip .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.chip-outline{background:var(--surface);border:1px solid var(--border);color:var(--fg-muted)}.surface-tint{background:var(--surface-2);border-radius:var(--radius-xl);padding:48px}.product-frame{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:14px;overflow:hidden}.product-frame-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.product-frame-bar .dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.status{border-radius:999px;align-items:center;gap:6px;padding:2px 9px 2px 7px;font-size:12px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.sage{background:var(--accent-soft);color:var(--accent-soft-fg)}.status.amber{color:oklch(42% .13 75);background:oklch(95% .06 80)}.status.rose{color:oklch(42% .16 25);background:oklch(95% .05 25)}.status.blue{color:oklch(42% .1 235);background:oklch(94% .04 235)}.status.zinc{background:var(--surface-2);color:var(--fg-muted)}.bar{background:var(--accent-soft);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:linear-gradient(90deg, var(--accent), oklch(62% .08 145));border-radius:999px;height:100%;display:block}.avatar{color:oklch(32% .07 80);background:oklch(84% .07 80);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.avatar.sm{width:22px;height:22px;font-size:9px}.avatar.lg{width:44px;height:44px;font-size:16px}.avatar-stack{display:inline-flex}.avatar-stack>*{box-shadow:0 0 0 2px var(--surface);border-radius:50%}.avatar-stack>*+*{margin-left:-8px}.sage-hl{background:linear-gradient(180deg, transparent 60%, var(--accent-soft) 60%);padding:0 4px}em.italic{color:var(--accent);font-family:Instrument Serif,serif;font-style:italic;font-weight:400}@media (width<=900px){.split{grid-template-columns:1fr;gap:32px}.grid-3,.grid-4{grid-template-columns:1fr;gap:16px}.section{padding:64px 0}.section-lg{padding:80px 0}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}}@media (width<=600px){.container,.container-wide{padding:0 20px}.nav-inner{gap:16px;padding:12px 20px}.h1{font-size:36px}.h2{font-size:28px}}
