@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--cream: #f5f0ea;--cream-soft: #faf7f4;--paper: #fdfaf7;--ink: #1c0f07;--ink-soft: #5c3d2a;--ink-muted: #9c8476;--border: #ede8e3;--border-strong: #d4c4b8;--accent: #a0522d;--accent-deep: #8b4513;--copper: #c17a2e;--copper-soft: #fef3e8;--copper-edge: #c9a882;--walnut: #1a0f07;--walnut-mid: #2d1a0a;--walnut-text: #f5ede0;--walnut-muted: #7a5c42;--good-bg: #dbeafe;--good-fg: #1e40af;--excellent-bg: #dcfce7;--excellent-fg: #166534;--amber-bg: #fef9c3;--amber-fg: #d97706;--emerald: #10b981;--emerald-bg: #d1fae5;--indigo: #6366f1;--indigo-bg: #eef2ff;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-float: 0 30px 80px -20px rgba(28, 15, 7, .28), 0 8px 24px -12px rgba(28, 15, 7, .18);--shadow-card: 0 14px 40px -10px rgba(28, 15, 7, .18), 0 4px 12px -6px rgba(28, 15, 7, .12);--shadow-accent: 0 10px 28px -8px rgba(160, 82, 45, .45);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-brand: "Space Grotesk", var(--font);--maxw: 1140px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{line-height:1.1;letter-spacing:-.03em;margin:0 0 .4em;color:var(--ink)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}.muted{color:var(--ink-soft)}.bg-decor{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:url(/bg.png) center center / cover no-repeat;transform:translateZ(0);will-change:transform}.grain{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--cream) 82%,transparent);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand:hover{text-decoration:none}.brand-word{font-family:var(--font-brand);font-weight:700;font-size:1.45rem;letter-spacing:-.02em;line-height:1}.brand-em{color:var(--copper)}.brand-dim{color:var(--ink-muted)}.nav a{color:var(--ink-soft);margin-left:24px;font-size:.95rem;font-weight:500}.nav a:hover{color:var(--ink);text-decoration:none}.site-footer{border-top:1px solid var(--border);margin-top:96px;padding:44px 0;color:var(--ink-muted);font-size:.9rem}.site-footer .container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}.site-footer a{color:var(--ink-soft)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:9999px;background:var(--copper-soft);border:1px solid var(--copper-edge);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--copper)}.hero{padding:104px 0 56px;text-align:center}.hero h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;max-width:16ch;margin:22px auto .32em}.hero .em{background:linear-gradient(120deg,var(--accent),var(--copper) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--ink-soft);max-width:54ch;margin:0 auto}.promo{padding:64px 0}.promo-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}.promo.reverse .promo-grid{direction:rtl}.promo.reverse .promo-grid>*{direction:ltr}.promo-title{margin:20px 0 18px;font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}.promo-title .em{display:inline-block;background:linear-gradient(120deg,var(--accent),var(--copper) 60%,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.promo-sub{color:var(--ink-soft);font-size:1.06rem;max-width:50ch;margin:0 0 22px}.promo-meta{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.promo-app{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--ink);text-decoration:none;transition:opacity .15s}.promo-app:hover{opacity:.75;text-decoration:none}.promo-app img{width:30px;height:30px;border-radius:8px;box-shadow:0 2px 8px #1c0f0738;transition:box-shadow .15s,transform .15s}.promo-app:hover img{box-shadow:0 4px 14px #1c0f0752;transform:translateY(-1px)}.promo-quiet{color:var(--ink-muted);font-size:.88rem}.mockup-wrap{position:relative;will-change:transform;container-type:inline-size}.mockup-ambient{position:absolute;inset:-40px -30px;background:radial-gradient(circle at 60% 40%,rgba(193,122,46,.18),transparent 70%);filter:blur(20px);z-index:0}.mockup{position:relative;z-index:1;background:#fff;border-radius:var(--r-lg);padding:22px;border:1px solid var(--border);box-shadow:var(--shadow-float)}.mockup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mockup-h1{font-size:1.05rem;font-weight:700;color:var(--ink);margin:0}.mockup-hsub{font-size:.72rem;color:var(--ink-muted);margin-top:2px}.mockup-dots{display:flex;gap:5px}.mockup-dot{width:9px;height:9px;border-radius:50%}.mockup-dot.r{background:#fca5a5}.mockup-dot.y{background:#fcd34d}.mockup-dot.g{background:#86efac}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.stat{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 12px}.stat-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.stat-icon svg{width:14px;height:14px}.stat-label{font-size:.6rem;color:var(--ink-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:1.05rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.itemcards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.itemcard{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.itemcard-img{position:relative;aspect-ratio:4 / 3;background:var(--cream);display:flex;align-items:center;justify-content:center;color:var(--accent)}.itemcard-img svg{width:24px;height:24px;opacity:.6}.itemcard-badge{position:absolute;top:7px;right:7px;padding:2px 8px;border-radius:9999px;font-size:.6rem;font-weight:700;letter-spacing:.02em}.badge-excellent{background:var(--excellent-bg);color:var(--excellent-fg)}.badge-good{background:var(--good-bg);color:var(--good-fg)}.itemcard-body{padding:8px 9px 10px}.itemcard-name{font-size:.72rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itemcard-sub{font-size:.62rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.chip{position:absolute;z-index:2;bottom:-16px;left:-22px;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;background:#fff;border:1px solid var(--border);border-radius:9999px;box-shadow:var(--shadow-card);font-size:.76rem;font-weight:600;color:var(--ink)}.chip-icon{width:22px;height:22px;border-radius:50%;background:var(--copper-soft);display:flex;align-items:center;justify-content:center}.chip-icon svg{width:12px;height:12px}.chip-live{position:absolute;z-index:2;top:-14px;right:-10px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--walnut);color:var(--walnut-text);border-radius:9999px;box-shadow:var(--shadow-card);font-size:.72rem;font-weight:600}.chip-live-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 4px #10b98138;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #10b98138}50%{box-shadow:0 0 0 7px #10b9810d}}.product-hero{display:flex;gap:28px;align-items:center;padding:84px 0 28px}.product-hero .picon{width:104px;height:104px;border-radius:24px;flex:0 0 auto;box-shadow:var(--shadow-card)}.product-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800}.product-hero p{color:var(--ink-soft);font-size:1.15rem;margin:0;max-width:56ch}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:28px 0}.feature{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-md);padding:18px;transition:transform .18s var(--ease),border-color .18s var(--ease)}.feature:hover{transform:translateY(-2px);border-color:var(--border-strong)}.feature h3{font-size:1.02rem;margin-bottom:6px}.feature p{margin:0;color:var(--ink-soft);font-size:.95rem}.prose{max-width:72ch;margin:0 auto;padding:56px 0}.prose h1{font-size:2rem;font-weight:800}.prose h2{font-size:1.3rem;margin-top:1.8em}.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}.prose .updated{color:var(--ink-muted);font-size:.9rem}.back-link{display:inline-block;margin-bottom:8px;font-size:.9rem}@media(max-width:880px){.promo-grid,.promo.reverse .promo-grid{grid-template-columns:1fr;direction:ltr;gap:48px}.mockup-wrap{order:2;max-width:480px;margin:0 auto}.product-hero{flex-direction:column;text-align:center}.product-hero p{margin:0 auto}}@media(max-width:560px){.stat-row{grid-template-columns:repeat(2,1fr)}}@container (max-width: 420px){.stat-row{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important}.reveal{opacity:1;transform:none}.orb{transform:none!important}}
