.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);font-size:.9375rem;font-weight:500;color:var(--color-ink);background:transparent;cursor:pointer;transition:all .2s var(--ease-out)}.btn-outline:hover,.btn-solid{background:var(--color-ink);color:var(--color-paper)}.btn-solid{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1.5px solid var(--color-ink);border-radius:var(--radius-pill);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out)}.btn-solid:hover{background:var(--color-ink);border-color:var(--color-ink)}.arrow-slide{display:inline-block;transition:transform var(--animate-dur-base,.25s) var(--ease-out-expo)}.group:hover .arrow-slide,.landing-btn:hover .arrow-slide{transform:translateX(4px)}.tab-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:500;border:1px solid var(--color-line);background:var(--color-paper);color:var(--color-muted);cursor:pointer;transition:all .2s var(--ease-out)}.tab-pill:hover{border-color:var(--color-muted);color:var(--color-ink)}.tab-pill.active{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.step-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-pill);font-size:.875rem;color:var(--color-muted);cursor:pointer;transition:all .2s var(--ease-out);margin-bottom:.25rem}.step-item:hover{color:var(--color-ink);background:var(--color-surface)}.step-item.active{background:var(--color-ink);color:var(--color-paper)}.step-num{font-family:var(--font-mono);font-size:.75rem;font-weight:600;width:1.5rem;text-align:center}.product-card{border:1px solid var(--color-line);background:var(--color-paper);transition:transform .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),border-color .3s var(--ease-out)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-muted)}.stat-value{font-family:var(--font-serif);font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.03em}.count-num{font-variant-numeric:tabular-nums}.faq-item{border-bottom:1px solid var(--color-line)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 0;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;background:none;border:none;color:var(--color-ink);transition:color .2s var(--ease-out)}.faq-question:hover{color:var(--color-accent)}.faq-icon{font-size:1.25rem;transition:transform .3s var(--ease-out);color:var(--color-muted)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-out-expo),padding .4s var(--ease-out-expo)}.faq-item.open .faq-answer{max-height:200px;padding-bottom:1.25rem}.workflow-frame{border:1px solid var(--color-line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.workflow-frame-inner{background:var(--color-surface);padding:1.5rem}.step-badge{position:absolute;top:12px;left:12px;z-index:2;padding:.25rem .75rem;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pipeline-node{padding:.375rem .875rem;border-radius:var(--radius-pill);border:1px solid var(--color-line);font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);background:var(--color-paper);transition:all .2s var(--ease-out);white-space:nowrap}.pipeline-node.current{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:600}.pipeline-arrow{color:var(--color-line);font-size:.75rem;user-select:none}.narrative{font-size:1.0625rem;line-height:2;color:var(--color-ink-2)}.narrative b{color:var(--color-ink);font-weight:600}.why-card{border:1px solid var(--color-line);background:var(--color-surface);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .3s var(--ease-out-expo),border-color .3s var(--ease-out)}.why-card:hover{transform:translateY(-3px);border-color:var(--color-muted)}.why-card.dark{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink)}.why-card-icon{width:40px;height:40px;border-radius:var(--radius-lg);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.why-card.dark .why-card-icon{border-color:color-mix(in oklab,var(--color-bg) 20%,transparent)}.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.8125rem;color:var(--color-ink-2);background:var(--color-paper);transition:all .2s var(--ease-out)}.chip:hover{border-color:var(--color-accent);color:var(--color-ink)}.chip-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.check-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:1px solid var(--color-line);font-size:.9375rem}.check-row:last-child{border-bottom:none}.check-mark{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;margin-top:1px}.status-pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:currentColor;opacity:0;animation:landingStatusPulse 2s ease-out infinite}@keyframes landingStatusPulse{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.2)}}.status-progress{overflow:hidden;border-radius:9999px}.status-progress:after{content:"";display:block;height:100%;width:40%;background:currentColor;opacity:.5;animation:landingStatusProgress 1.8s ease-in-out infinite}@keyframes landingStatusProgress{0%{transform:translateX(-120%)}to{transform:translateX(380%)}}.status-dashed{border:1.5px dashed;border-radius:50%}.nav-shell{position:sticky;top:0;z-index:40;transition:padding .3s var(--ease-out)}.nav-shell .site-nav{transition:border-radius .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.nav-shell.floating{padding:10px 12px}.nav-shell.floating .site-nav{border-radius:var(--radius-pill);border-color:transparent;box-shadow:var(--shadow-lg)}