@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&display=swap";:root{--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Geist Mono", monospace;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-0: 0px;--space-25: 2px;--space-50: 4px;--space-75: 8px;--space-100: 12px;--space-200: 16px;--space-300: 24px;--space-400: 32px;--space-500: 40px;--space-600: 48px;--space-700: 64px;--space-800: 80px;--space-900: 96px;--bg-app: #fcfcfd;--bg-surface: #ffffff;--bg-card: #f8fafc;--bg-card-subtle: #f1f5f9;--bg-warm-tint: rgba(37, 99, 235, .04);--border-subtle: #e2e8f0;--border-focus: #2563eb;--border-warm: rgba(37, 99, 235, .25);--accent-primary: #0f172a;--accent-muted: #334155;--accent-subtle: #64748b;--accent-gold: #b45309;--accent-blue: #2563eb;--accent-amber: #d97706;--accent-copper: #ea580c;--accent-success: #059669;--accent-cyan: #0284c7;--accent-rose: #e11d48;--accent-purple: #7c3aed;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--duration-fast: .3s;--duration-smooth: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-app)}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--accent-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:600;text-wrap:balance;line-height:1.2}p{text-wrap:pretty}code,pre{font-family:var(--font-mono)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.site-header{position:fixed;top:0;left:0;right:0;width:100%;height:60px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;box-shadow:0 1px 4px #0f172a05}.header-inner{max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-200)}.floating-nav{position:fixed;top:0;left:0;right:0;width:100%;height:60px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;box-shadow:0 1px 4px #0f172a05}.brand-badge{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:700;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.brand-dot{width:8px;height:8px;background-color:var(--accent-blue);border-radius:var(--radius-full);flex-shrink:0}.brand-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent-muted);background:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-left:2px}.nav-links{display:flex;align-items:center;gap:16px;flex-shrink:0;white-space:nowrap}.nav-link{font-size:13px;font-weight:500;color:var(--accent-muted);padding:6px 10px;border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;transition:color var(--duration-fast),background-color var(--duration-fast)}.nav-link:hover{color:var(--accent-primary);background-color:#0000000a}@media (max-width: 1100px){.nav-link.nav-secondary{display:none}}@media (max-width: 880px){.nav-links{display:none}}.nav-actions{display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.nav-label-desktop{display:inline}.nav-label-mobile{display:none}@media (max-width: 860px){.nav-label-desktop,.brand-tag.nav-tag-desktop{display:none!important}.nav-label-mobile{display:inline!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-75);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out-quint),opacity var(--duration-fast) var(--ease-out-quint),background-color var(--duration-fast) var(--ease-out-quint),border-color var(--duration-fast) var(--ease-out-quint)}.btn-primary{background-color:var(--accent-primary);color:var(--bg-app)}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card);color:var(--accent-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-card-subtle);border-color:var(--border-focus)}.btn-feed-pill{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:5px 10px;border-radius:var(--radius-full);background:var(--bg-card);color:var(--accent-muted);border:1px solid var(--border-subtle);white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.btn-feed-pill:hover{color:var(--accent-primary);border-color:var(--accent-muted)}.cart-btn{padding:5px 12px;border-radius:var(--radius-full);font-size:12px;display:inline-flex;align-items:center;gap:6px}.cart-badge{font-family:var(--font-mono);font-size:11px;padding:1px 6px;background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.hero-section{padding-top:calc(var(--space-900) + var(--space-600));padding-bottom:var(--space-500);display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:var(--space-300);background:radial-gradient(circle at 50% -10%,#2563eb0d,#fcfcfd00 70%)}.hero-tag{display:inline-flex;align-items:center;gap:var(--space-75);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-blue);background-color:#2563eb0f;border:1px solid rgba(37,99,235,.2);padding:var(--space-50) var(--space-100);border-radius:var(--radius-full);margin-bottom:var(--space-200);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hero-tag-pulse{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--accent-blue)}.hero-heading{font-size:clamp(2.35rem,5vw,3.4rem);max-width:820px;margin-bottom:var(--space-200);color:var(--accent-primary);letter-spacing:-.035em;font-weight:700;line-height:1.15}.hero-subheading{font-size:1.15rem;color:var(--accent-muted);max-width:720px;margin-bottom:var(--space-300);line-height:1.68}.hero-subheading em{font-family:var(--font-serif);font-style:italic;color:var(--accent-primary);font-size:1.08em}.proof-signal{display:flex;align-items:center;gap:var(--space-100);font-size:var(--text-xs);color:var(--accent-subtle);font-family:var(--font-mono);margin-bottom:var(--space-400)}.takeaways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto 56px;padding-inline:20px;width:100%}@media (max-width: 768px){.takeaways-grid{grid-template-columns:1fr}}.takeaway-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;box-shadow:0 2px 8px #00000005;display:flex;flex-direction:column;gap:8px;transition:transform var(--duration-fast),border-color var(--duration-fast)}.takeaway-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.takeaway-icon{font-size:1.25rem}.takeaway-title{font-family:var(--font-sans);font-size:14.5px;font-weight:700;color:var(--accent-primary);display:flex;align-items:center;gap:6px}.takeaway-desc{font-size:13px;color:var(--accent-muted);line-height:1.55;margin:0}.reading-prose{max-width:740px;margin:0 auto;padding-inline:20px;font-size:1.075rem;line-height:1.8;color:var(--accent-muted)}.reading-prose h2{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-top:64px;margin-bottom:22px;letter-spacing:-.028em;line-height:1.2}.reading-prose h3{font-size:1.4rem;font-weight:600;color:var(--accent-primary);margin-top:40px;margin-bottom:16px;letter-spacing:-.02em}.reading-prose p{margin-bottom:24px;text-wrap:pretty}.reading-prose strong{color:var(--accent-primary);font-weight:600}.reading-prose blockquote{font-family:var(--font-serif);font-style:italic;font-size:1.3rem;line-height:1.55;color:var(--accent-primary);border-left:3px solid var(--accent-blue);background:#2563eb08;padding:22px 26px;margin:40px 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.reading-prose code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--accent-primary)}.breakout-figure{width:100%;max-width:1140px;margin:56px auto;padding-inline:20px}.figure-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.figure-badge{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:6px}.figure-caption{font-family:var(--font-mono);font-size:12px;color:var(--accent-subtle);margin-top:14px;line-height:1.5;border-top:1px solid var(--border-subtle);padding-top:10px}.studio-grid{width:100%;max-width:1140px;margin:0 auto;padding-inline:var(--space-300);display:grid;grid-template-columns:1fr 380px;gap:var(--space-400);margin-bottom:var(--space-900)}@media (max-width: 920px){.studio-grid{grid-template-columns:1fr}}.studio-card{background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px #0f172a0a}.viewport-area{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#fff,#f8fafc 52%,#edf2f7);border-bottom:1px solid var(--border-subtle);overflow:hidden;user-select:none}.viewport-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-100);background-color:#fff;color:var(--accent-muted);font-size:var(--text-sm);font-family:var(--font-mono);z-index:10}.spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewport-hint{position:absolute;bottom:var(--space-200);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-75);font-family:var(--font-mono);font-size:var(--text-xs);color:#475569;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 14px;border-radius:var(--radius-full);border:1px solid rgba(0,0,0,.08);pointer-events:none;box-shadow:0 2px 8px #0000000a;font-weight:500}.sidebar-panel{padding:var(--space-400);display:flex;flex-direction:column;gap:var(--space-300)}.option-group{display:flex;flex-direction:column;gap:var(--space-100)}.option-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-muted)}.color-pills{display:flex;gap:var(--space-100)}.color-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-50);padding:var(--space-100);background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--accent-primary);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quint),background-color var(--duration-fast) var(--ease-out-quint)}.color-btn.active{border-color:var(--accent-primary);background-color:var(--border-focus)}.color-swatch{width:14px;height:14px;border-radius:var(--radius-full)}.size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-75)}.size-btn{padding:var(--space-100) 0;background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--accent-primary);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quint)}.size-btn.active{background-color:var(--accent-primary);color:var(--bg-app);border-color:var(--accent-primary)}.size-btn.out-of-stock{opacity:.35;cursor:not-allowed;text-decoration:line-through}.tagline-section{padding:var(--space-800) var(--space-400);max-width:900px;margin:var(--space-700) auto;text-align:center;background:transparent;border:none;box-shadow:none}.tagline-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.08em;display:inline-block;margin-bottom:var(--space-200);background:#d9770614;border:1px solid rgba(217,119,6,.2);padding:4px 12px;border-radius:var(--radius-full)}.tagline-text{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.65rem,3.5vw,2.35rem);font-weight:400;line-height:1.42;color:var(--accent-primary);max-width:840px;margin:0 auto}.reveal-word{display:inline-block;opacity:.35;transition:opacity .6s var(--ease-out-quint),transform .6s var(--ease-out-quint);transform:translateY(4px)}.reveal-word.active{opacity:1;transform:translateY(0)}.content-section{max-width:1140px;margin:0 auto;padding:var(--space-800) var(--space-300)}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-600) auto}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:var(--space-100)}.section-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;color:var(--accent-primary);margin-bottom:var(--space-200)}.section-subtitle{font-size:15px;color:var(--accent-muted);line-height:1.6}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-400);margin-bottom:var(--space-800)}@media (max-width: 768px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{padding:var(--space-400);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);background-color:var(--bg-card);display:flex;flex-direction:column;gap:var(--space-200)}.comparison-card.highlight{border-color:#fff3;background-color:var(--bg-card-subtle)}.comparison-title{display:flex;align-items:center;gap:var(--space-100);font-size:var(--text-lg);font-weight:600}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-300)}.benefit-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-400);display:flex;flex-direction:column;gap:var(--space-100);transition:transform var(--duration-fast) var(--ease-out-quint),border-color var(--duration-fast) var(--ease-out-quint)}.benefit-card:hover{transform:translateY(-2px);border-color:var(--border-focus)}.benefit-icon{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-card-subtle);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-100)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-300)}@media (max-width: 768px){.steps-grid{grid-template-columns:1fr}}.step-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-400);display:flex;flex-direction:column;gap:var(--space-100);position:relative}.step-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-muted);background:var(--bg-card-subtle);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid var(--border-subtle);margin-bottom:var(--space-100)}.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-100)}.faq-item{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out-quint)}.faq-question{width:100%;padding:var(--space-300);background:transparent;border:none;color:var(--accent-primary);font-size:var(--text-base);font-weight:600;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-icon{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent-muted);transition:transform var(--duration-fast) var(--ease-out-quint)}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 var(--space-300) var(--space-300) var(--space-300);color:var(--accent-muted);font-size:var(--text-sm);line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.cta-banner{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-800) var(--space-400);text-align:center;max-width:980px;margin:0 auto var(--space-900) auto;display:flex;flex-direction:column;align-items:center}.drawer-backdrop{position:fixed;inset:0;background-color:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quint)}.drawer-backdrop.open{display:block;opacity:1}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:520px;background-color:var(--bg-card);border-left:1px solid var(--border-subtle);z-index:210;transform:translate(100%);transition:transform var(--duration-smooth) var(--ease-out-quint);display:flex;flex-direction:column}.drawer-panel.open{transform:translate(0)}.drawer-header{padding:var(--space-300);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.drawer-body{padding:var(--space-300);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-300)}.json-viewer{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-200);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-muted);overflow-x:auto;line-height:1.6}.try-agent-section{max-width:1140px;margin:0 auto var(--space-600) auto;padding-inline:var(--space-300)}.try-agent-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-400);display:flex;flex-direction:column;gap:var(--space-300);box-shadow:0 16px 32px #0006}.try-agent-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-100)}.try-agent-title{display:flex;align-items:center;gap:var(--space-100);font-size:var(--text-base);font-weight:600}.try-agent-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-success);background:var(--bg-card-subtle);border:1px solid var(--border-subtle);padding:2px 8px;border-radius:var(--radius-full)}.prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-300)}@media (max-width: 860px){.prompt-grid{grid-template-columns:1fr}}.prompt-tier-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-300);display:flex;flex-direction:column;gap:var(--space-200);transition:border-color var(--duration-fast) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint)}.prompt-tier-card:hover{border-color:#fff3;transform:translateY(-2px)}.prompt-tier-card.highlight{border-color:#22c55e59;background:linear-gradient(180deg,rgba(34,197,94,.04) 0%,var(--bg-surface) 100%)}.prompt-tier-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-100)}.prompt-tier-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-subtle);color:var(--accent-muted);white-space:nowrap}.prompt-tier-card.highlight .prompt-tier-badge{color:var(--accent-success);border-color:#22c55e66;background:#22c55e1a}.prompt-tier-meta{font-family:var(--font-mono);font-size:11px;color:var(--accent-muted);white-space:nowrap}.prompt-tier-card.highlight .prompt-tier-meta{color:var(--accent-success)}.prompt-box{display:flex;flex-direction:column;gap:var(--space-100);background-color:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-200);box-shadow:0 1px 3px #00000005}.prompt-box-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-100)}.prompt-text{font-family:var(--font-mono);font-size:var(--text-xs);color:#0f172a;font-weight:500;word-break:break-word;line-height:1.55}.copy-btn{white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);align-self:flex-start}.benchmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-300)}@media (max-width: 900px){.benchmark-grid{grid-template-columns:1fr}}.benchmark-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-300);display:flex;flex-direction:column;gap:var(--space-200)}.benchmark-card.highlight{border-color:#22c55e59;background:linear-gradient(180deg,rgba(34,197,94,.04) 0%,var(--bg-card) 100%)}.benchmark-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-100)}.benchmark-title{font-size:var(--text-sm);font-weight:600;display:flex;align-items:center;gap:6px}.metric-list{display:flex;flex-direction:column;gap:var(--space-100);list-style:none;font-family:var(--font-mono);font-size:var(--text-xs)}.metric-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.metric-label{color:var(--accent-muted)}.metric-value{font-weight:600;color:var(--accent-primary)}.friction-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-300)}@media (max-width: 860px){.friction-grid{grid-template-columns:1fr}}.friction-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-300);display:flex;flex-direction:column;gap:var(--space-150, 12px)}.friction-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);padding:2px 8px;border-radius:var(--radius-sm);align-self:flex-start}.friction-title{font-size:var(--text-base);font-weight:600;color:var(--accent-primary)}.friction-desc{font-size:var(--text-xs);color:var(--accent-muted);line-height:1.6}.friction-solution{background-color:#0596690f;border-left:3px solid #059669;padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-mono);font-size:11.5px;color:#065f46;line-height:1.55}.friction-solution strong{color:#047857;font-weight:700}.colophon-card{background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);padding:var(--space-700) var(--space-500);text-align:center;max-width:960px;margin:0 auto var(--space-900) auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-200);box-shadow:0 4px 24px #0f172a0a}.author-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-xs);color:#92400e;background:#d9770614;border:1px solid rgba(217,119,6,.2);padding:5px 14px;border-radius:var(--radius-full)}.storyline-spine{display:flex;flex-direction:column;gap:0;max-width:820px;margin:0 auto}.spine-item{display:grid;grid-template-columns:56px 1fr;gap:var(--space-300)}.spine-marker{display:flex;flex-direction:column;align-items:center}.spine-index{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--accent-subtle);background:var(--bg-surface);border:1px solid var(--border-subtle);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.spine-line{flex:1;width:1px;background:linear-gradient(180deg,var(--border-subtle) 0%,rgba(255,255,255,.02) 100%);margin:10px 0}.spine-content{padding-bottom:var(--space-600)}.spine-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-subtle);margin-bottom:6px}.spine-title{font-size:1.4rem;font-weight:600;color:var(--accent-primary);letter-spacing:-.02em;margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spine-badge{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.spine-badge-emerald{color:var(--accent-success);background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.spine-badge-cyan{color:var(--accent-cyan);background:#38bdf81a;border:1px solid rgba(56,189,248,.25)}.spine-badge-rose{color:var(--accent-rose);background:#f43f5e1a;border:1px solid rgba(244,63,94,.25)}.spine-badge-purple{color:var(--accent-purple);background:#a855f71a;border:1px solid rgba(168,85,247,.25)}.spine-lead{font-size:15px;line-height:1.65;color:var(--accent-muted);margin-bottom:14px}.spine-callout{border-left:3px solid;padding:12px 16px;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:13px;line-height:1.6;display:flex;gap:10px;align-items:flex-start}.spine-callout strong{font-weight:700}.spine-callout-amber{border-left-color:#d97706;color:#78350f;background:#d977060f}.spine-callout-cyan{border-left-color:#0284c7;color:#0369a1;background:#0284c70f}.spine-callout-emerald{border-left-color:#059669;color:#065f46;background:#0596690f}.spine-callout-purple{border-left-color:#9333ea;color:#581c87;background:#9333ea0f}.scrolly-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:var(--space-600);align-items:start;position:relative;margin-top:var(--space-400)}.scrolly-narrative-col{display:flex;flex-direction:column;gap:var(--space-600)}.scrolly-act-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:30px;display:flex;flex-direction:column;gap:14px;position:relative;transition:border-color var(--duration-smooth),box-shadow var(--duration-smooth),transform var(--duration-smooth);box-shadow:0 2px 8px #0f172a08}.scrolly-act-card.is-active{border-color:#cbd5e1;border-left:3px solid #2563eb;background:#fff;box-shadow:0 10px 30px #0f172a0f;transform:translateY(-2px)}.scrolly-sticky-col{position:sticky;top:96px;z-index:20}.scrolly-sim-window{background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 16px 40px #0f172a0d,0 1px 3px #0f172a08;display:flex;flex-direction:column;min-height:520px}.sim-window-header{padding:12px 18px;background:#fff;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px}.sim-window-dots{display:flex;align-items:center;gap:6px}.sim-dot{width:9px;height:9px;border-radius:50%}.sim-dot-red{background:#ef4444}.sim-dot-yellow{background:#f59e0b}.sim-dot-green{background:#10b981}.sim-window-title{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#334155;letter-spacing:.04em;display:flex;align-items:center;gap:8px}.sim-window-actions{display:flex;align-items:center;gap:10px}.sim-mode-toggle{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px;gap:2px}.sim-mode-btn{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:3px 9px;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;transition:all var(--duration-fast);display:inline-flex;align-items:center;gap:4px}.sim-mode-btn:hover{color:#0f172a}.sim-mode-btn.active{background:#fff;color:#0f172a;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000f;font-weight:600}.sim-mode-icon{font-size:10px;opacity:.85}.sim-window-tabs{display:flex;gap:4px}.sim-tab-btn{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:#64748b;cursor:pointer;transition:all var(--duration-fast)}.sim-tab-btn:hover{color:#0f172a;background:#f1f5f9}.sim-tab-btn.active{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1;font-weight:700}.sim-stage-viewport{position:relative;flex:1;min-height:450px;display:flex;flex-direction:column;padding:22px;background:#f8fafc}.scrolly-sim-window.is-code-mode .sim-stage-viewport{display:none!important}.sim-code-viewport{position:relative;flex:1;min-height:450px;display:none;flex-direction:column;background:#fff}.scrolly-sim-window.is-code-mode .sim-code-viewport{display:flex!important}.sim-code-bar{padding:10px 16px;background:#f8fafc;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.sim-code-meta{display:flex;align-items:center;gap:8px}.sim-code-file-icon{color:#d97706;font-size:12px}.sim-code-filename{font-family:var(--font-mono);font-size:11px;font-weight:600;color:#0f172a;letter-spacing:.02em}.sim-code-badge{font-family:var(--font-mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:var(--radius-sm);background:#d9770614;border:1px solid rgba(217,119,6,.25);color:#92400e;font-weight:600}.sim-code-copy-btn{font-family:var(--font-mono);font-size:11px;display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--border-subtle);color:#334155;padding:3px 9px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.sim-code-copy-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.sim-code-copy-btn.copied{background:#0596691a;color:#065f46;border-color:#0596694d}.sim-code-content{flex:1;padding:18px 20px;margin:0;overflow:auto;font-family:var(--font-mono);font-size:11.5px;line-height:1.68;color:#1e293b;white-space:pre;background:#fff}.sim-code-panel{display:none;animation:simFadeIn .2s ease-out forwards}.sim-code-panel.active{display:block}.syn-kw{color:#d97706;font-weight:600}.syn-type{color:#0284c7}.syn-fn{color:#7c3aed;font-weight:500}.syn-str{color:#059669}.syn-prop{color:#0f172a}.syn-num{color:#ea580c}.syn-comment{color:#64748b;font-style:italic}.syn-punct{color:#475569}.syn-key{color:#2563eb}.sim-panel{display:none;flex-direction:column;height:100%;animation:simFadeIn .25s ease-out forwards}.sim-panel.active{display:flex}@keyframes simFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sim-chat-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 18px;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;color:var(--accent-muted);display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.sim-chat-bubble strong{color:var(--accent-cyan)}.sim-preview-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;position:relative;overflow:hidden}.sim-status-bar{display:flex;align-items:center;justify-content:space-between;padding-top:14px;margin-top:auto;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:10.5px;color:var(--accent-subtle)}@media (max-width: 960px){.scrolly-layout{grid-template-columns:1fr;gap:var(--space-400)}.scrolly-sticky-col{position:static}}.matrix-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:0 2px 12px #0000000a}.matrix-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.5;white-space:nowrap}.matrix-table th,.matrix-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.matrix-table th{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-subtle);background:var(--bg-card);font-weight:600}.matrix-table tr:last-child td{border-bottom:none}.matrix-table tr:hover td{background:#00000004}.matrix-highlight{background:#2563eb09!important;border-left:1px solid rgba(37,99,235,.15);border-right:1px solid rgba(37,99,235,.15)}.text-emerald{color:var(--accent-success)}.text-cyan{color:var(--accent-cyan)}.text-rose{color:var(--accent-rose)}.font-bold{font-weight:600}.ux-laws-layout{display:grid;grid-template-columns:340px 1fr;gap:var(--space-600);align-items:start;position:relative}@media (max-width: 900px){.ux-laws-layout{grid-template-columns:1fr;gap:var(--space-400)}}.ux-laws-aside{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:var(--space-200)}@media (max-width: 900px){.ux-laws-aside{position:static}}.ux-law-item{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-400);margin-bottom:var(--space-400);display:flex;flex-direction:column;gap:12px}.ux-law-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ux-law-head{display:flex;align-items:baseline;gap:14px}.ux-law-num{font-family:var(--font-mono);font-size:12px;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);background:#f1f5f9;border:1px solid var(--border-subtle)}.ux-law-num-gold{color:#92400e;border-color:#d977064d;background:#d9770614}.ux-law-num-copper{color:#9a3412;border-color:#ea580c4d;background:#ea580c14}.ux-law-num-purple{color:#6b21a8;border-color:#9333ea4d;background:#9333ea14}.ux-law-num-emerald{color:#065f46;border-color:#0596694d;background:#05966914}.ux-law-title{font-size:1.2rem;font-weight:600;color:var(--accent-primary);letter-spacing:-.015em}.ux-law-desc{font-size:14.5px;color:var(--accent-muted);line-height:1.65}.ux-law-rule{font-family:var(--font-mono);font-size:12.5px;padding:12px 16px;border-radius:0 var(--radius-md) var(--radius-md) 0;line-height:1.6;border-left:3px solid}.ux-law-rule strong{font-weight:700}.ux-law-rule-gold{color:#78350f;background:#d977060f;border-left-color:#d97706}.ux-law-rule-copper{color:#7c2d12;background:#ea580c0f;border-left-color:#ea580c}.ux-law-rule-purple{color:#581c87;background:#9333ea0f;border-left-color:#9333ea}.ux-law-rule-emerald{color:#065f46;background:#0596690f;border-left-color:#059669}.host-constraint-card{padding:16px 18px;background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:11.5px;color:#334155;line-height:1.7;box-shadow:0 2px 8px #0f172a08}.host-constraint-card-title{color:#92400e;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase}.host-constraint-card code{color:#0f172a;background:#e2e8f0;padding:2px 6px;border-radius:var(--radius-sm);font-size:11px}.field-ledger{display:flex;flex-direction:column;max-width:960px;margin:0 auto;border-top:1px solid var(--border-subtle)}.ledger-row{display:grid;grid-template-columns:240px 1fr;gap:var(--space-400);padding:28px 16px;border-bottom:1px solid var(--border-subtle);transition:background-color var(--duration-fast);border-radius:var(--radius-md)}.ledger-row:hover{background-color:#0f172a05}@media (max-width: 860px){.ledger-row{grid-template-columns:1fr;gap:12px;padding:20px 8px}}.ledger-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ledger-num{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#64748b;letter-spacing:-.01em}.ledger-tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#475569;background:#f1f5f9;border:1px solid var(--border-subtle);padding:3px 8px;border-radius:var(--radius-sm)}.ledger-content{display:flex;flex-direction:column;gap:10px}.ledger-title{font-size:16px;font-weight:600;color:var(--accent-primary);line-height:1.4;letter-spacing:-.01em}.ledger-desc{font-size:13.5px;color:var(--accent-muted);line-height:1.65;margin:0}.ledger-solution{font-family:var(--font-mono);font-size:11.5px;color:#065f46;background:#0596690d;border-left:3px solid #059669;padding:8px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.55;margin-top:4px}.solution-label{font-weight:700;color:#047857;margin-right:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 640px){.site-header,.floating-nav{height:52px}.header-inner{padding:0 12px;gap:6px}.brand-badge{gap:4px;font-size:13px}.nav-actions{gap:4px}.btn-feed-pill{padding:3px 6px;font-size:11px;gap:3px}.cart-btn{padding:3px 8px;font-size:11px;gap:4px}.cart-badge{padding:0 4px;font-size:10px}.hero-section{padding-top:84px;padding-bottom:var(--space-400);padding-inline:var(--space-200)}.hero-heading{font-size:1.85rem;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-150)}.hero-subheading{font-size:13px;line-height:1.5;margin-bottom:var(--space-200)}.proof-signal{font-size:10px!important;gap:4px!important}.try-agent-section{padding-inline:var(--space-200);margin-bottom:var(--space-400)}.try-agent-card{padding:14px;gap:14px;border-radius:var(--radius-lg)}.prompt-box{padding:10px}.prompt-text{font-size:11px;word-break:break-all}.studio-grid{padding-inline:var(--space-200);gap:var(--space-200);margin-bottom:var(--space-600)}.viewport-area{min-height:250px;height:260px}.studio-card{border-radius:var(--radius-lg)}.sidebar-panel{padding:16px;gap:16px}.content-section{padding:var(--space-500) var(--space-200)}.section-header{margin-bottom:var(--space-300)}.section-title{font-size:1.35rem}.section-subtitle{font-size:12px}.friction-card,.benchmark-card{padding:14px;border-radius:var(--radius-md);gap:10px}.friction-title{font-size:14px}.friction-desc{font-size:12px;line-height:1.5}.friction-solution{padding:6px 10px;font-size:11px}.colophon-card{padding:24px 16px;border-radius:var(--radius-lg)}}@media (max-width: 420px){.header-inner{padding:0 8px;gap:4px}.nav-action-github{display:none!important}.brand-badge{font-size:12.5px}.btn-feed-pill,.cart-btn{padding:3px 6px;font-size:10.5px}}.spine-disclaimer-mcp{margin-top:12px;padding:10px 14px;background:#0284c70d;border:1px solid rgba(2,132,199,.22);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11.5px;line-height:1.5;color:var(--accent-muted)}.synthesis-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-400)}.synthesis-lead-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-400);box-shadow:0 4px 20px #00000008;position:relative;overflow:hidden}.synthesis-lead-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-blue);background:#2563eb14;border:1px solid rgba(37,99,235,.2);padding:3px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-200)}.synthesis-lead-text{font-family:var(--font-serif);font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.6;color:var(--accent-primary);margin:0;font-style:italic}.synthesis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-300)}@media (max-width: 960px){.synthesis-grid{grid-template-columns:1fr;gap:var(--space-250)}}.synthesis-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-300);display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 10px #00000005;transition:transform var(--duration-fast),border-color var(--duration-fast)}.synthesis-card:hover{border-color:#2563eb4d;transform:translateY(-2px)}.synthesis-card-head{display:flex;align-items:flex-start;gap:12px}.synthesis-card-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.synthesis-card-title{font-size:15px;font-weight:600;color:var(--accent-primary);line-height:1.35;margin:0}.synthesis-card-subtitle{font-family:var(--font-mono);font-size:10.5px;color:var(--accent-subtle);text-transform:uppercase;letter-spacing:.04em;display:block;margin-top:2px}.synthesis-card-body{font-size:13.5px;color:var(--accent-muted);line-height:1.6;display:flex;flex-direction:column;gap:10px}.synthesis-card-item{padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:12.5px;line-height:1.5}.synthesis-card-item strong{color:var(--accent-primary);display:block;margin-bottom:3px;font-size:12.5px}.synthesis-quote-card{background:linear-gradient(135deg,#2563eb0a,#9333ea0a);border:1px solid rgba(37,99,235,.2);border-radius:var(--radius-xl);padding:var(--space-400) var(--space-500);text-align:center;position:relative}.synthesis-quote-label{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1d4ed8;margin-bottom:var(--space-150)}.synthesis-quote-text{font-family:var(--font-serif);font-size:clamp(1.15rem,2.2vw,1.45rem);font-style:italic;line-height:1.55;color:#0f172a;max-width:820px;margin:0 auto}.synthesis-quote-sub{font-family:var(--font-mono);font-size:12px;color:#475569;margin-top:var(--space-200);font-weight:500}