@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400;1,14..32,500&family=JetBrains+Mono:wght@400;500&display=swap";:root{--accent: #7c3aed;--accent-light: #f5f3ff;--accent-muted: #ede9fe;--accent-border: #ddd6fe;--accent-text: #6d28d9;--sidebar-bg: #f5f3ff;--sidebar-border: #ede9fe;--sidebar-active: #ede9fe;--bg: #fdfcfe;--bg-subtle: #f9f8ff;--surface: #ffffff;--border: #e5e7eb;--text-primary: #1e1b4b;--text-secondary: #6b7280;--text-muted: #9ca3af;--error: #ef4444;--error-bg: #fef2f2;--radius: 6px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=grape]{--accent: #7c3aed;--accent-light: #f5f3ff;--accent-muted: #ede9fe;--accent-border: #ddd6fe;--accent-text: #6d28d9;--sidebar-bg: #f5f3ff;--sidebar-border:#ede9fe;--sidebar-active:#ede9fe;--text-primary: #1e1b4b}[data-theme=berry]{--accent: #db2777;--accent-light: #fdf2f8;--accent-muted: #fce7f3;--accent-border: #fbcfe8;--accent-text: #be185d;--sidebar-bg: #fdf2f8;--sidebar-border:#fbcfe8;--sidebar-active:#fce7f3;--text-primary: #1a1a2e}[data-theme=cherry]{--accent: #d6253a;--accent-light: #fef2f2;--accent-muted: #fee2e2;--accent-border: #fecaca;--accent-text: #991b1b;--sidebar-bg: #fef2f2;--sidebar-border:#fee2e2;--sidebar-active:#fee2e2;--text-primary: #1a0a0c}[data-theme=mint]{--accent: #10b981;--accent-light: #ecfdf5;--accent-muted: #d1fae5;--accent-border: #a7f3d0;--accent-text: #047857;--sidebar-bg: #ecfdf5;--sidebar-border:#d1fae5;--sidebar-active:#d1fae5;--text-primary: #0a1f17}[data-theme=peach]{--accent: #fb923c;--accent-light: #fff7ed;--accent-muted: #ffedd5;--accent-border: #fed7aa;--accent-text: #c2410c;--sidebar-bg: #fff7ed;--sidebar-border:#ffedd5;--sidebar-active:#ffedd5;--text-primary: #2a1408}[data-theme=orange]{--accent: #ea580c;--accent-light: #fff7ed;--accent-muted: #ffedd5;--accent-border: #fdba74;--accent-text: #9a3412;--sidebar-bg: #fff7ed;--sidebar-border:#fed7aa;--sidebar-active:#fed7aa;--text-primary: #1f0e05}[data-theme=lemon]{--accent: #eab308;--accent-light: #fefce8;--accent-muted: #fef9c3;--accent-border: #fde68a;--accent-text: #854d0e;--sidebar-bg: #fefce8;--sidebar-border:#fef08a;--sidebar-active:#fef08a;--text-primary: #1c1503}[data-theme=blue]{--accent: #0ea5e9;--accent-light: #f0f9ff;--accent-muted: #e0f2fe;--accent-border: #bae6fd;--accent-text: #0369a1;--sidebar-bg: #f0f9ff;--sidebar-border:#e0f2fe;--sidebar-active:#e0f2fe;--text-primary: #082f49}[data-theme=slate]{--accent: #64748b;--accent-light: #f8fafc;--accent-muted: #f1f5f9;--accent-border: #e2e8f0;--accent-text: #334155;--sidebar-bg: #f8fafc;--sidebar-border:#f1f5f9;--sidebar-active:#f1f5f9;--text-primary: #0f172a}.dark{--bg: #0d0d12;--bg-subtle: #111118;--surface: #18181f;--border: #27272a;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--error: #f87171;--error-bg: #1a0505}.dark[data-theme=grape]{--accent: #7c3aed;--accent-light: #1e1030;--accent-muted: #2d1b4e;--accent-border: #4c1d95;--accent-text: #a78bfa;--sidebar-bg: #111118;--sidebar-border:#1f1f2e;--sidebar-active:#2d1b4e;--text-primary: #f9fafb}.dark[data-theme=berry]{--accent: #db2777;--accent-light: #2d0a1e;--accent-muted: #3d0a1e;--accent-border: #9f1239;--accent-text: #f472b6;--sidebar-bg: #130a0e;--sidebar-border:#2a1520;--sidebar-active:#3d0a1e;--text-primary: #fdf2f8}.dark[data-theme=cherry]{--accent: #ef4444;--accent-light: #2d0a0a;--accent-muted: #450a0a;--accent-border: #7f1d1d;--accent-text: #fca5a5;--sidebar-bg: #1a0a0a;--sidebar-border:#2a1414;--sidebar-active:#450a0a;--text-primary: #fef2f2}.dark[data-theme=mint]{--accent: #10b981;--accent-light: #051f17;--accent-muted: #064e3b;--accent-border: #065f46;--accent-text: #6ee7b7;--sidebar-bg: #0a1a14;--sidebar-border:#1a2e25;--sidebar-active:#064e3b;--text-primary: #f0fdf4}.dark[data-theme=peach]{--accent: #fb923c;--accent-light: #2d1408;--accent-muted: #431407;--accent-border: #7c2d12;--accent-text: #fdba74;--sidebar-bg: #1a0e07;--sidebar-border:#2e1f14;--sidebar-active:#431407;--text-primary: #fff7ed}.dark[data-theme=orange]{--accent: #f97316;--accent-light: #1f0e05;--accent-muted: #431407;--accent-border: #9a3412;--accent-text: #fb923c;--sidebar-bg: #170a04;--sidebar-border:#2e1810;--sidebar-active:#431407;--text-primary: #fff7ed}.dark[data-theme=lemon]{--accent: #facc15;--accent-light: #1c1503;--accent-muted: #422006;--accent-border: #854d0e;--accent-text: #fde047;--sidebar-bg: #15110a;--sidebar-border:#2a2210;--sidebar-active:#422006;--text-primary: #fefce8}.dark[data-theme=blue]{--accent: #0ea5e9;--accent-light: #08263a;--accent-muted: #0c4a6e;--accent-border: #075985;--accent-text: #7dd3fc;--sidebar-bg: #08151f;--sidebar-border:#0e2a3d;--sidebar-active:#0c4a6e;--text-primary: #f0f9ff}.dark[data-theme=slate]{--accent: #94a3b8;--accent-light: #0f172a;--accent-muted: #1e293b;--accent-border: #334155;--accent-text: #cbd5e1;--sidebar-bg: #0c1018;--sidebar-border:#1e293b;--sidebar-active:#1e293b;--text-primary: #f8fafc}:root{--accent: #7c3aed;--accent-light: #f5f3ff;--accent-muted: #ede9fe;--accent-border: #ddd6fe;--accent-text: #6d28d9;--sidebar-bg: #f5f3ff;--sidebar-border: #ede9fe;--sidebar-active: #ede9fe;--bg: #fdfbf6;--bg-subtle: #f9f8ff;--surface: #ffffff;--border: #e5e7eb;--text-primary: #1e1b4b;--text-secondary: #6b7280;--text-muted: #9ca3af;--error: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #b91c1c;--warning: #d97706;--success-bg: #ecfdf5;--success-border: #a7f3d0;--success-text: #047857;--diff-add-bg: #ecfdf5;--diff-add-text: #047857;--diff-remove-bg: #fef2f2;--diff-remove-text:#b91c1c;--bg-cream: #fdfbf6;--candy-navy: #134380;--candy-pink: #ed4d92;--candy-yellow: #f6c544;--candy-cyan: #6cc7e6;--candy-red: #d6253a;--radius: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.1);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px -12px rgba(0,0,0,.12);--shadow-xl: 0 24px 60px -20px rgba(30,27,75,.25), 0 8px 16px -8px rgba(30,27,75,.12);--ring-focus: 0 0 0 3px var(--accent-light);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--w-shell: 1200px;--w-prose: 720px;--w-narrow: 640px;--sp-hero: 32px 0 96px;--sp-section: 96px 0;--sp-tight: 64px 0;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--fs-xs: 11px;--lh-xs: 1.45;--fs-sm: 13px;--lh-sm: 1.55;--fs-base: 14px;--lh-base: 1.6;--fs-md: 15px;--lh-md: 1.65;--fs-lg: 18px;--lh-lg: 1.55;--fs-xl: 22px;--lh-xl: 1.4;--fs-2xl: 28px;--lh-2xl: 1.3;--fs-3xl: 36px;--lh-3xl: 1.2;--fs-4xl: 48px;--lh-4xl: 1.1}[data-theme=grape]{--accent: #7c3aed;--accent-light: #f5f3ff;--accent-muted: #ede9fe;--accent-border: #ddd6fe;--accent-text: #6d28d9;--sidebar-bg: #f5f3ff;--sidebar-border: #ede9fe;--sidebar-active: #ede9fe;--text-primary: #1e1b4b}[data-theme=berry]{--accent: #db2777;--accent-light: #fdf2f8;--accent-muted: #fce7f3;--accent-border: #fbcfe8;--accent-text: #be185d;--sidebar-bg: #fdf2f8;--sidebar-border: #fbcfe8;--sidebar-active: #fce7f3;--text-primary: #1a1a2e}.dark{--bg: #0d0d12;--bg-subtle: #111118;--surface: #18181f;--border: #27272a;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--error: #f87171;--error-bg: #1a0505;--shadow-lg: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6)}.dark[data-theme=grape]{--accent: #7c3aed;--accent-light: #1e1030;--accent-muted: #2d1b4e;--accent-border: #4c1d95;--accent-text: #a78bfa;--sidebar-bg: #111118;--sidebar-border: #1f1f2e;--sidebar-active: #2d1b4e}.dark[data-theme=berry]{--accent: #db2777;--accent-light: #2d0a1e;--accent-muted: #3d0a1e;--accent-border: #9f1239;--accent-text: #f472b6;--sidebar-bg: #130a0e;--sidebar-border: #2a1520;--sidebar-active: #3d0a1e}html{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;margin:0 0 .4em;font-weight:700}h1{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.03em}h2{font-size:var(--fs-2xl);font-weight:700}h3{font-size:var(--fs-xl);font-weight:600}h4{font-size:var(--fs-lg);font-weight:600}h5{font-size:var(--fs-md);font-weight:600;text-transform:none}h6{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}p{font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-primary);margin:0 0 1em;text-wrap:pretty}a{color:var(--accent-text);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent);text-decoration:underline}small{font-size:var(--fs-xs);color:var(--text-muted)}strong{font-weight:600;color:var(--text-primary)}em{font-style:italic}code,pre{font-family:var(--font-mono);font-size:.92em}code{background:var(--accent-light);color:var(--accent-text);padding:.15em .4em;border-radius:4px;border:1px solid var(--accent-border)}pre{background:var(--bg-subtle);color:var(--text-primary);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto;line-height:1.5}pre code{background:none;border:none;padding:0;color:inherit}kbd{font-family:var(--font-mono);font-size:.78em;padding:.15em .45em;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:var(--surface);color:var(--text-secondary)}blockquote{margin:0 0 1em;padding:var(--space-2) var(--space-4);border-left:3px solid var(--accent-border);color:var(--text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.hex-swatch{display:inline-block;width:.8em;height:.8em;border-radius:3px;margin-right:.3em;vertical-align:-1px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #fff6}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}@media(max-width:900px){.sitemap-grid{grid-template-columns:1fr}}.sitemap-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}.sitemap-col h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0}.sitemap-col .sm-tag{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:12px}.sitemap-col .sm-tag:first-of-type{margin-top:0}.sitemap-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sitemap-col li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:5px 0;font-size:13px;color:var(--text-primary);border-bottom:1px dashed var(--border)}.sitemap-col li:last-child{border-bottom:none}.sitemap-col li .path{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);white-space:nowrap}.sitemap-col li .lbl{color:var(--text-primary)}.sitemap-col li .st{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:3px}.st-built{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.st-new{background:var(--accent-light);color:var(--accent-text);border:1px solid var(--accent-border)}.st-todo{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}.st-seo{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.sitemap-legend{display:flex;gap:14px;justify-content:center;margin-top:28px;padding:16px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:11px;flex-wrap:wrap}.sitemap-legend .item{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.sitemap-legend .sw{width:12px;height:12px;border-radius:3px;display:inline-block}.blog-hero{padding:96px 0 56px;text-align:center}.blog-hero h1{font-size:48px;font-weight:800;letter-spacing:-.03em;margin:0 0 12px}.blog-hero p{font-size:18px;color:var(--text-secondary);margin:0 auto;max-width:560px}.blog-cats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:32px 0 0}.blog-cat{padding:6px 14px;border-radius:999px;font-size:12px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:color .15s,border-color .15s}.blog-cat:hover{color:var(--accent);border-color:var(--accent-border)}.blog-cat.is-active{background:var(--accent-light);color:var(--accent-text);border-color:var(--accent-border)}.blog-featured{margin:56px 0 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);overflow:hidden}@media(max-width:800px){.blog-featured{grid-template-columns:1fr}}.blog-featured-image{background:linear-gradient(135deg,var(--accent-light),var(--accent-muted));min-height:280px;display:flex;align-items:center;justify-content:center}.blog-featured-image img{width:96px;height:96px;opacity:.7}.blog-featured-body{padding:40px 32px;display:flex;flex-direction:column;gap:14px}.blog-featured-body .blog-cat{align-self:flex-start}.blog-featured-body h2{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.15;text-wrap:balance}.blog-featured-body p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary)}.blog-featured-body .meta{font-size:12px;color:var(--text-muted);font-family:var(--font-mono);display:flex;gap:12px;margin-top:8px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.blog-card:hover{border-color:var(--accent-border);transform:translateY(-2px);text-decoration:none;color:inherit}.blog-card-image{background:var(--bg-subtle);height:140px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.blog-card-image.candy{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.blog-card-image.candy-2{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.blog-card-image.candy-3{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.blog-card-image.candy-4{background:linear-gradient(135deg,#fef3c7,#fde68a)}.blog-card-image.candy-5{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.blog-card-image.candy-6{background:linear-gradient(135deg,#fee2e2,#fecaca)}.blog-card-image img{width:56px;height:56px;opacity:.75}.blog-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.blog-card-body .blog-cat{align-self:flex-start}.blog-card-body h3{font-size:17px;font-weight:700;margin:0;letter-spacing:-.01em;line-height:1.25;text-wrap:balance}.blog-card-body p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary);flex:1}.blog-card-body .meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-top:6px}.newsletter{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:40px 32px;text-align:center;max-width:720px;margin:56px auto}.newsletter h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.newsletter p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.newsletter form{display:flex;gap:8px;max-width:440px;margin:0 auto}.newsletter input{flex:1;padding:10px 14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);font-family:var(--font-sans);font-size:13px;color:var(--text-primary);outline:none}.newsletter input:focus{border-color:var(--accent);box-shadow:var(--ring-focus)}.newsletter button{padding:10px 18px;border-radius:var(--radius-lg);background:var(--accent);color:#fff;border:none;font-size:13px;font-weight:600}.newsletter .privacy{font-size:11px;color:var(--text-muted);margin:12px 0 0}.post-hero{padding:80px 0 32px;max-width:760px;margin:0 auto;text-align:center}.post-hero .blog-cat{display:inline-block;margin-bottom:18px}.post-hero h1{font-size:48px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;text-wrap:balance}.post-hero .meta{display:flex;justify-content:center;gap:14px;margin-top:20px;font-size:12px;font-family:var(--font-mono);color:var(--text-muted)}.post-body{max-width:720px;margin:0 auto;padding:24px 16px 96px;font-size:17px;line-height:1.7;color:var(--text-primary)}.post-body p{margin:0 0 1.1em;text-wrap:pretty}.post-body h2{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:2em 0 .6em}.post-body h3{font-size:20px;font-weight:600;letter-spacing:-.01em;margin:1.6em 0 .4em}.post-body blockquote{margin:1.5em 0;padding:8px 20px;border-left:3px solid var(--accent-border);color:var(--text-secondary);font-style:italic}.post-body ul,.post-body ol{padding-left:24px;margin:0 0 1.1em}.post-body li{margin-bottom:6px}.post-body code{background:var(--accent-light);color:var(--accent-text);padding:1px 6px;border-radius:4px;border:1px solid var(--accent-border);font-family:var(--font-mono);font-size:.88em}.post-body pre{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.post-body hr{border:none;border-top:1px solid var(--border);margin:2em 0}.post-body img.bleed{width:100%;border-radius:var(--radius-xl);border:1px solid var(--border);margin:1.5em 0}.post-footer{max-width:720px;margin:0 auto;padding:32px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.related{background:var(--bg-subtle);padding:64px 0;border-top:1px solid var(--border)}.related h2{font-size:22px;margin:0 0 24px;font-weight:700;letter-spacing:-.02em}.integrations-hero{padding:96px 0 32px;text-align:center}.integrations-hero h1{font-size:48px;font-weight:800;letter-spacing:-.03em;margin:0 0 12px}.integrations-hero p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.int-section{padding:48px 0}.int-section h2{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.int-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.int-grid{grid-template-columns:repeat(2,1fr)}}.int-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;position:relative;transition:border-color .15s,transform .15s}.int-card:hover{border-color:var(--accent-border);transform:translateY(-2px);text-decoration:none;color:inherit}.int-card .int-logo{width:36px;height:36px;border-radius:var(--radius);background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:700;font-size:16px;color:var(--text-primary);margin-bottom:4px}.int-card h3{font-size:15px;font-weight:600;margin:0;color:var(--text-primary)}.int-card p{font-size:12px;line-height:1.45;color:var(--text-secondary);margin:0}.int-status{position:absolute;top:18px;right:18px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:999px}.int-status.live{background:var(--success-bg);color:var(--success-text)}.int-status.beta{background:var(--accent-light);color:var(--accent-text)}.int-status.planned{background:var(--bg-subtle);color:var(--text-muted)}.docs-layout{display:grid;grid-template-columns:232px 1fr;gap:32px;max-width:1120px;margin:32px auto 96px}@media(max-width:900px){.docs-layout{grid-template-columns:1fr;gap:24px}}.dev-nav,.docs-sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow-y:auto;padding:0 16px;font-size:13.5px}.dev-nav-head,.docs-sidebar h4{font-family:var(--font-mono);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:4px 0 6px;margin:22px 0 0}.dev-nav-head:first-child,.docs-sidebar h4:first-child{margin-top:0}.dev-nav ul,.docs-sidebar ul{list-style:none;margin:0;padding:0}.dev-nav li a,.docs-sidebar a{display:block;padding:5px 10px;margin:0 -10px;border-radius:6px;color:var(--text-secondary);text-decoration:none;line-height:1.4;transition:background .15s ease,color .15s ease}.dev-nav li a:hover,.docs-sidebar a:hover{color:var(--text-primary);background:color-mix(in oklab,var(--accent) 6%,transparent)}.dev-nav li a.is-current,.docs-sidebar a.is-active{color:var(--accent);background:var(--accent-light);font-weight:600}.docs-sidebar li.indent a{padding-left:22px}.docs-article{min-width:0}.docs-article .docs-mock{display:flex;justify-content:center;margin:24px 0 28px;padding:24px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 3%,white),color-mix(in oklab,var(--accent) 6%,white));border-radius:12px}.docs-article .docs-mock .fmock{transform:scale(1.1);transform-origin:center}.docs-article table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:14px;line-height:1.55;border:1px solid color-mix(in oklab,var(--text-primary) 10%,transparent);border-radius:8px;overflow:hidden}.docs-article thead{background:color-mix(in oklab,var(--accent) 7%,white)}.docs-article th{text-align:left;font-weight:600;font-size:12.5px;color:var(--text-primary);padding:10px 14px;border-bottom:1px solid color-mix(in oklab,var(--text-primary) 12%,transparent);letter-spacing:.01em}.docs-article td{padding:10px 14px;vertical-align:top;color:var(--text-primary);border-bottom:1px solid color-mix(in oklab,var(--text-primary) 6%,transparent)}.docs-article tbody tr:last-child td{border-bottom:0}.docs-article tbody tr:hover td{background:color-mix(in oklab,var(--accent) 3%,transparent)}.docs-article td code,.docs-article th code{font-size:12.5px;padding:1px 4px;white-space:nowrap}.docs-article .docs-mock-placeholder{display:block;margin:24px 0;padding:24px;border:2px dashed color-mix(in oklab,var(--accent) 40%,transparent);background:color-mix(in oklab,var(--accent) 5%,transparent);border-radius:10px;text-align:center;font-family:var(--font-mono);font-size:12.5px;color:var(--text-muted);line-height:1.5}.docs-article .docs-mock-placeholder:before{content:"Mock placeholder — ";color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.docs-article h1{font-size:36px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px;line-height:1.15}.docs-article .article-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border)}.docs-article p{font-size:15px;line-height:1.65;color:var(--text-primary);margin:0 0 1em;text-wrap:pretty}.docs-article h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:2em 0 .5em;padding-top:4px;scroll-margin-top:32px}.docs-article h3{font-size:17px;font-weight:600;margin:1.5em 0 .4em;scroll-margin-top:32px}.docs-article code{background:var(--accent-light);color:var(--accent-text);padding:1px 5px;border-radius:4px;border:1px solid var(--accent-border);font-family:var(--font-mono);font-size:.88em}.docs-article pre{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5}.docs-article kbd{font-family:var(--font-mono);font-size:11px;padding:1px 6px;background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;color:var(--text-secondary)}.docs-article ul,.docs-article ol{padding-left:24px;margin-bottom:1em}.docs-article li{margin-bottom:4px;font-size:15px;line-height:1.6}.docs-callout{padding:14px 18px;border-radius:var(--radius-lg);background:var(--accent-light);border:1px solid var(--accent-border);margin:1.2em 0;font-size:14px;color:var(--accent-text)}.docs-callout strong{color:var(--accent-text)}.docs-next{margin-top:48px;padding-top:24px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:12px}.docs-next a{display:flex;flex-direction:column;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:border-color .15s}.docs-next a:hover{border-color:var(--accent-border);text-decoration:none;color:inherit}.docs-next .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.docs-next .title{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:4px}.docs-next a.next{text-align:right;align-items:flex-end}.post-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;position:relative;z-index:2}.post-nav-left{justify-self:start;display:flex;align-items:center;gap:8px}.post-nav-right{justify-self:end;display:flex;align-items:center;gap:12px}.post-nav-center{justify-self:center}.post-nav-back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;transition:color .15s,border-color .15s}.post-nav-back:hover{color:var(--accent);border-color:var(--accent-border)}.post-crumb-pills{display:flex;gap:6px;flex-wrap:wrap}.post-crumb-pill{padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--text-secondary);text-decoration:none;transition:color .15s,border-color .15s}.post-crumb-pill:hover{color:var(--accent);border-color:var(--accent-border)}.post-crumb-pill.is-date{color:var(--text-muted);border-style:dashed}.post-theme-toggle{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary)}.post-page-bg{position:relative;min-height:100vh;background:var(--bg)}.post-page-bg:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(40% 30% at 50% 0%,var(--accent-light) 0%,transparent 60%)}.post-page-bg:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.35;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 60% 40% at 50% 20%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 60% 40% at 50% 20%,black 30%,transparent 80%)}.post-page-bg>*{position:relative;z-index:1}.post-v2-hero{max-width:760px;margin:24px auto 0;padding:0 24px;text-align:left}.post-v2-hero .post-crumb-pills{margin-bottom:28px}.post-v2-hero h1{font-size:56px;line-height:1.05;font-weight:800;letter-spacing:-.035em;margin:0;color:var(--text-primary);text-wrap:balance}.post-v2-hero .post-subtitle{margin:18px 0 0;font-size:17px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty;max-width:620px}.post-v2-hero-image{margin:36px auto 0;max-width:760px;padding:0 24px}.post-v2-hero-image .ph{width:100%;aspect-ratio:16 / 7;border-radius:var(--radius-2xl);border:1px solid var(--border);overflow:hidden;position:relative;background:linear-gradient(135deg,#1e1b4b,#7c3aed,#db2777);display:flex;align-items:center;justify-content:center}.post-v2-hero-image .ph:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px}.post-v2-hero-image .ph img{position:relative;z-index:1;width:96px;height:96px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.post-v2-hero-image .ph .ph-quote{position:absolute;bottom:24px;left:24px;z-index:1;font-family:var(--font-mono);color:#ffffffa6;font-size:12px;line-height:1.5}.post-v2-hero-image .ph .ph-quote span{color:#fffffff2;font-weight:500}.post-layout-v2{max-width:1080px;margin:48px auto 0;padding:0 24px 96px;display:grid;grid-template-columns:1fr 280px;gap:64px}@media(max-width:900px){.post-layout-v2{grid-template-columns:1fr;gap:32px}.post-aside{order:-1}}.post-article-v2{min-width:0;max-width:720px}.post-article-v2 h2{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:2em 0 .6em;color:var(--text-primary);scroll-margin-top:32px}.post-article-v2 h2:first-child{margin-top:.5em}.post-article-v2 h3{font-size:19px;font-weight:600;margin:1.6em 0 .5em;scroll-margin-top:32px}.post-article-v2 p{font-size:16px;line-height:1.7;color:var(--text-primary);margin:0 0 1em;text-wrap:pretty}.post-article-v2 ul,.post-article-v2 ol{padding-left:24px;margin:0 0 1.2em}.post-article-v2 li{margin-bottom:8px;font-size:16px;line-height:1.65;color:var(--text-primary)}.post-article-v2 li strong{color:var(--text-primary);font-weight:600}.post-article-v2 ul li::marker{color:var(--accent)}.post-article-v2 blockquote{margin:1.4em 0;padding:12px 22px;border-left:3px solid var(--accent);background:var(--bg-subtle);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:italic;color:var(--text-primary)}.post-article-v2 hr{border:none;border-top:1px solid var(--border);margin:2em 0}.post-article-v2 a:not(.btn-primary):not(.btn-ghost){color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-border);transition:text-decoration-color .15s}.post-article-v2 a:not(.btn-primary):not(.btn-ghost):hover{text-decoration-color:var(--accent)}.post-article-v2 :not(pre)>code{font-family:var(--font-mono);font-size:.88em;background:var(--accent-light);color:var(--accent-text);padding:1px 6px;border-radius:4px;border:1px solid var(--accent-border)}.code-block-v2{position:relative;margin:1.4em 0;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.code-block-v2 .code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.code-block-v2 .code-head .lang{text-transform:uppercase;letter-spacing:.08em;font-weight:600}.code-block-v2 .code-copy{background:transparent;border:none;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.code-block-v2 .code-copy:hover{color:var(--accent);background:var(--bg-subtle)}.code-block-v2 pre{margin:0;padding:16px 18px;background:transparent;border:none;border-radius:0;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--text-primary)}.code-block-v2 .tok-kw{color:#be185d}.code-block-v2 .tok-str{color:#047857}.code-block-v2 .tok-com{color:var(--text-muted);font-style:italic}.code-block-v2 .tok-fn{color:#7c3aed}.code-block-v2 .tok-tag{color:#db2777}.code-block-v2 .tok-attr{color:#d97706}.post-article-v2 .lead-list{list-style:none;padding:0;margin:1em 0 1.4em}.post-article-v2 .lead-list li{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed var(--border)}.post-article-v2 .lead-list li:last-child{border-bottom:none}.post-article-v2 .lead-list li:before{content:"•";color:var(--accent);font-size:16px;line-height:1;flex-shrink:0}.post-article-v2 .lead-list strong{font-weight:600;color:var(--text-primary)}.post-aside{position:sticky;top:32px;align-self:start;display:flex;flex-direction:column;gap:20px}.aside-author{display:flex;align-items:center;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.aside-author .avatar{width:36px;height:36px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.aside-author .meta-name{font-size:13px;font-weight:600;color:var(--text-primary)}.aside-author .meta-role{font-size:11px;color:var(--text-muted);margin-top:2px}.aside-toc{padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.aside-toc h4{font-size:12px;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:0;text-transform:none}.aside-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.aside-toc a{display:block;padding:4px 0;font-size:12.5px;color:var(--text-secondary);text-decoration:none;transition:color .15s}.aside-toc a:hover{color:var(--accent)}.aside-toc a.is-active{color:var(--accent);font-weight:500}.aside-promo{padding:14px;background:#1a1735;color:#fff;border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:12px;overflow:hidden}.aside-promo .promo-screen{border-radius:var(--radius-lg);padding:24px 16px;background:linear-gradient(135deg,rgba(124,58,237,.15) 0%,transparent 60%),#0d0d18;border:1px solid rgba(255,255,255,.06);text-align:center;position:relative;overflow:hidden}.aside-promo .promo-screen .promo-eyebrow{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:4px}.aside-promo .promo-screen .promo-h{font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:#fff;margin:0 0 12px}.aside-promo .promo-screen .promo-cta{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent);border-radius:999px;font-size:10px;color:#fff;font-weight:600}.aside-promo h4{font-size:13px;font-weight:600;margin:0;color:#fff}.aside-promo p{font-size:12px;line-height:1.5;margin:0;color:#ffffffa6}.aside-share{display:flex;gap:8px;justify-content:flex-start;padding:8px 0}.aside-share a{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);text-decoration:none;font-size:12px;transition:color .15s,border-color .15s}.aside-share a:hover{color:var(--accent);border-color:var(--accent-border)}.read-more-v2{max-width:760px;margin:0 auto;padding:0 24px 96px}.read-more-v2 h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.read-more-v2 .rm-list{display:flex;flex-direction:column;gap:12px}.read-more-v2 .rm-card{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.read-more-v2 .rm-card:hover{border-color:var(--accent-border);transform:translate(2px);text-decoration:none;color:inherit}.read-more-v2 .rm-img{aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden}.read-more-v2 .rm-img.g1{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.read-more-v2 .rm-img.g2{background:linear-gradient(135deg,#fdf2f8,#fbcfe8)}.read-more-v2 .rm-img.g3{background:linear-gradient(135deg,#ecfdf5,#a7f3d0)}.read-more-v2 .rm-img.g4{background:linear-gradient(135deg,#fef3c7,#fde68a)}.read-more-v2 .rm-body{display:flex;flex-direction:column;gap:6px;padding:4px 0}.read-more-v2 h3{font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}.read-more-v2 .rm-body p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}.read-more-v2 .rm-body .meta{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);margin-top:4px}@media(max-width:600px){.read-more-v2 .rm-card{grid-template-columns:1fr}}html,body{background:var(--bg);margin:0;color:var(--text-primary)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.shell{max-width:var(--w-shell);margin:0 auto;padding:0 32px}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0;position:relative;z-index:2}.nav-brand{display:inline-flex;align-items:center;gap:9.6px}.nav-brand img.mark{width:32px;height:32px;display:block}.nav-brand svg.wm{color:var(--text-primary);display:block}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .12s ease-out}.nav-links a:hover{color:var(--accent)}.nav-links>a.is-active{color:var(--accent);font-weight:500;position:relative}.nav-links>a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent);border-radius:1px}a.nav-cta{padding:8px 14px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-sm);transition:filter .12s ease-out,box-shadow .12s ease-out}a.nav-cta:hover{color:#fff;text-decoration:none;filter:brightness(1.1);box-shadow:var(--shadow-md)}a.nav-cta:active{filter:brightness(.95);transition-duration:.05s}.audience-switch{display:inline-flex;padding:3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;gap:0;margin-right:8px}.audience-switch a{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background .15s,color .15s}.audience-switch a:hover{color:var(--accent)}.audience-switch a.is-active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 2px #0000000a}.hero{position:relative;overflow:hidden;padding:var(--sp-hero)}.hero:before{content:"";position:absolute;inset:-120px 0 0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,var(--accent-light) 0%,transparent 65%),radial-gradient(40% 40% at 85% 100%,var(--accent-muted) 0%,transparent 70%);z-index:0}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 30%,transparent 80%)}.hero-inner{position:relative;z-index:1;max-width:880px;margin:64px auto 0;text-align:center;padding:0 16px}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface);border:1px solid var(--accent-border);border-radius:999px;font-size:12px;font-weight:500;color:var(--accent-text);margin-bottom:24px}.eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}h1.hero-h1{font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0;text-wrap:balance;color:var(--text-primary)}h1.hero-h1 em{font-style:normal;color:var(--accent)}.hero-sub{margin:22px auto 0;max-width:640px;font-size:18px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}.hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;background:var(--accent);color:#fff;border-radius:var(--radius-lg);font-size:15px;font-weight:600;box-shadow:var(--shadow-sm);text-decoration:none;transition:filter .12s ease-out,box-shadow .12s ease-out}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-md);color:#fff;text-decoration:none}.btn-primary:active{filter:brightness(.95);transition-duration:.05s}.btn-ghost{font-size:14px;color:var(--text-secondary);text-decoration:none}.btn-ghost:hover{color:var(--accent)}.demo{position:relative;z-index:1;max-width:1024px;margin:56px auto 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:0 24px 60px -20px #1e1b4b40,0 8px 16px -8px #1e1b4b1f;overflow:hidden;display:grid;grid-template-columns:200px 1fr 220px}.demo-side{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:14px 12px;display:flex;flex-direction:column;gap:10px}.demo-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:var(--text-secondary);border-radius:var(--radius)}.demo-row.is-active{background:var(--sidebar-active);color:var(--accent);font-weight:500}.demo-row .g{color:var(--text-muted);font-size:10px;width:12px;text-align:center}.demo-bar{height:12px;flex:1;background:var(--accent-light);border-radius:4px}.demo-bar.short{flex:.55}.demo-bar.long{flex:.95}.demo-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 4px 2px}.demo-body{padding:24px 32px;min-height:360px}.demo-body h1{font-size:26px;font-weight:800;margin:0 0 14px;letter-spacing:-.03em}.demo-body p{font-size:14px;line-height:1.65;color:var(--text-primary);margin:0 0 10px}.demo-body code{background:var(--accent-light);color:var(--accent-text);padding:1px 6px;border-radius:4px;border:1px solid var(--accent-border);font-family:var(--font-mono);font-size:12px}.demo-ai{background:var(--surface);border-left:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;gap:10px}.demo-ai-head{font-size:12px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.demo-ai-head .star{color:var(--accent)}.demo-ai-msg{font-size:11px;line-height:1.5;padding:7px 10px;border-radius:10px;max-width:90%}.demo-ai-msg.you{background:var(--accent);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.demo-ai-msg.ai{background:var(--bg-subtle);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:3px}.demo-diff{font-family:var(--font-mono);font-size:10px;border:1px solid var(--border);border-radius:6px;overflow:hidden}.demo-diff>div{padding:2px 6px}.demo-diff .h{background:var(--bg-subtle);color:var(--text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.demo-diff .add{background:var(--diff-add-bg);color:var(--diff-add-text)}.demo-diff .rem{background:var(--diff-remove-bg);color:var(--diff-remove-text);text-decoration:line-through;opacity:.65}.section{padding:var(--sp-section)}.section.alt{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section h2{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 16px;text-wrap:balance}.section .lede{font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:var(--w-narrow)}.section-head{max-width:var(--w-prose);margin:0 auto 56px;text-align:center}.section-head .lede{margin:0 auto}.manifesto{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:56px}@media(max-width:980px){.manifesto{grid-template-columns:repeat(2,1fr)}}.manifesto blockquote{margin:0;padding:24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text-primary)}.manifesto blockquote.them{color:var(--text-muted)}.manifesto blockquote.us{background:var(--accent);color:#fff;border-color:var(--accent)}.manifesto blockquote .who{display:block;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.manifesto blockquote.us .who{color:#ffffffbf}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{display:flex;flex-direction:column;gap:10px;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color .15s}.feature:hover{border-color:var(--accent-border)}.feature .tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.feature h3{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:4px 0 0;color:var(--text-primary)}.feature p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0;text-wrap:pretty}.feature .micro{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding-top:8px;margin-top:auto;border-top:1px dashed var(--border)}.stance{max-width:760px;margin:0 auto}.stance ul{list-style:none;padding:0;margin:32px 0 0;display:flex;flex-direction:column;gap:6px}.stance li{display:flex;align-items:baseline;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border);font-size:18px;color:var(--text-primary);line-height:1.4}.stance li:last-child{border-bottom:none}.stance li:before{content:"✕";color:var(--error);font-size:13px;font-weight:600;flex-shrink:0}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}@media(max-width:880px){.pricing{grid-template-columns:1fr;max-width:480px}}.price{padding:32px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:14px}.price.featured{border:1.5px solid var(--accent);background:linear-gradient(180deg,var(--accent-light) 0%,var(--surface) 50%)}.price-name{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.08em}.price-amount{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text-primary)}.price-amount .per{font-size:16px;font-weight:500;color:var(--text-muted);letter-spacing:0;margin-left:4px}.price-tag{font-size:14px;color:var(--text-secondary)}.price ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:8px}.price li{font-size:14px;color:var(--text-secondary);display:flex;align-items:baseline;gap:10px}.price li:before{content:"✓";color:var(--accent);font-weight:600;font-size:12px}.price .btn-primary{align-self:stretch;justify-content:center;margin-top:12px}.price.featured .btn-primary{background:var(--accent);color:#fff}.price.alt-cta{background:transparent}.spec-wrap{background:#1a1735;color:#f5f3ff;border-top:1px solid #2a2550}.spec-wrap .section{padding:80px 0}.spec-wrap h2{color:#fff}.spec-wrap .lede{color:#f5f3ffa6}.spec-wrap .section-head{margin-bottom:40px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.spec-card{padding:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.spec-card h3{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}.spec-card.do h3:before{content:"✓ ";color:#6ee7b7}.spec-card.dont h3:before{content:"✕ ";color:#f87171}.spec-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.spec-card li{font-size:13px;line-height:1.5;color:#f5f3ffd9;display:flex;gap:8px}.spec-card li:before{content:"—";color:#f5f3ff4d}.micro-table{margin-top:56px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden}.micro-table .micro-row{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.06);align-items:baseline}.micro-table .micro-row:last-child{border-bottom:none}.micro-table .micro-k{font-family:var(--font-mono);font-size:11px;color:#f5f3ff73;text-transform:uppercase;letter-spacing:.06em}.micro-table .micro-v{font-size:14px;color:#fff;line-height:1.45}.foot{padding:48px 0 32px;background:var(--bg-subtle);border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.foot-inner{display:flex;align-items:center;justify-content:space-between}.foot a{color:var(--text-muted);text-decoration:none;margin-left:18px}.foot a:hover{color:var(--accent)}.compare{display:flex;flex-direction:column;gap:16px;max-width:1000px;margin:0 auto}.compare-row{display:grid;grid-template-columns:1fr 24px 1fr;gap:0;align-items:stretch;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);overflow:hidden}.compare-arrow{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:18px;background:var(--bg-subtle);border-left:1px solid var(--border);border-right:1px solid var(--border)}.compare-cell{padding:22px 24px;display:flex;flex-direction:column;gap:8px}.compare-cell.before{background:var(--surface)}.compare-cell.after{background:var(--accent-light)}.compare-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.compare-cell.after .compare-tag{color:var(--accent)}.compare-cell p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-primary);text-wrap:pretty}.everyday{display:flex;flex-direction:column;gap:88px;max-width:1120px;margin:0 auto}.ev-row{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;align-items:stretch;position:relative}.ev-pain,.ev-relief{display:flex;flex-direction:column;gap:18px;min-width:0}.ev-head{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:12px;row-gap:6px}.ev-num{grid-row:1;grid-column:1;font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1;color:var(--text-muted);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ev-relief .ev-num{color:var(--accent)}.ev-tag{grid-row:1;grid-column:2;align-self:center;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);padding:4px 10px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border)}.ev-relief .ev-tag{color:var(--accent);background:var(--accent-light);border-color:var(--accent-border)}.ev-head h3{grid-row:2;grid-column:1 / -1;margin:4px 0 0;font-family:var(--font-sans);font-size:clamp(22px,2vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.18;color:var(--text-primary);text-wrap:balance}.ev-relief .ev-head h3{color:var(--text-primary)}.ev-img{margin:0;border-radius:var(--radius-xl);overflow:hidden;background:#1a1d2a;border:1px solid var(--border);box-shadow:0 1px 2px #0f121e0f,0 14px 36px #0f121e1a;aspect-ratio:4 / 3;transform:rotate(-.6deg);transition:transform .35s ease,box-shadow .35s ease}.ev-row:nth-child(2n) .ev-img{transform:rotate(.6deg)}.ev-row:hover .ev-img{transform:rotate(0) translateY(-2px);box-shadow:0 2px 4px #0f121e0f,0 18px 44px #0f121e24}.ev-img img{display:block;width:100%;height:100%;object-fit:cover}.ev-dot{align-self:center;justify-self:center;width:12px;height:12px;border-radius:999px;background:var(--candy-pink, #ed4d92);box-shadow:0 0 0 5px #ed4d921a,0 0 0 11px #ed4d920d,0 8px 22px #ed4d924d;position:relative;margin-top:60px}.ev-mock{aspect-ratio:4 / 3;border-radius:var(--radius-xl);background:radial-gradient(120% 80% at 100% 0%,var(--accent-muted) 0%,transparent 55%),var(--surface);border:1px solid var(--accent-border);box-shadow:0 1px 2px #0f121e0a,0 14px 36px color-mix(in oklab,var(--accent) 18%,transparent);padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}.ev-row:hover .ev-mock{transform:translateY(-2px);box-shadow:0 2px 4px #0f121e0d,0 18px 44px color-mix(in oklab,var(--accent) 26%,transparent)}.ev-mock:after{content:"";position:absolute;inset:auto auto -30% -20%;width:50%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 12%,transparent),transparent 70%);pointer-events:none}.m-search{justify-content:flex-start}.m-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a}.m-bar-icon{font-size:14px;color:var(--accent)}.m-bar-q{flex:1;font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;display:inline-flex;align-items:center}.m-caret{display:inline-block;width:1.5px;height:16px;margin-left:2px;background:var(--accent);animation:ev-blink 1s steps(1) infinite}@keyframes ev-blink{50%{opacity:0}}.m-kbd{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle);padding:3px 7px;border-radius:6px;border:1px solid var(--border)}.m-results{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg);flex:1;min-height:0}.m-res{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius)}.m-res.is-hot{background:var(--accent-light)}.m-fav{width:28px;height:28px;border-radius:6px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.04em;flex-shrink:0}.m-fav-pdf{background:#be185d}.m-res>div{flex:1;min-width:0}.m-t{font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--text-primary);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-ext{color:var(--text-muted);font-weight:500}.m-meta{font-family:var(--font-sans);font-size:11.5px;color:var(--text-muted);line-height:1.3;margin-top:1px}.m-go{font-family:var(--font-mono);font-size:13px;color:var(--accent);flex-shrink:0}.m-foot{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);padding:4px 0 0}.m-foot em{color:var(--accent);font-style:normal;font-weight:600}.m-doc{padding:0;overflow:hidden}.m-doc-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--accent-border)}.m-doc-dots{display:inline-flex;gap:5px}.m-doc-dots span{width:9px;height:9px;border-radius:999px;background:var(--border)}.m-doc-dots span:nth-child(1){background:#fca5a5}.m-doc-dots span:nth-child(2){background:#fcd34d}.m-doc-dots span:nth-child(3){background:#86efac}.m-doc-name{flex:1;text-align:center;font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary);font-weight:500}.m-doc-saved{font-family:var(--font-sans);font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-light);padding:3px 8px;border-radius:999px}.m-doc-body{flex:1;padding:18px 20px 20px;background:var(--surface);display:flex;flex-direction:column;gap:10px;position:relative}.m-doc-pasted{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-sans);font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border);padding:3px 9px;border-radius:999px}.m-doc-pasted .m-star{color:var(--accent)}.m-doc-h1{margin:4px 0 0;font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.m-doc-p{margin:0;font-family:var(--font-sans);font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.m-doc-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.m-doc-ul li{position:relative;padding-left:16px;font-family:var(--font-sans);font-size:12.5px;line-height:1.45;color:var(--text-primary)}.m-doc-ul li:before{content:"";position:absolute;left:4px;top:8px;width:5px;height:5px;border-radius:999px;background:var(--accent)}.m-share{gap:14px;justify-content:flex-start}.m-share-h{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--text-primary)}.m-share-h strong{font-family:var(--font-mono);font-weight:500;color:var(--accent)}.m-share-x{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);border-radius:6px}.m-share-pick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg)}.m-share-lbl{font-family:var(--font-sans);font-size:12.5px;color:var(--text-secondary)}.m-share-sel{font-family:var(--font-sans);font-size:12.5px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px}.m-share-chev{font-size:10px;opacity:.7}.m-share-url{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg);overflow:hidden}.m-share-link{flex:1;padding:9px 12px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-share-host{color:var(--text-muted)}.m-share-copy{appearance:none;border:none;background:var(--accent);color:#fff;font-family:var(--font-sans);font-size:12px;font-weight:600;padding:0 16px;cursor:default;border-left:1px solid var(--accent)}.m-share-or{position:relative;text-align:center;margin:2px 0}.m-share-or:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--accent-border)}.m-share-or span{position:relative;background:radial-gradient(120% 80% at 100% 0%,var(--accent-muted) 0%,transparent 55%),var(--surface);padding:0 10px;font-family:var(--font-sans);font-size:11px;color:var(--text-muted);letter-spacing:.02em}.m-share-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg)}.m-share-people{display:flex;align-items:center;gap:9px;min-width:0}.m-share-av{width:24px;height:24px;border-radius:999px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:9.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.m-share-email{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-share-perm{font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.m-hist{gap:8px}.m-hist-h{font-family:var(--font-sans);font-size:13.5px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.m-hist-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-lg);padding:6px;flex:1;min-height:0}.m-hist-list li{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius);position:relative}.m-hist-rail{position:relative;width:14px;align-self:stretch;display:flex;align-items:center;justify-content:center;flex-shrink:0}.m-hist-rail:before{content:"";position:absolute;left:50%;top:0;bottom:-2px;width:1.5px;background:var(--accent-border);transform:translate(-50%)}.m-hist-list li:last-child .m-hist-rail:before{bottom:50%}.m-hist-list li:first-child .m-hist-rail:before{top:50%}.m-hist-dot{position:relative;width:9px;height:9px;border-radius:999px;background:var(--surface);border:1.5px solid var(--accent-border);z-index:1}.m-hist-now .m-hist-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.m-hist-pick .m-hist-dot{background:var(--accent);border-color:var(--accent)}.m-hist-pick{background:var(--accent-light)}.m-hist-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.m-hist-when{font-family:var(--font-mono);font-size:11.5px;color:var(--text-primary);font-weight:500}.m-hist-v{font-family:var(--font-sans);font-size:11px;color:var(--text-muted)}.m-hist-now .m-hist-v,.m-hist-pick .m-hist-v{color:var(--accent);font-weight:600}.m-hist-restore{appearance:none;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-family:var(--font-sans);font-size:11px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:default;flex-shrink:0}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps li{padding:32px 28px 28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);position:relative;display:flex;flex-direction:column;gap:6px}.step-n{width:36px;height:36px;border-radius:999px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:16px;font-weight:700;margin-bottom:14px}.steps h3{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.steps p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0;text-wrap:pretty}.steps code{background:var(--accent-light);color:var(--accent-text);padding:1px 6px;border-radius:4px;border:1px solid var(--accent-border);font-family:var(--font-mono);font-size:12px}.stance li strong{font-weight:700;color:var(--text-primary);margin-right:6px}.stance li{color:var(--text-secondary)}.works-with{margin:32px auto 0;display:flex;flex-direction:column;align-items:center;gap:10px}.works-with-lbl{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.works-with-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ww-pill{padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--text-secondary);transition:color .15s,border-color .15s}.ww-pill:hover{color:var(--accent);border-color:var(--accent-border)}.ww-pill-quiet{background:transparent;border-style:dashed;color:var(--text-muted);font-style:italic}@media(max-width:760px){.audience-switch,.nav-links a:not(.nav-cta){display:none}.nav{padding:16px 0}.nav-brand img.mark{width:28px;height:28px}.nav-brand svg.wm{height:18px}.hero-inner{padding-top:16px}.hero-ctas{flex-direction:column;align-items:stretch;gap:12px}.hero-ctas .btn-primary,.hero-ctas .btn-ghost{text-align:center}.demo{display:none}.compare-row{grid-template-columns:1fr}.compare-arrow{border-left:none;border-right:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px 0}.everyday{gap:56px}.ev-row{grid-template-columns:1fr;gap:20px}.ev-img{transform:none;aspect-ratio:4 / 3}.ev-row:nth-child(2n) .ev-img{transform:none}.ev-row:hover .ev-img{transform:translateY(-1px)}.ev-dot{margin-top:0;justify-self:center}.ev-mock{padding:16px;aspect-ratio:auto;min-height:300px}.ev-head h3{font-size:20px}.ev-num{font-size:22px}.features,.steps{grid-template-columns:1fr}.works-with-row{gap:6px}}.hero-home{background:var(--bg-cream);position:relative;padding:24px 0 80px;overflow:hidden}.hero-home .orbs{position:absolute;inset:-20% -10%;pointer-events:none;z-index:0;filter:blur(110px) saturate(1.15)}.hero-home .orb{position:absolute;border-radius:50%;mix-blend-mode:multiply;will-change:transform}.hero-home .orb.pink{width:680px;height:680px;background:var(--candy-pink);top:-14%;left:-10%;opacity:.55;animation:hh-drift1 24s ease-in-out infinite}.hero-home .orb.yellow{width:560px;height:560px;background:var(--candy-yellow);top:-4%;right:-8%;opacity:.55;animation:hh-drift2 28s ease-in-out infinite}.hero-home .orb.cyan{width:720px;height:720px;background:var(--candy-cyan);bottom:-20%;left:16%;opacity:.5;animation:hh-drift3 32s ease-in-out infinite}.hero-home .orb.navy{width:520px;height:520px;background:var(--candy-navy);top:30%;left:46%;opacity:.28;animation:hh-drift4 38s ease-in-out infinite}.hero-home .orb.red{width:420px;height:420px;background:var(--candy-red);bottom:0%;right:18%;opacity:.35;animation:hh-drift5 30s ease-in-out infinite}.hero-home .orb.pink2{width:360px;height:360px;background:var(--candy-pink);top:54%;left:2%;opacity:.35;animation:hh-drift2 34s ease-in-out infinite reverse}.hero-home .orb.yellow2{width:320px;height:320px;background:var(--candy-yellow);top:58%;right:32%;opacity:.4;animation:hh-drift3 26s ease-in-out infinite reverse}@keyframes hh-drift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(120px,80px) scale(1.15)}66%{transform:translate(-40px,60px) scale(.95)}}@keyframes hh-drift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-90px,70px) scale(1.1)}66%{transform:translate(50px,-40px) scale(1.2)}}@keyframes hh-drift3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,-60px) scale(1.18)}66%{transform:translate(-70px,40px) scale(1.05)}}@keyframes hh-drift4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-120px,-60px) scale(1.25)}}@keyframes hh-drift5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(90px,-80px) scale(1.3)}}.hero-home:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(253,251,246,0) 0%,rgba(253,251,246,.4) 60%,var(--bg-cream) 100%)}.hero-home .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:48px}.hero-home .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(19,67,128,.12);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:28px;animation:hh-fadeUp .8s ease both}.hero-home .eyebrow .dots{display:inline-flex;gap:3px;padding:4px 6px;background:var(--bg-cream);border-radius:999px}.hero-home .eyebrow .dots span{width:6px;height:6px;border-radius:50%}.hero-home .eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.hero-home .eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.hero-home .eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.hero-home h1.headline{font-family:var(--font-sans);font-weight:800;font-size:clamp(48px,6.2vw,84px);line-height:.98;letter-spacing:-.045em;margin:0 0 24px;color:var(--text-primary);text-wrap:balance;animation:hh-fadeUp .9s .05s ease both;transition:filter .4s ease}.hero-home.is-flavored h1.headline{filter:drop-shadow(0 8px 32px var(--flavor-soft, rgba(237,77,146,.18)))}.hero-home .reel{display:inline-flex;align-items:baseline;vertical-align:-.18em;height:1.2em;overflow:hidden;position:relative;padding:0 .12em;margin:0 -.12em}.hero-home .reel-track{display:flex;flex-direction:column;animation:hh-reel 14s steps(1) infinite}.hero-home .reel-track>span{height:1.2em;line-height:1.2;font-style:italic;font-weight:800;letter-spacing:-.045em;display:flex;align-items:center;color:var(--word-color);text-shadow:0 -1px 0 rgba(255,255,255,.55)}.hero-home .reel-track>span:nth-child(1){--word-color: #7c3aed}.hero-home .reel-track>span:nth-child(2){--word-color: #db2777}.hero-home .reel-track>span:nth-child(3){--word-color: #10b981}.hero-home .reel-track>span:nth-child(4){--word-color: #fb923c}.hero-home .reel-track>span:nth-child(5){--word-color: #0ea5e9}.hero-home .reel-track>span:nth-child(6){--word-color: #7c3aed}@keyframes hh-reel{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-1.2em)}40%,56%{transform:translateY(-2.4em)}60%,76%{transform:translateY(-3.6em)}80%,96%{transform:translateY(-4.8em)}to{transform:translateY(-6em)}}.hero-home .hero-sub{font-size:19px;line-height:1.55;color:var(--text-secondary);max-width:520px;margin:0 0 36px;text-wrap:pretty;animation:hh-fadeUp 1s .12s ease both}.hero-home .hero-sub strong{color:var(--text-primary);font-weight:600}.hero-home .hex-swatch{display:inline-block;width:.72em;height:.72em;border-radius:3px;vertical-align:-1px;margin-right:.2em;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #fff6}.hero-home .ctas{display:flex;align-items:center;gap:18px;margin-bottom:44px;flex-wrap:wrap;animation:hh-fadeUp 1s .2s ease both}.hero-home .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;background:var(--text-primary);color:var(--bg-cream);border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000f,0 8px 24px -12px #1e1b4b66}.hero-home .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--candy-pink),var(--candy-yellow),var(--candy-cyan),var(--candy-navy));opacity:0;transition:opacity .25s ease}.hero-home .btn-primary>span{position:relative}.hero-home .btn-primary:hover{transform:translateY(-2px);box-shadow:0 1px 2px #0000000f,0 16px 32px -12px var(--flavor-soft, rgba(237,77,146,.25));color:var(--bg-cream)}.hero-home .btn-primary:hover:before{opacity:1}.hero-home .btn-primary .arrow{transition:transform .2s ease;position:relative}.hero-home .btn-primary:hover .arrow{transform:translate(4px)}.hero-home .btn-ghost{font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.hero-home .btn-ghost .pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#ffffffb3;border:1px solid rgba(19,67,128,.1);border-radius:999px;font-weight:600;color:var(--text-primary)}.hero-home .btn-ghost:hover{color:var(--text-primary)}.hero-home .works-with{animation:hh-fadeUp 1.1s .28s ease both}.hero-home .works-with-lbl{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.hero-home .ww-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hero-home .ww-pill{padding:7px 14px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(19,67,128,.1);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;transition:transform .2s ease,border-color .2s ease}.hero-home .ww-pill:hover{transform:translateY(-2px);border-color:#13438040}.hero-home .ww-pill .dot{width:6px;height:6px;border-radius:50%}.hero-home .ww-pill.cgpt .dot{background:#10a37f}.hero-home .ww-pill.claude .dot{background:#d97757}.hero-home .ww-pill.gem .dot{background:var(--candy-cyan)}.hero-home .ww-pill.copi .dot{background:var(--candy-navy)}.hero-home .ww-pill.you{background:transparent;border-style:dashed;color:var(--text-secondary)}.hero-home .card-wrap{position:relative;animation:hh-cardIn 1.1s .15s cubic-bezier(.2,.7,.2,1) both}@keyframes hh-cardIn{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}.hero-home .doc-card{position:relative;background:#fff;border-radius:18px;border:1px solid rgba(19,67,128,.08);box-shadow:0 1px 2px #0000000a,0 30px 80px -30px #1343804d,0 12px 30px -12px #ed4d922e;overflow:hidden;transform:rotate(.6deg)}.hero-home .doc-top{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(19,67,128,.08);background:linear-gradient(to bottom,#fefdfb,#fff)}.hero-home .doc-top .dots{display:flex;gap:6px}.hero-home .doc-top .dots span{width:10px;height:10px;border-radius:50%}.hero-home .doc-top .dots span:nth-child(1){background:var(--candy-red)}.hero-home .doc-top .dots span:nth-child(2){background:var(--candy-yellow)}.hero-home .doc-top .dots span:nth-child(3){background:#46c46f}.hero-home .doc-top .title{flex:1;text-align:center;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.hero-home .doc-top .saved{font-size:11px;color:var(--success-text);display:inline-flex;align-items:center;gap:4px}.hero-home .doc-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(19,67,128,.06);font-size:12px;color:var(--text-secondary)}.hero-home .doc-toolbar .tab{padding:4px 10px;border-radius:6px;cursor:default}.hero-home .doc-toolbar .tab.on{background:#1343800f;color:var(--text-primary);font-weight:600}.hero-home .doc-toolbar .sep{width:1px;height:14px;background:#1343801a;margin:0 6px}.hero-home .doc-toolbar .grow{flex:1}.hero-home .doc-toolbar .ai-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:linear-gradient(135deg,var(--candy-pink) 0%,var(--candy-yellow) 100%);color:#fff;font-weight:600;border-radius:999px;font-size:11.5px;box-shadow:0 4px 12px -4px #ed4d9280}.hero-home .doc-toolbar .ai-chip .star{animation:hh-spin 8s linear infinite;display:inline-block}.hero-home .doc-body{padding:22px 26px 26px;min-height:320px;position:relative}.hero-home .doc-body h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px;color:var(--text-primary)}.hero-home .doc-body .meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:16px}.hero-home .doc-body p{font-size:14.5px;line-height:1.6;color:var(--text-primary);margin:0 0 12px}.hero-home .doc-body .typed{display:inline}.hero-home .doc-body .typed:after{content:"";display:inline-block;width:2px;height:1em;background:var(--flavor, var(--accent));vertical-align:-2px;margin-left:2px;animation:hh-blink 1s steps(2) infinite}@keyframes hh-blink{50%{opacity:0}}.hero-home .doc-body .diff-add{background:var(--diff-add-bg);color:var(--diff-add-text);padding:1px 3px;border-radius:3px;animation:hh-addPulse 1.6s ease 1.2s both}@keyframes hh-addPulse{0%{background:#bbf7d0}to{background:var(--diff-add-bg)}}.hero-home .doc-body .swatch-line{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0 0;font-size:13px;font-family:var(--font-mono);color:var(--text-secondary)}.hero-home .doc-body .swatch-line span{display:inline-flex;align-items:center}.hero-home .diff-card{position:absolute;right:-28px;bottom:32px;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:12px;padding:12px 14px;width:240px;box-shadow:0 12px 32px -8px #13438040;transform:rotate(-2deg);animation:hh-floatA 6s ease-in-out infinite}.hero-home .diff-card .h{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.hero-home .diff-card .h .star{color:var(--candy-pink)}.hero-home .diff-card .row{font-size:12.5px;line-height:1.45;margin-bottom:6px}.hero-home .diff-card .row.add{color:var(--diff-add-text)}.hero-home .diff-card .row.rem{color:var(--diff-remove-text);text-decoration:line-through;opacity:.65}.hero-home .diff-card .actions{display:flex;gap:6px;margin-top:8px}.hero-home .diff-card .act{flex:1;text-align:center;font-size:11px;font-weight:600;padding:5px 0;border-radius:6px}.hero-home .diff-card .act.ok{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.hero-home .diff-card .act.no{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border)}.hero-home .presence{position:absolute;top:60px;left:-34px;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:12px;padding:10px 14px;box-shadow:0 12px 32px -8px #13438033;transform:rotate(2deg);animation:hh-floatB 7s ease-in-out infinite}.hero-home .presence .h{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.hero-home .presence .avs{display:flex;align-items:center}.hero-home .presence .av{width:26px;height:26px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;margin-left:-6px}.hero-home .presence .av:first-child{margin-left:0}.hero-home .presence .av.a{background:var(--candy-pink)}.hero-home .presence .av.b{background:var(--candy-cyan)}.hero-home .presence .av.c{background:var(--candy-yellow);color:var(--candy-navy)}.hero-home .presence .live{font-size:11px;color:var(--text-secondary);margin-left:8px}.hero-home .presence .live:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#22c55e;margin-right:5px;box-shadow:0 0 0 3px #22c55e33;animation:hh-pulse 1.8s ease-in-out infinite}@keyframes hh-floatA{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-8px)}}@keyframes hh-floatB{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}@keyframes hh-pulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes hh-spin{to{transform:rotate(360deg)}}.hero-home .swirl-badge{position:absolute;right:-60px;top:-60px;width:140px;height:140px;opacity:.9;animation:hh-spinSlow 30s linear infinite;z-index:-1;filter:drop-shadow(0 8px 24px var(--flavor-soft, rgba(237,77,146,.18)));transition:filter .4s ease}@keyframes hh-spinSlow{to{transform:rotate(360deg)}}.hero-home .outputs{position:relative;z-index:3;margin-top:20px;padding:24px 0;border-top:1px solid rgba(19,67,128,.08);animation:hh-fadeUp 1.2s .4s ease both}.hero-home .outputs-grid{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}.hero-home .outputs-lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);max-width:160px;line-height:1.5}.hero-home .outputs-row{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.hero-home .out-item{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary)}.hero-home .out-item .chip{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fff}.hero-home .out-item.md .chip{background:var(--candy-navy)}.hero-home .out-item.doc .chip{background:var(--candy-cyan);color:var(--candy-navy)}.hero-home .out-item.pdf .chip{background:var(--candy-red)}.hero-home .out-item.prn .chip{background:var(--candy-yellow);color:var(--candy-navy)}.hero-home .out-item small{color:var(--text-muted);font-size:12px;margin-left:4px}.hero-home .flavor-picker{position:absolute;top:16px;right:32px;z-index:4}.hero-home .flavor-trigger{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(19,67,128,.12);border-radius:999px;font:inherit;font-size:12.5px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.hero-home .flavor-trigger:hover{transform:translateY(-1px);border-color:var(--flavor, var(--accent));box-shadow:0 6px 18px -8px var(--flavor, var(--accent))}.hero-home .flavor-trigger:hover .bag .candy{animation:hh-shake .5s ease-in-out infinite}@keyframes hh-shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1.5px) rotate(-6deg)}75%{transform:translateY(.5px) rotate(6deg)}}.hero-home .bag{position:relative;width:34px;height:30px;flex-shrink:0}.hero-home .bag .sack{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(180deg,#d4a574,#b8895a);border-radius:4px 4px 6px 6px/6px 6px 8px 8px;box-shadow:inset 0 -2px #00000026,inset 0 1px #ffffff40}.hero-home .bag .sack:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 4px);border-radius:inherit}.hero-home .bag .candy{position:absolute;bottom:14px;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 -1px #00000026,inset 0 1px 1px #fff9;transform-origin:50% 100%}.hero-home .bag .candy:nth-child(2){left:2px;background:var(--candy-pink);transform:rotate(-8deg)}.hero-home .bag .candy:nth-child(3){left:10px;background:var(--candy-yellow);bottom:16px}.hero-home .bag .candy:nth-child(4){left:18px;background:var(--candy-cyan);transform:rotate(6deg)}.hero-home .bag .candy:nth-child(5){left:24px;background:var(--candy-red);bottom:13px;transform:rotate(12deg)}.hero-home .flavor-trigger .lbl{line-height:1}.hero-home .flavor-trigger .lbl-sub{color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);display:block;margin-top:2px}.hero-home .flavor-trigger .chev{display:inline-flex;align-items:center;color:var(--text-muted);margin-left:2px}.hero-home .flavor-trigger .chev svg{width:11px;height:11px;display:block;transition:transform .25s cubic-bezier(.2,.7,.2,1.2),color .15s ease}.hero-home .flavor-picker.open .chev svg{transform:rotate(180deg);color:var(--accent)}.hero-home .flavor-pop{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:#fff;border:1px solid rgba(19,67,128,.12);border-radius:16px;box-shadow:0 24px 60px -20px #13438040,0 8px 16px -8px #1343801f;padding:16px;z-index:50;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.7,.2,1.2)}.hero-home .flavor-picker.open .flavor-pop{opacity:1;pointer-events:auto;transform:none}.hero-home .flavor-pop .pop-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.hero-home .flavor-pop .pop-title{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hero-home .flavor-pop .current{font-size:12px;font-weight:600;color:var(--flavor, var(--accent));transition:color .25s ease}.hero-home .candy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-home .candy-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;font:inherit}.hero-home .candy-pick:hover{transform:translateY(-2px)}.hero-home .candy-pick.is-active{background:#fff;border-color:var(--pick-color);box-shadow:0 0 0 3px color-mix(in oklab,var(--pick-color) 18%,transparent)}.hero-home .candy-pick .pellet{width:30px;height:30px;border-radius:50%;background:var(--pick-color);box-shadow:inset 0 -3px 4px #0000002e,inset 0 2px 3px #ffffff73,0 4px 10px -3px var(--pick-color);position:relative}.hero-home .candy-pick .pellet:after{content:"";position:absolute;top:4px;left:7px;width:9px;height:6px;background:#ffffff8c;border-radius:50%;transform:rotate(-20deg);filter:blur(.3px)}.hero-home .candy-pick .name{font-size:11px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.hero-home .grab{margin-top:12px;width:100%;padding:10px;background:var(--text-primary);color:var(--bg-cream);border:none;border-radius:10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease}.hero-home .grab:hover{background:var(--flavor, var(--accent))}.hero-home .grab .die{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1.4)}.hero-home .grab:hover .die,.hero-home .grab.rolling .die{transform:rotate(360deg) scale(1.15)}.spill{position:fixed;width:18px;height:18px;border-radius:50%;pointer-events:none;z-index:999;box-shadow:inset 0 -3px 5px #0003,inset 0 2px 3px #ffffff80,0 6px 16px -2px currentColor;background:currentColor;animation:hh-spill 1.1s cubic-bezier(.2,.7,.2,1) forwards}@keyframes hh-spill{0%{transform:translate(0) scale(.4) rotate(0);opacity:0}15%{opacity:1;transform:translateY(-30px) scale(1) rotate(40deg)}80%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.6) rotate(540deg);opacity:0}}@keyframes hh-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:960px){.hero-home .hero-grid{grid-template-columns:1fr;gap:64px;padding-top:24px}.hero-home .card-wrap{max-width:560px;margin:0 auto}.hero-home h1.headline{font-size:52px}.hero-home .flavor-picker{top:12px;right:16px}}@media(max-width:640px){.hero-home .presence,.hero-home .diff-card,.hero-home .swirl-badge{display:none}}@media(prefers-reduced-motion:reduce){.hero-home *,.hero-home *:before,.hero-home *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cta-banner{position:relative;margin:120px auto 0;max-width:var(--w-shell);padding:56px 48px;background:radial-gradient(120% 100% at 0% 0%,color-mix(in oklab,var(--accent) 20%,transparent) 0%,transparent 60%),radial-gradient(120% 100% at 100% 100%,color-mix(in oklab,var(--candy-yellow) 18%,transparent) 0%,transparent 65%),linear-gradient(180deg,#1a1635,#0e0a26);border-radius:24px;color:#fff;overflow:hidden;isolation:isolate}.cta-banner:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 80% 50%,color-mix(in oklab,var(--accent) 50%,transparent) 0%,transparent 70%);filter:blur(60px);opacity:.9;animation:cta-pulse 8s ease-in-out infinite}@keyframes cta-pulse{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(-80px)}}.cta-banner-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}.cta-banner h2{color:#fff;font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0 0 14px;text-wrap:balance}.cta-banner h2 em{font-style:normal;color:var(--accent);transition:color .3s ease}.cta-banner p{color:#ffffffa6;font-size:16px;line-height:1.55;margin:0;max-width:460px}.cta-banner .cta-actions{display:flex;flex-direction:column;gap:12px}.cta-banner .cta-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:var(--accent);color:#fff;border-radius:14px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,filter .15s ease;box-shadow:0 12px 32px -8px color-mix(in oklab,var(--accent) 50%,transparent)}.cta-banner .cta-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 20px 40px -10px color-mix(in oklab,var(--accent) 60%,transparent)}.cta-banner .cta-btn .arrow-bg{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff2e;transition:transform .2s ease}.cta-banner .cta-btn:hover .arrow-bg{transform:translate(4px)}.cta-banner .cta-fine{font-size:12.5px;color:#ffffff80}.cta-banner .cta-fine kbd{font-family:var(--font-mono);background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.15);border-bottom-width:2px;border-radius:4px;padding:1px 6px}.footer-v2{position:relative;margin-top:96px;background:var(--bg-cream);overflow:hidden;border-top:none}.footer-v2:before{content:"";position:absolute;inset:-20% 0 -40%;pointer-events:none;background:radial-gradient(40% 50% at 20% 100%,color-mix(in oklab,var(--candy-cyan) 25%,transparent) 0%,transparent 60%),radial-gradient(50% 60% at 80% 100%,color-mix(in oklab,var(--accent) 30%,transparent) 0%,transparent 60%),radial-gradient(40% 50% at 50% 100%,color-mix(in oklab,var(--candy-yellow) 22%,transparent) 0%,transparent 60%);filter:blur(80px) saturate(1.1);opacity:.9}.footer-v2 .footer-inner{position:relative;z-index:1;padding:80px 0 0}.footer-v2 .footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:56px;padding-bottom:56px;border-bottom:1px solid rgba(19,67,128,.1)}.footer-v2 .footer-brand .swirl-wrap{position:relative;display:inline-flex;align-items:center;gap:14px;margin-bottom:18px}.footer-v2 .footer-brand .swirl-mark{width:56px;height:56px;animation:footer-spin-slow 40s linear infinite;filter:drop-shadow(0 8px 20px color-mix(in oklab,var(--accent) 25%,transparent));transition:filter .4s ease}@keyframes footer-spin-slow{to{transform:rotate(360deg)}}.footer-v2 .footer-brand .footer-wm{font-family:var(--font-sans);font-size:36px;font-weight:800;letter-spacing:-.045em;color:var(--text-primary);line-height:1}.footer-v2 .footer-brand .tag{font-size:15px;line-height:1.55;color:var(--text-secondary);max-width:360px;margin:0 0 22px}.footer-v2 .footer-brand .tag em{color:var(--accent);font-style:normal;font-weight:600;transition:color .3s ease}.footer-v2 .footer-col h6{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px}.footer-v2 .footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-v2 .footer-col a{font-size:14px;color:var(--text-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .15s ease}.footer-v2 .footer-col a:before{content:"";width:0;height:1px;background:currentColor;transition:width .2s ease}.footer-v2 .footer-col a:hover{color:var(--accent)}.footer-v2 .footer-col a:hover:before{width:12px}.footer-v2 .footer-col a .pill{font-family:var(--font-mono);font-size:9.5px;padding:2px 6px;border-radius:999px;background:color-mix(in oklab,var(--accent) 14%,white);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 28%,white)}.footer-v2 .footer-bottom{position:relative;z-index:1;border-top:1px solid rgba(19,67,128,.1);padding:22px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted)}.footer-v2 .footer-bottom .left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.footer-v2 .footer-bottom .left a{color:var(--text-secondary);text-decoration:none}.footer-v2 .footer-bottom .left a:hover{color:var(--accent)}.footer-v2 .footer-bottom .right{display:flex;gap:16px;align-items:center}.footer-v2 .footer-bottom .footer-flavor{position:relative}.footer-v2 .footer-bottom .now-tasting{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:999px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.footer-v2 .footer-bottom .now-tasting:hover{border-color:color-mix(in oklab,var(--accent) 35%,rgba(19,67,128,.1));box-shadow:0 4px 14px -6px color-mix(in oklab,var(--accent) 40%,transparent);transform:translateY(-1px)}.footer-v2 .footer-bottom .now-tasting:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 25%,transparent)}.footer-v2 .footer-bottom .now-tasting .swatch{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:inset 0 -2px 3px #0003,inset 0 1px 2px #ffffff80,0 2px 8px -1px color-mix(in oklab,var(--accent) 40%,transparent);transition:background .25s ease,box-shadow .25s ease}.footer-v2 .footer-bottom .now-tasting strong{color:var(--text-primary);font-weight:600}.footer-v2 .footer-bottom .footer-flavor-pop{position:absolute;right:0;bottom:calc(100% + 10px);min-width:220px;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:14px;box-shadow:0 18px 40px -16px #131b4b40,0 4px 12px -6px #131b4b1f;opacity:0;pointer-events:none;transform:translateY(4px) scale(.98);transform-origin:bottom right;transition:opacity .14s ease,transform .14s ease;z-index:20}.footer-v2 .footer-bottom .footer-flavor.open .footer-flavor-pop{opacity:1;pointer-events:auto;transform:none}.footer-v2 .footer-bottom .fp-pick{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.footer-v2 .footer-bottom .fp-pick:hover{background:color-mix(in oklab,var(--pick-color) 8%,white);border-color:color-mix(in oklab,var(--pick-color) 18%,transparent);transform:translateY(-1px)}.footer-v2 .footer-bottom .fp-pick.is-active{background:color-mix(in oklab,var(--pick-color) 12%,white);border-color:color-mix(in oklab,var(--pick-color) 35%,transparent)}.footer-v2 .footer-bottom .fp-pellet{width:18px;height:18px;border-radius:50%;background:var(--pick-color);box-shadow:inset 0 -3px 4px #00000038,inset 0 1px 2px #ffffff8c,0 2px 8px -1px color-mix(in oklab,var(--pick-color) 45%,transparent)}.footer-v2 .footer-bottom .fp-name{font-family:var(--font-mono);font-size:9.5px;color:var(--text-secondary);text-align:center;line-height:1.1;white-space:nowrap}.footer-v2 .footer-bottom .fp-pick.is-active .fp-name{color:var(--pick-color);font-weight:600}.footer-v2 .footer-bottom .social{display:inline-flex;gap:6px}.footer-v2 .footer-bottom .social a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff9;border:1px solid rgba(19,67,128,.1);border-radius:999px;color:var(--text-secondary);text-decoration:none;transition:transform .15s ease,color .15s ease,border-color .15s ease,background .15s ease}.footer-v2 .footer-bottom .social a:hover{color:var(--accent);border-color:var(--accent);background:#fff;transform:translateY(-2px)}.footer-v2 .footer-bottom .social svg{width:16px;height:16px;display:block}@media(max-width:960px){.cta-banner{padding:40px 28px;margin-top:80px}.cta-banner-grid{grid-template-columns:1fr;gap:32px}.footer-v2 .footer-top{grid-template-columns:1fr 1fr;gap:40px}.footer-v2 .footer-brand{grid-column:1 / -1}}@media(max-width:600px){.footer-v2 .footer-top{grid-template-columns:1fr;gap:32px}.footer-v2 .footer-bottom{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.cta-banner:before,.footer-v2 .footer-brand .swirl-mark{animation:none!important}}.pricing-v2{position:relative;padding:56px 0 96px;overflow:hidden;background:var(--bg-cream)}.pricing-v2 .aura{position:absolute;inset:-10% -5%;pointer-events:none;z-index:0;filter:blur(120px) saturate(1.1)}.pricing-v2 .aura span{position:absolute;border-radius:50%;mix-blend-mode:multiply;will-change:transform}.pricing-v2 .aura .a1{width:600px;height:600px;background:var(--candy-pink);top:-10%;left:-8%;opacity:.32;animation:p2-drift1 30s ease-in-out infinite}.pricing-v2 .aura .a2{width:520px;height:520px;background:var(--candy-yellow);top:10%;right:-6%;opacity:.35;animation:p2-drift2 34s ease-in-out infinite}.pricing-v2 .aura .a3{width:720px;height:720px;background:var(--candy-cyan);bottom:-30%;left:28%;opacity:.3;animation:p2-drift3 38s ease-in-out infinite}@keyframes p2-drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,60px) scale(1.1)}}@keyframes p2-drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,50px) scale(1.15)}}@keyframes p2-drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,-50px) scale(1.08)}}.pricing-v2:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(253,251,246,0) 0%,rgba(253,251,246,.5) 60%,var(--bg-cream) 100%)}.pricing-v2 .ps-inner{position:relative;z-index:2}.pricing-v2 .ps-head{max-width:760px;margin:0 auto 36px;text-align:center}.pricing-v2 .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(19,67,128,.12);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:24px}.pricing-v2 .eyebrow .dots{display:inline-flex;gap:3px;padding:4px 6px;background:var(--bg-cream);border-radius:999px}.pricing-v2 .eyebrow .dots span{width:6px;height:6px;border-radius:50%}.pricing-v2 .eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.pricing-v2 .eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.pricing-v2 .eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.pricing-v2 .ps-title{font-family:var(--font-sans);font-weight:800;font-size:clamp(40px,5.4vw,68px);line-height:1;letter-spacing:-.04em;margin:0 0 18px;color:var(--text-primary);text-wrap:balance}.pricing-v2 .ps-title em{font-style:italic;color:var(--accent);transition:color .35s ease}.pricing-v2 .ps-lede{font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:600px;margin:0 auto;text-wrap:pretty}.pricing-v2 .ps-lede strong{color:var(--text-primary);font-weight:600}.pricing-v2 .switch-wrap{display:flex;justify-content:center;margin:36px 0 44px}.pricing-v2 .switch{position:relative;display:inline-flex;padding:4px;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(19,67,128,.12);border-radius:999px;box-shadow:0 8px 24px -12px #1343802e}.pricing-v2 .switch button{position:relative;z-index:2;padding:10px 22px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text-secondary);background:none;border:none;border-radius:999px;cursor:pointer;transition:color .25s ease;display:inline-flex;align-items:center;gap:8px}.pricing-v2 .switch button .ct{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:999px;background:#1343800f;color:var(--text-muted);transition:background .25s ease,color .25s ease}.pricing-v2 .switch button.is-active{color:var(--text-primary)}.pricing-v2 .switch button.is-active .ct{background:color-mix(in oklab,var(--accent) 16%,white);color:var(--accent)}.pricing-v2 .switch .pill{position:absolute;top:4px;bottom:4px;background:#fff;border-radius:999px;box-shadow:0 1px 2px #1343800f,0 4px 12px -4px #1343802e;transition:left .35s cubic-bezier(.2,.7,.2,1.15),width .35s cubic-bezier(.2,.7,.2,1.15);z-index:1}.pricing-v2 .cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:0 auto;align-items:stretch}.pricing-v2 .ps-more{margin:28px auto 0;text-align:center;font-size:14px;color:var(--text-secondary);max-width:600px}.pricing-v2 .ps-more a{color:var(--accent);text-decoration:none;font-weight:600}.pricing-v2 .ps-more a:hover{text-decoration:underline}.pricing-v2 .ps-more-cta{margin-left:8px}.pricing-v2 .card{position:relative;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:24px;padding:32px 30px 28px;display:flex;flex-direction:column;gap:0;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease;box-shadow:0 1px 2px #00000008,0 14px 40px -22px #1343802e}.pricing-v2 .card:hover{transform:translateY(-4px)}.pricing-v2 .card.free{background:linear-gradient(180deg,#fff,#fbfaff)}.pricing-v2 .card.free:hover{border-color:color-mix(in oklab,var(--candy-navy) 26%,white);box-shadow:0 1px 2px #0000000a,0 24px 48px -24px #1343804d}.pricing-v2 .card.pro{background:radial-gradient(110% 60% at 0% 0%,color-mix(in oklab,var(--accent) 8%,white) 0%,transparent 60%),radial-gradient(80% 50% at 100% 100%,color-mix(in oklab,var(--candy-yellow) 8%,white) 0%,transparent 60%),#fff;border-color:color-mix(in oklab,var(--accent) 26%,white);box-shadow:0 1px 2px #00000008,0 20px 50px -22px color-mix(in oklab,var(--accent) 35%,transparent),0 28px 70px -32px #13438038}.pricing-v2 .card.pro:hover{border-color:color-mix(in oklab,var(--accent) 50%,white);box-shadow:0 1px 2px #0000000a,0 30px 70px -22px color-mix(in oklab,var(--accent) 40%,transparent),0 40px 90px -36px #13438047}.pricing-v2 .card-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}.pricing-v2 .ribbon{position:absolute;top:-12px;right:24px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 16px -4px color-mix(in oklab,var(--accent) 50%,transparent);transition:background .35s ease,box-shadow .35s ease;z-index:2}.pricing-v2 .ribbon svg{width:12px;height:12px;animation:p2-spin-slow 8s linear infinite}@keyframes p2-spin-slow{to{transform:rotate(360deg)}}.pricing-v2 .card-swirl{position:absolute;right:-36px;bottom:-36px;width:130px;height:130px;opacity:.45;filter:drop-shadow(0 8px 24px color-mix(in oklab,var(--accent) 30%,transparent));animation:p2-spin-slow 40s linear infinite;pointer-events:none;z-index:0}.pricing-v2 .card-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;position:relative;z-index:1}.pricing-v2 .plan-name{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.pricing-v2 .card.pro .plan-name{color:var(--accent);transition:color .35s ease}.pricing-v2 .plan-flag{font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:3px 8px;border-radius:999px;background:#1343800f;color:var(--text-secondary)}.pricing-v2 .card.free .plan-flag{background:color-mix(in oklab,var(--candy-navy) 12%,white);color:var(--candy-navy)}.pricing-v2 .card.pro .plan-flag{background:color-mix(in oklab,var(--candy-yellow) 24%,white);color:#8a6700}.pricing-v2 .plan-tag{font-size:14.5px;line-height:1.5;color:var(--text-secondary);margin:0 0 22px;max-width:36ch;text-wrap:pretty;position:relative;z-index:1}.pricing-v2 .price-row{display:flex;align-items:baseline;gap:12px;margin:0 0 24px;position:relative;z-index:1}.pricing-v2 .price-amount{font-family:var(--font-sans);font-weight:800;font-size:64px;letter-spacing:-.045em;line-height:1;color:var(--text-primary);display:inline-flex;align-items:baseline}.pricing-v2 .price-amount .currency{font-size:.55em;font-weight:700;align-self:flex-start;margin-top:.18em;opacity:.7}.pricing-v2 .price-amount .num{display:inline-flex;overflow:hidden;vertical-align:baseline;min-width:.65em}.pricing-v2 .price-amount .num span{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.pricing-v2 .price-amount.morphing .num span{transform:translateY(-16px) scale(.92);opacity:0}.pricing-v2 .price-per{display:flex;flex-direction:column;font-size:13px;color:var(--text-muted);gap:2px}.pricing-v2 .price-per .per{color:var(--text-secondary);font-weight:500}.pricing-v2 .price-per .save{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border);align-self:flex-start}.pricing-v2 .card.free .price-per .save{background:#1343800f;color:var(--candy-navy);border-color:#1343801f}.pricing-v2 .features{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:11px;position:relative;z-index:1}.pricing-v2 .features li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--text-primary)}.pricing-v2 .features li .hx{flex-shrink:0;width:14px;height:14px;border-radius:3px;margin-top:3px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px #fff6;transition:transform .2s ease}.pricing-v2 .features li:hover .hx{transform:scale(1.15) rotate(-4deg)}.pricing-v2 .features li .lbl{flex:1;text-wrap:pretty}.pricing-v2 .features li .lbl code{font-family:var(--font-mono);font-size:.88em;background:#1343800f;padding:1px 5px;border-radius:4px;color:var(--candy-navy)}.pricing-v2 .features li .lbl .new{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;margin-left:6px;background:color-mix(in oklab,var(--accent) 14%,white);color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 28%,white);border-radius:999px;transition:background .35s ease,color .35s ease,border-color .35s ease}.pricing-v2 .card .cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .2s ease,background .25s ease,box-shadow .2s ease,filter .15s ease;position:relative;z-index:1}.pricing-v2 .card.free .cta{background:var(--text-primary);color:var(--bg-cream);box-shadow:0 1px 2px #0000000d,0 10px 24px -14px #1e1b4b66}.pricing-v2 .card.free .cta:hover{background:var(--candy-navy);transform:translateY(-2px);color:var(--bg-cream)}.pricing-v2 .card.pro .cta{background:var(--accent);color:#fff;box-shadow:0 8px 24px -10px color-mix(in oklab,var(--accent) 50%,transparent)}.pricing-v2 .card.pro .cta:hover{transform:translateY(-2px);filter:brightness(1.08);color:#fff;box-shadow:0 14px 32px -10px color-mix(in oklab,var(--accent) 50%,transparent)}.pricing-v2 .card .cta .arrow{transition:transform .2s ease}.pricing-v2 .card .cta:hover .arrow{transform:translate(3px)}.pricing-v2 .card .fine{margin-top:12px;font-size:12px;color:var(--text-muted);text-align:center;position:relative;z-index:1}.pricing-v2 .card .fine kbd{font-family:var(--font-mono);font-size:10px;font-weight:600;background:#1343800f;color:var(--text-secondary);border:1px solid rgba(19,67,128,.12);border-bottom-width:2px;border-radius:4px;padding:1px 5px}.pricing-v2 .pay-secured{display:flex;align-items:center;justify-content:center;gap:7px;margin:28px auto 0;max-width:980px;font-size:13px;font-weight:500;color:var(--candy-navy, #134380);opacity:.7}.pricing-v2 .pay-secured svg{flex:none}.pricing-v2 .included{max-width:980px;margin:56px auto 0;padding:22px 28px;background:#ffffffa6;border:1px solid rgba(19,67,128,.1);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}.pricing-v2 .inc-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);max-width:140px;line-height:1.4}.pricing-v2 .inc-label strong{display:block;color:var(--text-primary);font-weight:700;font-family:var(--font-sans);font-size:14px;letter-spacing:-.01em;text-transform:none;margin-bottom:2px}.pricing-v2 .inc-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.pricing-v2 .inc-item{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--text-primary)}.pricing-v2 .inc-item .ic{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--bg-cream);border:1px solid rgba(19,67,128,.1)}.pricing-v2 .inc-item .ic svg{width:12px;height:12px}.pricing-v2 .promises{max-width:980px;margin:88px auto 0}.pricing-v2 .promises h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 20px;color:var(--text-primary);text-align:center}.pricing-v2 .promises h3 em{font-style:italic;color:var(--accent);transition:color .35s ease}.pricing-v2 .promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-v2 .promise{background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:transform .2s ease,border-color .25s ease}.pricing-v2 .promise:hover{transform:translateY(-2px);border-color:#13438033}.pricing-v2 .promise .no{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.pricing-v2 .promise .no .x-chip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#d6253a1a;color:var(--candy-red);border-radius:50%}.pricing-v2 .promise .no .x-chip svg{width:8px;height:8px}.pricing-v2 .promise strong{font-weight:700;color:var(--text-primary);font-size:14.5px;letter-spacing:-.01em}.pricing-v2 .promise p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary);text-wrap:pretty}.pricing-v2 .faq{max-width:760px;margin:96px auto 0}.pricing-v2 .faq h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 20px;color:var(--text-primary);text-align:center}.pricing-v2 details.qa{background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:12px;padding:4px 18px;margin-bottom:8px;transition:border-color .2s ease}.pricing-v2 details.qa[open]{border-color:color-mix(in oklab,var(--accent) 30%,white)}.pricing-v2 details.qa summary{list-style:none;padding:14px 0;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:12px}.pricing-v2 details.qa summary::-webkit-details-marker{display:none}.pricing-v2 details.qa summary:after{content:"+";font-family:var(--font-mono);font-size:22px;font-weight:400;line-height:1;color:var(--text-muted);transition:transform .25s cubic-bezier(.2,.7,.2,1.2),color .2s ease}.pricing-v2 details.qa[open] summary:after{transform:rotate(45deg);color:var(--accent)}.pricing-v2 details.qa .answer{padding:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.pricing-v2 details.qa .answer code{font-family:var(--font-mono);font-size:.88em;background:#1343800f;padding:1px 5px;border-radius:4px;color:var(--candy-navy)}.pricing-v2 details.qa .answer a{color:var(--accent);text-decoration:none}.pricing-v2 details.qa .answer a:hover{text-decoration:underline}.pricing-v2 .ps-head,.pricing-v2 .switch-wrap,.pricing-v2 .cards,.pricing-v2 .included,.pricing-v2 .promises,.pricing-v2 .faq{animation:p2-fadeUp .8s ease both}.pricing-v2 .switch-wrap{animation-delay:.08s}.pricing-v2 .cards{animation-delay:.12s}.pricing-v2 .included{animation-delay:.2s}.pricing-v2 .promises{animation-delay:.26s}.pricing-v2 .faq{animation-delay:.32s}@keyframes p2-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:880px){.pricing-v2 .cards{grid-template-columns:1fr;max-width:480px}.pricing-v2 .included{grid-template-columns:1fr;gap:14px}.pricing-v2 .promise-grid{grid-template-columns:1fr}.pricing-v2 .card-swirl{display:none}}@media(prefers-reduced-motion:reduce){.pricing-v2 *,.pricing-v2 *:before,.pricing-v2 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.how-v2{position:relative;padding:80px 0 40px;overflow:hidden}.how-v2 .how-v2-head{position:relative;z-index:5;max-width:780px;margin:0 auto;text-align:center;padding:0 0 24px}.how-v2 .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:#ffffffb3;backdrop-filter:blur(8px);border:1px solid rgba(19,67,128,.12);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:24px}.how-v2 .eyebrow .dots{display:inline-flex;gap:3px;padding:4px 6px;background:var(--bg-cream);border-radius:999px}.how-v2 .eyebrow .dots span{width:6px;height:6px;border-radius:50%}.how-v2 .eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.how-v2 .eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.how-v2 .eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.how-v2 .how-v2-title{font-family:var(--font-sans);font-weight:800;font-size:clamp(42px,5.6vw,72px);line-height:1;letter-spacing:-.04em;margin:0 0 16px;text-wrap:balance;color:var(--text-primary)}.how-v2 .how-v2-title em{font-style:italic;font-weight:800;color:var(--candy-pink);position:relative;display:inline-block}.how-v2 .how-v2-title em:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:8px;background:var(--candy-yellow);border-radius:999px;z-index:-1;transform:skew(-6deg)}.how-v2 .how-v2-lede{font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:560px;margin:0 auto;text-wrap:pretty}.how-v2 .how-v2-lede strong{color:var(--text-primary);font-weight:600}.how-v2 .sprinkles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.how-v2 .sprinkles span{position:absolute;width:4px;height:14px;border-radius:4px;opacity:.65;animation:how-v2-fall var(--d, 14s) linear infinite var(--dy, 0s)}@keyframes how-v2-fall{0%{transform:translateY(-40px) rotate(0);opacity:0}10%{opacity:.75}90%{opacity:.75}to{transform:translateY(110vh) rotate(540deg);opacity:0}}.how-v2 .steps-list{position:relative;z-index:3;padding:32px 0 40px;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.how-v2 .num{position:absolute;width:96px;height:96px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:800;font-size:56px;letter-spacing:-.04em;line-height:1;color:#fff;box-shadow:inset 0 -8px 12px #0000002e,inset 0 5px 8px #ffffff73,0 12px 30px -6px #1343804d;z-index:4}.how-v2 .num:after{content:"";position:absolute;top:14%;left:22%;width:26%;height:18%;background:#ffffff8c;border-radius:50%;filter:blur(2px);transform:rotate(-22deg)}.how-v2 .num.one{background:radial-gradient(circle at 35% 30%,#ff7eb1,var(--candy-pink) 70%)}.how-v2 .num.two{background:radial-gradient(circle at 35% 30%,#ffe082,var(--candy-yellow) 70%);color:#6a4c00}.how-v2 .num.three{background:radial-gradient(circle at 35% 30%,#9be3f5,var(--candy-cyan) 70%);color:var(--candy-navy)}.how-v2 .num .lbl{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;position:absolute;bottom:-16px;left:50%;transform:translate(-50%);white-space:nowrap;color:var(--text-muted);text-shadow:0 1px 0 rgba(255,255,255,.6)}.how-v2 .step h2,.how-v2 .step h3{font-family:var(--font-sans);font-weight:800;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;line-height:1.05;margin:0 0 12px;text-wrap:balance;color:var(--text-primary)}.how-v2 .step p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0;max-width:48ch;text-wrap:pretty}.how-v2 .step p strong{color:var(--text-primary);font-weight:600}.how-v2 .s1{position:relative;background:repeating-linear-gradient(135deg,#fff 0 22px,color-mix(in oklab,var(--candy-pink) 8%,white) 22px 44px);border-radius:24px;border:1px solid color-mix(in oklab,var(--candy-pink) 22%,white);padding:40px 44px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;box-shadow:0 1px 2px #00000008,0 22px 50px -28px #ed4d9259;transform:rotate(-.4deg)}.how-v2 .s1:before{content:"";position:absolute;top:12px;bottom:12px;right:220px;width:1px;background:repeating-linear-gradient(to bottom,rgba(237,77,146,.4) 0 6px,transparent 6px 12px)}.how-v2 .s1 .num.one{top:-22px;left:-22px;transform:rotate(-8deg)}.how-v2 .s1-body{padding-left:96px}.how-v2 .s1-body .hilite{background:#f6c54480;padding:0 6px;border-radius:4px;font-weight:inherit}.how-v2 .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:999px;margin-bottom:14px}.how-v2 .s1-body .tag{color:var(--candy-pink);background:#ffffffb3;border:1px solid color-mix(in oklab,var(--candy-pink) 30%,white)}.how-v2 .s1-form{margin-top:22px;display:flex;gap:8px;flex-wrap:wrap;max-width:460px}.how-v2 .s1-form input{flex:1;min-width:200px;padding:12px 14px;background:#fff;border:1px solid rgba(19,67,128,.15);border-radius:10px;font:inherit;font-size:14px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.how-v2 .s1-form input:focus{outline:none;border-color:var(--candy-pink);box-shadow:0 0 0 3px #ed4d922e}.how-v2 .s1-form button{padding:12px 18px;background:var(--candy-pink);color:#fff;border:none;border-radius:10px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease,background .25s ease;box-shadow:0 6px 16px -4px #ed4d9280}.how-v2 .s1-form button:hover{filter:brightness(1.06);transform:translateY(-1px)}.how-v2 .s1-form.is-sweet button{background:#22c55e;box-shadow:0 6px 16px -4px #22c55e80}.how-v2 .s1 .s1-fine{margin-top:16px;font-size:12px;color:var(--text-muted)}.how-v2 .s1-fine .google{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid rgba(19,67,128,.15);border-radius:999px;background:#fff;color:var(--text-secondary);font-weight:600;margin-left:6px}.how-v2 .s1-fine .google:before{content:"";width:10px;height:10px;border-radius:50%;background:conic-gradient(from 0deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc04 50% 75%,#ea4335 75% 100%)}.how-v2 .lollipop{width:180px;height:auto;max-height:320px;display:block;margin:0 auto;animation:how-v2-bob 4s ease-in-out infinite;filter:drop-shadow(0 16px 22px rgba(237,77,146,.35))}@keyframes how-v2-bob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}.how-v2 .s2{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;padding:32px 0 12px}.how-v2 .s2 .num.two{top:-28px;left:50%;transform:translate(-50%) rotate(6deg)}.how-v2 .s2-card{position:relative;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:22px;padding:28px 28px 26px;box-shadow:0 1px 2px #00000008,0 22px 50px -30px #1343804d}.how-v2 .s2-paste{background:radial-gradient(120% 80% at 0% 0%,color-mix(in oklab,var(--candy-yellow) 14%,white) 0%,transparent 60%),#fff;border-color:color-mix(in oklab,var(--candy-yellow) 30%,white);transform:rotate(-1.2deg)}.how-v2 .s2-drag{background:radial-gradient(120% 80% at 100% 0%,color-mix(in oklab,var(--candy-cyan) 14%,white) 0%,transparent 60%),#fff;border-color:color-mix(in oklab,var(--candy-cyan) 32%,white);transform:rotate(1deg)}.how-v2 .s2-card .tag{background:#ffffffd9;margin-bottom:12px}.how-v2 .s2-paste .tag{color:#8a6700;border:1px solid color-mix(in oklab,var(--candy-yellow) 35%,white)}.how-v2 .s2-drag .tag{color:var(--candy-navy);border:1px solid color-mix(in oklab,var(--candy-cyan) 40%,white)}.how-v2 .s2-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;color:var(--text-primary)}.how-v2 .s2-card p{font-size:14.5px;line-height:1.55;color:var(--text-secondary);margin:0;max-width:none}.how-v2 .ai-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.how-v2 .ai-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text-primary);transition:transform .15s ease}.how-v2 .ai-pill:hover{transform:translateY(-2px)}.how-v2 .ai-pill .dot{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 -1px 1px #0003,inset 0 1px 1px #ffffff80}.how-v2 .ai-pill.cgpt .dot{background:#10a37f}.how-v2 .ai-pill.claude .dot{background:#d97757}.how-v2 .ai-pill.gem .dot{background:var(--candy-cyan)}.how-v2 .ai-pill.copi .dot{background:var(--candy-navy)}.how-v2 .paste-strip{margin-top:18px;padding:12px 14px;background:var(--bg-cream);border:1px dashed color-mix(in oklab,var(--candy-yellow) 50%,white);border-radius:10px;font-family:var(--font-mono);font-size:12px;color:var(--candy-navy);display:flex;align-items:center;gap:10px}.how-v2 .paste-strip .kbd{background:#fff;border:1px solid rgba(19,67,128,.15);border-bottom-width:2px;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.how-v2 .paste-strip .arrow{margin-left:auto;color:var(--candy-pink)}.how-v2 .drop{margin-top:16px;position:relative;padding:24px;border:2px dashed color-mix(in oklab,var(--candy-cyan) 50%,white);border-radius:14px;background:#6cc7e60f;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.how-v2 .drop-file{background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:8px;padding:10px 8px;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:4px;animation:how-v2-drop-float 4s ease-in-out infinite}.how-v2 .drop-file:nth-child(1){animation-delay:0s}.how-v2 .drop-file:nth-child(2){animation-delay:.4s;--r: -3deg}.how-v2 .drop-file:nth-child(3){animation-delay:.8s;--r: 2deg}.how-v2 .drop-file .ext{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-sans);font-size:10px;color:#fff}.how-v2 .drop-file.docx .ext{background:var(--candy-cyan);color:var(--candy-navy)}.how-v2 .drop-file.pdf .ext{background:var(--candy-red)}.how-v2 .drop-file.md .ext{background:var(--candy-navy)}@keyframes how-v2-drop-float{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-4px) rotate(var(--r, 0deg))}}.how-v2 .s3{position:relative;padding:36px 36px 32px;background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--candy-cyan) 6%,white) 0 28px,color-mix(in oklab,var(--candy-cyan) 14%,white) 28px 56px);border-radius:24px;border:1px solid color-mix(in oklab,var(--candy-cyan) 28%,white);box-shadow:0 1px 2px #00000008,0 22px 50px -28px #6cc7e666;transform:rotate(.5deg);display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.how-v2 .s3 .num.three{top:-24px;right:-22px;transform:rotate(10deg)}.how-v2 .s3-body .tag{color:var(--candy-navy);background:#fffc;border:1px solid color-mix(in oklab,var(--candy-cyan) 40%,white)}.how-v2 .sweets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-v2 .sweet{position:relative;padding:26px 22px;background:#fff;border-radius:12px;border:1px solid rgba(19,67,128,.1);box-shadow:0 6px 16px -6px #13438033;text-align:center;transition:transform .25s cubic-bezier(.2,.7,.2,1.2)}.how-v2 .sweet:hover{transform:translateY(-6px) rotate(-2deg)}.how-v2 .sweet:before,.how-v2 .sweet:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5),transparent 55%),var(--wrap-color, var(--candy-pink));border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 10px -4px var(--wrap-shadow, rgba(237, 77, 146, .45))}.how-v2 .sweet:before{left:-22px;clip-path:polygon(100% 0,100% 100%,0 80%,30% 50%,0 20%);border-radius:4px 0 0 4px}.how-v2 .sweet:after{right:-22px;clip-path:polygon(0 0,0 100%,100% 80%,70% 50%,100% 20%);border-radius:0 4px 4px 0}.how-v2 .sweet .ext{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;font-family:var(--font-mono);font-weight:800;font-size:13px;color:#fff;margin-bottom:8px;box-shadow:inset 0 -3px 5px #0000002e,inset 0 2px 3px #fff6}.how-v2 .sweet h4{font-size:14px;font-weight:700;letter-spacing:-.01em;margin:0 0 2px;color:var(--text-primary)}.how-v2 .sweet .micro{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.how-v2 .sweet.md{--wrap-color: var(--candy-navy);--wrap-shadow: rgba(19, 67, 128, .45)}.how-v2 .sweet.md .ext{background:var(--candy-navy)}.how-v2 .sweet.doc{--wrap-color: var(--candy-cyan);--wrap-shadow: rgba(108, 199, 230, .5)}.how-v2 .sweet.doc .ext{background:var(--candy-cyan);color:var(--candy-navy)}.how-v2 .sweet.pdf{--wrap-color: var(--candy-red);--wrap-shadow: rgba(214, 37, 58, .45)}.how-v2 .sweet.pdf .ext{background:var(--candy-red)}.how-v2 .s1,.how-v2 .s2,.how-v2 .s3{animation:how-v2-fade-up .8s ease both}.how-v2 .s1{animation-delay:.05s}.how-v2 .s2{animation-delay:.15s}.how-v2 .s3{animation-delay:.25s}@keyframes how-v2-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:rotate(var(--r0, 0deg))}}.how-v2 .s1{--r0: -.4deg}.how-v2 .s3{--r0: .5deg}@media(max-width:880px){.how-v2 .s1{grid-template-columns:1fr;padding:56px 28px 32px}.how-v2 .s1:before{display:none}.how-v2 .s1 .num.one{top:-28px;left:50%;transform:translate(-50%)}.how-v2 .s1-body{padding-left:0;padding-top:36px}.how-v2 .lollipop{width:150px;max-height:260px}.how-v2 .s2{grid-template-columns:1fr}.how-v2 .s3{grid-template-columns:1fr;padding:56px 24px 28px}.how-v2 .s3 .num.three{right:50%;top:-28px;transform:translate(50%) rotate(10deg)}}@media(prefers-reduced-motion:reduce){.how-v2 *,.how-v2 *:before,.how-v2 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.features-v2{position:relative;padding:88px 0 64px;overflow:hidden}.features-v2.fpage{padding-top:0;padding-bottom:0}.features-v2 .features-v2-head{max-width:820px;margin:0 auto 64px;text-align:center;position:relative}.features-v2 .features-v2-title{font-family:var(--font-sans);font-weight:800;font-size:clamp(38px,5.4vw,64px);line-height:1.02;letter-spacing:-.035em;margin:0 0 16px;color:var(--text-primary);text-wrap:balance}.features-v2 .features-v2-title em{font-style:italic;color:var(--candy-pink);position:relative;display:inline-block}.features-v2 .features-v2-title em:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:8px;background:color-mix(in oklab,var(--candy-yellow) 80%,transparent);border-radius:999px;z-index:-1;transform:skew(-6deg)}.features-v2 .features-v2-lede{font-size:18px;line-height:1.55;color:var(--text-secondary);max-width:620px;margin:0 auto 18px;text-wrap:pretty}.features-v2 .features-v2-index-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;padding:4px 12px;background:color-mix(in oklab,var(--accent) 8%,white);border:1px solid color-mix(in oklab,var(--accent) 25%,white);border-radius:999px;transition:background .15s ease,gap .2s ease}.features-v2 .features-v2-index-link:hover{background:color-mix(in oklab,var(--accent) 14%,white);gap:10px}.features-v2-stack{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:28px;position:relative}.frow{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:36px 40px;border-radius:24px;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.frow:hover{transform:translateY(-3px);box-shadow:0 24px 50px -28px #131b4b40;text-decoration:none;color:inherit}.frow.is-reversed{direction:rtl}.frow.is-reversed>*{direction:ltr}.frow.tone-pink{background:radial-gradient(120% 90% at 0% 0%,color-mix(in oklab,var(--candy-pink) 12%,white) 0%,transparent 65%),#fff;border:1px solid color-mix(in oklab,var(--candy-pink) 18%,white)}.frow.tone-cyan{background:radial-gradient(120% 90% at 100% 0%,color-mix(in oklab,var(--candy-cyan) 14%,white) 0%,transparent 65%),#fff;border:1px solid color-mix(in oklab,var(--candy-cyan) 22%,white)}.frow.tone-yellow{background:radial-gradient(120% 90% at 0% 100%,color-mix(in oklab,var(--candy-yellow) 16%,white) 0%,transparent 65%),#fff;border:1px solid color-mix(in oklab,var(--candy-yellow) 28%,white)}.frow:before{content:"";position:absolute;top:18px;left:18px;width:10px;height:10px;border-radius:50%;background:var(--row-dot, var(--candy-pink));box-shadow:inset 0 -2px 3px #00000026,inset 0 1px 2px #fff9,0 2px 6px -1px color-mix(in oklab,var(--row-dot, var(--candy-pink)) 50%,transparent)}.frow.tone-pink{--row-dot: var(--candy-pink)}.frow.tone-cyan{--row-dot: var(--candy-cyan)}.frow.tone-yellow{--row-dot: var(--candy-yellow)}.frow-copy{padding-left:8px;max-width:480px}.frow .frow-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--candy-navy);padding:4px 10px;background:#fffc;border:1px solid rgba(19,67,128,.15);border-radius:999px;margin-bottom:14px}.frow h3{font-family:var(--font-sans);font-weight:800;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.025em;line-height:1.1;margin:0 0 12px;color:var(--text-primary);text-wrap:balance}.frow h3 em{font-style:italic;color:var(--row-dot)}.frow p{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0;text-wrap:pretty}.frow p strong{color:var(--text-primary);font-weight:600}.frow .frow-micro{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:11.5px;color:var(--candy-navy);background:#ffffffa6;border:1px dashed rgba(19,67,128,.15);border-radius:6px;padding:4px 10px}.frow .frow-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:600;color:var(--row-dot);text-decoration:none;transition:gap .2s ease}.frow:hover .frow-link{gap:10px}.frow .frow-link:after{content:"→";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:color-mix(in oklab,var(--row-dot) 16%,white);font-size:12px}.frow-mock{display:flex;align-items:center;justify-content:center;padding:12px;min-height:280px}.frow-mock .fmock{transform:rotate(var(--mock-tilt, -1deg));transition:transform .3s ease}.frow:hover .frow-mock .fmock{transform:rotate(0)}.frow:nth-child(2n) .frow-mock .fmock{--mock-tilt: 1deg}@media(max-width:880px){.frow{grid-template-columns:1fr;gap:24px;padding:28px 24px 32px}.frow.is-reversed{direction:ltr}.frow-copy{padding-left:0;max-width:none}.frow-mock{padding:0;min-height:0}.frow:before{top:14px;left:14px}}.fpage-hero-v2{position:relative;padding:32px 0 80px;overflow:hidden}.fpage-hero-v2 .hero-aura{position:absolute;inset:-20% 0 -10%;pointer-events:none;z-index:0;filter:blur(110px) saturate(1.05)}.fpage-hero-v2 .hero-aura span{position:absolute;border-radius:50%;mix-blend-mode:multiply;will-change:transform}.fpage-hero-v2 .hero-aura .o-pink{width:560px;height:560px;background:var(--candy-pink);top:-10%;left:-6%;opacity:.28;animation:fpage-drift1 28s ease-in-out infinite}.fpage-hero-v2 .hero-aura .o-yellow{width:500px;height:500px;background:var(--candy-yellow);top:5%;right:-4%;opacity:.32;animation:fpage-drift2 32s ease-in-out infinite}.fpage-hero-v2 .hero-aura .o-cyan{width:640px;height:640px;background:var(--candy-cyan);bottom:-40%;left:28%;opacity:.26;animation:fpage-drift3 36s ease-in-out infinite}@keyframes fpage-drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,50px) scale(1.08)}}@keyframes fpage-drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,40px) scale(1.12)}}@keyframes fpage-drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-40px) scale(1.06)}}.fpage-hero-v2 .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}@media(max-width:900px){.fpage-hero-v2 .hero-grid{grid-template-columns:1fr;gap:40px}}.fpage-hero-v2 .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;background:#ffffffbf;backdrop-filter:blur(8px);border:1px solid rgba(19,67,128,.12);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:22px}.fpage-hero-v2 .hero-eyebrow .dots{display:inline-flex;gap:3px;padding:4px 6px;background:var(--bg-cream);border-radius:999px}.fpage-hero-v2 .hero-eyebrow .dots span{width:6px;height:6px;border-radius:50%}.fpage-hero-v2 .hero-eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.fpage-hero-v2 .hero-eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.fpage-hero-v2 .hero-eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.fpage-hero-v2 .hero-eyebrow strong{font-weight:700;color:var(--text-primary)}.fpage-hero-v2 .hero-eyebrow .sep{color:var(--text-muted)}.fpage-hero-v2 .hero-headline{font-family:var(--font-sans);font-weight:800;font-size:clamp(40px,6vw,72px);line-height:.98;letter-spacing:-.04em;margin:0 0 20px;color:var(--text-primary);text-wrap:balance}.fpage-hero-v2 .hero-headline em{font-style:italic;color:var(--accent);position:relative;display:inline-block;white-space:nowrap}.fpage-hero-v2 .hero-headline em:after{content:"";position:absolute;left:3%;right:3%;bottom:0;height:10px;background:color-mix(in oklab,var(--candy-yellow) 85%,transparent);border-radius:999px;z-index:-1;transform:skew(-6deg)}@media(max-width:600px){.fpage-hero-v2 .hero-headline em{white-space:normal}}.fpage-hero-v2 .hero-lede{font-size:17.5px;line-height:1.55;color:var(--text-secondary);margin:0 0 22px;max-width:540px;text-wrap:pretty}.fpage-hero-v2 .hero-cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.fpage-hero-v2 .hero-cta-primary{display:inline-flex;align-items:center;gap:12px;padding:13px 22px;background:var(--accent);color:#fff;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 12px 28px -8px color-mix(in oklab,var(--accent) 50%,transparent);transition:transform .15s ease,filter .15s ease,box-shadow .2s ease}.fpage-hero-v2 .hero-cta-primary:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 36px -10px color-mix(in oklab,var(--accent) 60%,transparent)}.fpage-hero-v2 .hero-cta-primary .arrow-bg{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff38;transition:transform .15s ease}.fpage-hero-v2 .hero-cta-primary:hover .arrow-bg{transform:translate(3px)}.fpage-hero-v2 .hero-cta-ghost{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-primary);text-decoration:none;padding:11px 16px;background:#ffffffbf;border:1px solid rgba(19,67,128,.12);border-radius:12px;transition:gap .2s ease,background .15s ease}.fpage-hero-v2 .hero-cta-ghost:hover{gap:10px;background:#fff}.fpage-hero-v2 .hero-micro{display:inline-block;padding:6px 12px;background:#ffffffa6;border:1px dashed rgba(19,67,128,.18);border-radius:8px;font-family:var(--font-mono);font-size:12px;color:var(--candy-navy)}.fpage-hero-v2 .hero-mock-stage{position:relative;padding:24px 0;display:flex;align-items:center;justify-content:center}.fpage-hero-v2 .hero-swirl{position:absolute;top:-10px;right:-10px;width:80px;height:80px;animation:fpage-swirl-spin 40s linear infinite;filter:drop-shadow(0 10px 24px color-mix(in oklab,var(--accent) 30%,transparent));z-index:2}@keyframes fpage-swirl-spin{to{transform:rotate(360deg)}}.fpage-hero-v2 .hero-mock-frame{position:relative;background:radial-gradient(80% 60% at 50% 0%,color-mix(in oklab,var(--accent) 8%,white) 0%,transparent 70%),var(--bg-cream);border:1px solid rgba(19,67,128,.12);border-radius:22px;padding:36px 32px;display:flex;align-items:center;justify-content:center;min-height:340px;box-shadow:0 1px 2px #00000008,0 30px 70px -32px #131b4b59;transform:rotate(-1.5deg);transition:transform .35s ease}.fpage-hero-v2 .hero-mock-stage:hover .hero-mock-frame{transform:rotate(0)}.fpage-hero-v2 .hero-mock-frame .fmock{transform:scale(1.08);transform-origin:center}@media(max-width:480px){.fpage-hero-v2 .hero-mock-frame{padding:24px 16px}.fpage-hero-v2 .hero-mock-frame .fmock{transform:scale(.92)}.fpage-hero-v2 .hero-swirl{width:56px;height:56px;top:-6px;right:-6px}}.fpage .fpage-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);padding:4px 10px;background:color-mix(in oklab,var(--accent) 8%,white);border:1px solid color-mix(in oklab,var(--accent) 25%,white);border-radius:999px;margin-bottom:16px}.fpage .fpage-body{font-size:17px;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.fpage .fpage-micro{margin-top:18px;padding:10px 14px;background:#1343800a;border:1px solid rgba(19,67,128,.1);border-radius:8px;font-family:var(--font-mono);font-size:12.5px;color:var(--candy-navy);display:inline-block}.fpage .fpage-mock-frame{background:var(--bg-cream);border:1px solid rgba(19,67,128,.12);border-radius:22px;padding:28px;display:flex;align-items:center;justify-content:center;min-height:360px;position:relative;overflow:hidden;box-shadow:0 20px 50px -28px #131b4b40}.fpage .fpage-mock-frame.is-large .fmock{transform:scale(1.25);transform-origin:center}@media(max-width:600px){.fpage .fpage-mock-frame.is-large .fmock{transform:scale(1)}}.fpage .fpage-cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}.fpage .fpage-cta-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--accent);color:#fff;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 8px 20px -6px color-mix(in oklab,var(--accent) 40%,transparent);transition:transform .15s ease,filter .15s ease}.fpage .fpage-cta-primary:hover{transform:translateY(-1px);filter:brightness(1.06)}.fpage .fpage-cta-secondary{font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.fpage .fpage-cta-secondary code{font-family:var(--font-mono);font-size:12px;background:#1343800f;color:var(--candy-navy);padding:1px 5px;border-radius:3px;border:1px solid rgba(19,67,128,.1)}.fpage .fpage-demo{margin:64px auto 0;max-width:1080px;text-align:center}.fpage .fpage-demo-frame{position:relative;background:var(--bg-cream);border:1px solid rgba(19,67,128,.12);border-radius:26px;padding:72px 48px;display:flex;align-items:center;justify-content:center;min-height:700px;overflow:hidden;box-shadow:0 28px 70px -28px #131b4b4d}.fpage .fpage-demo-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(45% 65% at 50% 0%,color-mix(in oklab,var(--accent) 22%,transparent) 0%,transparent 70%),radial-gradient(50% 55% at 8% 100%,color-mix(in oklab,var(--candy-yellow) 16%,transparent) 0%,transparent 70%),radial-gradient(45% 55% at 92% 100%,color-mix(in oklab,var(--candy-cyan) 14%,transparent) 0%,transparent 70%);filter:blur(50px);pointer-events:none}.fpage .fpage-demo-frame>*{position:relative;z-index:1}.fpage .fpage-demo-frame .fmock{transform:scale(1.8);transform-origin:center}@media(max-width:900px){.fpage .fpage-demo-frame{padding:52px 32px;min-height:540px}.fpage .fpage-demo-frame .fmock{transform:scale(1.35)}}@media(max-width:600px){.fpage .fpage-demo-frame{padding:36px 20px;min-height:380px}.fpage .fpage-demo-frame .fmock{transform:scale(1)}}.fpage .fpage-demo-caption{margin-top:22px;font-size:15px;color:var(--text-secondary);font-style:italic}.fpage .fpage-section{margin-top:80px}.fpage .fpage-section-head{text-align:center;max-width:640px;margin:0 auto 32px}.fpage .fpage-section-head h2{font-family:var(--font-sans);font-weight:800;font-size:clamp(28px,3.4vw,38px);letter-spacing:-.025em;line-height:1.1;margin:0 0 12px;color:var(--text-primary);text-wrap:balance}.fpage .fpage-section-head h2 em{font-style:italic;color:var(--accent)}.fpage .fpage-section-head p{font-size:15.5px;line-height:1.55;color:var(--text-secondary);margin:0}.fpage .fpage-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:920px;margin:0 auto}@media(max-width:720px){.fpage .fpage-detail-grid{grid-template-columns:1fr}}.fpage .fpage-detail{background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:14px;padding:22px 22px 20px}.fpage .fpage-detail .chip{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,white);border:1px solid color-mix(in oklab,var(--accent) 22%,white);border-radius:999px;padding:3px 9px;margin-bottom:10px}.fpage .fpage-detail h3{font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.25;margin:0 0 8px;color:var(--text-primary);text-wrap:balance}.fpage .fpage-detail p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0;text-wrap:pretty}.fpage .fpage-usecases{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.fpage .fpage-usecase{display:grid;grid-template-columns:110px 1fr 1fr;gap:24px;align-items:start;padding:18px 22px;background:#fff;border:1px solid rgba(19,67,128,.1);border-radius:12px}@media(max-width:720px){.fpage .fpage-usecase{grid-template-columns:1fr;gap:8px;padding:16px 18px}}.fpage .fpage-usecase .uc-tag{display:inline-block;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--candy-navy);padding:4px 10px;background:#1343800f;border-radius:999px;align-self:start;white-space:nowrap}.fpage .fpage-usecase .uc-scen{font-size:14.5px;line-height:1.5;color:var(--text-secondary);font-style:italic;text-wrap:pretty}.fpage .fpage-usecase .uc-pay{font-size:14.5px;line-height:1.5;color:var(--text-primary);font-weight:500;text-wrap:pretty}.fpage .fpage-faq{max-width:760px;margin:0 auto}.fpage .fpage-faq .qa{border-bottom:1px solid rgba(19,67,128,.12);padding:18px 4px}.fpage .fpage-faq .qa[open] summary{color:var(--accent)}.fpage .fpage-faq summary{font-family:var(--font-sans);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.fpage .fpage-faq summary::-webkit-details-marker{display:none}.fpage .fpage-faq summary:after{content:"+";font-size:20px;font-weight:300;color:var(--text-muted);width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#1343800d;flex-shrink:0;transition:transform .2s ease,background .2s ease}.fpage .fpage-faq .qa[open] summary:after{transform:rotate(45deg);background:color-mix(in oklab,var(--accent) 12%,white);color:var(--accent)}.fpage .fpage-faq .answer{margin-top:12px;font-size:15px;line-height:1.6;color:var(--text-secondary);text-wrap:pretty;padding-right:40px}.fpage .fpage-other{margin-top:80px;padding-top:40px;border-top:1px solid rgba(19,67,128,.1)}.fpage .fpage-other h2{text-align:center;font-family:var(--font-sans);font-weight:800;font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;margin:0 0 30px;color:var(--text-primary)}.fpage .fpage-other h2 em{font-style:italic;color:var(--accent)}.fmock{width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a,0 8px 24px -16px #131b4b2e;overflow:hidden;font-family:var(--font-sans);color:var(--text-primary);position:relative;text-align:left}.fmock.fmock-editor.is-live{overflow:visible}.fmock-top{display:flex;align-items:center;gap:6px;padding:7px 10px;background:#fafafa;border-bottom:1px solid #f1f1f1}.fmock-top .dots{display:inline-flex;gap:4px}.fmock-top .dots span{width:7px;height:7px;border-radius:50%;background:#e5e7eb}.fmock-top .dots span:nth-child(1){background:#ff5f57}.fmock-top .dots span:nth-child(2){background:#febc2e}.fmock-top .dots span:nth-child(3){background:#28c840}.fmock-top .title{font-size:10.5px;color:#6b7280;font-family:var(--font-mono);margin-left:6px}.fmock .mt-toolbar{display:flex;align-items:center;gap:4px;height:28px;padding:0 8px;background:#fff;border-bottom:1px solid #f1f1f1}.fmock .mt-title{flex:1;min-width:0;font-size:10.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmock .mt-save-default,.fmock .mt-save-anim{font-size:9.5px;font-weight:500;color:var(--accent);flex-shrink:0;margin-right:2px}.fmock .mt-shine{display:inline-block;background-image:linear-gradient(to right,transparent,var(--shine-color, currentColor),transparent);background-size:var(--shiny-width, 60px) 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;animation:fmock-shiny-text var(--shine-duration, 5s) infinite}.fmock .mt-shine-editing{--shiny-width: 60px;--shine-duration: 5s;--shine-color: var(--accent);color:color-mix(in srgb,var(--accent) 50%,transparent);font-weight:500}.fmock .mt-shine-saving{--shiny-width: 50px;--shine-duration: 4s;--shine-color: #4b5563;color:#9ca3af;font-weight:500}@keyframes fmock-shiny-text{0%,90%,to{background-position:calc(-100% - var(--shiny-width, 60px)) 0}30%,60%{background-position:calc(100% + var(--shiny-width, 60px)) 0}}.fmock .mt-btn,.fmock .mt-btn-export{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:1px solid #e5e7eb;background:transparent;color:var(--text-secondary);flex-shrink:0;padding:0;position:relative}.fmock .mt-btn svg,.fmock .mt-btn-export svg{width:9px;height:9px}.fmock .mt-btn-mode{background:color-mix(in oklab,var(--accent) 12%,white);border-color:color-mix(in oklab,var(--accent) 28%,white);color:var(--accent)}.fmock .mt-btn-export{width:auto;gap:2px;padding:0 4px}.fmock .mt-btn-export .mt-export-icon svg{width:8px;height:8px}.fmock .mt-btn-export .mt-export-chev svg{width:5px;height:5px}.fmock .mt-btn-comment{position:relative}.fmock .mt-badge{position:absolute;top:-3px;right:-3px;min-width:11px;height:11px;padding:0 2px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:7px;font-weight:700;border-radius:999px;box-shadow:0 0 0 1.5px #fff;line-height:1}.fmock .mt-btn-ai{display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;border-radius:5px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;flex-shrink:0;border:none;padding:0;box-shadow:0 1px 2px color-mix(in oklab,var(--accent) 30%,transparent)}.fmock-editor .ed-doc{padding:11px 22px 22px;position:relative}.fmock-editor .ed-h1{font-size:12px;font-weight:700;letter-spacing:-.015em;line-height:1.8;margin:0 0 4px;color:var(--text-primary)}.fmock-editor .ed-p{font-size:12px;line-height:1.8;color:#1f2937;margin:0 0 6px}.fmock-editor .ed-p .accent{color:var(--accent);font-weight:600}.fmock-editor .ed-ul{list-style:none;padding:0;margin:6px 0 0;font-size:12px;line-height:1.8;color:#1f2937}.fmock-editor .ed-ul li,.fmock-editor.is-live .edl-bullet li{display:flex;align-items:baseline;padding-left:2px}.fmock-editor .ed-ul li:before,.fmock-editor.is-live .edl-bullet li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#1f2937;transform:translateY(-3px);margin-right:10px}.fmock-editor .ed-caret{display:inline-block;width:1.5px;height:12px;background:var(--accent);vertical-align:-2px;animation:fmock-blink 1s steps(1) infinite;margin-left:1px}@keyframes fmock-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.fmock .mslash{width:200px;max-height:220px;overflow-y:auto;padding:3px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 18px -6px #0000002e,0 1px 3px #0000000f}.fmock .mslash-item{display:flex;align-items:center;gap:7px;padding:4px 6px;border-radius:5px;text-align:left;color:var(--text-primary)}.fmock .mslash-item.is-selected{background:var(--accent-light, color-mix(in oklab, var(--accent) 8%, white))}.fmock .mslash-icon{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:4px;background:#f9f8ff;font-family:var(--font-mono);font-size:9px;font-weight:700;color:var(--text-secondary)}.fmock .mslash-item.is-selected .mslash-icon{border-color:var(--accent-border, color-mix(in oklab, var(--accent) 30%, white));color:var(--accent);background:#fff}.fmock .mslash-text{display:flex;flex-direction:column;min-width:0}.fmock .mslash-title{font-size:10.5px;font-weight:500;line-height:1.2;color:var(--text-primary)}.fmock .mslash-desc{font-size:8.5px;color:var(--text-muted);line-height:1.2;margin-top:1px}.fmock .mbubble{display:inline-flex;align-items:center;gap:1px;padding:3px;background:#fff;border:1px solid #e5e7eb;border-radius:7px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;white-space:nowrap}.fmock .mbubble-btn,.fmock .mbubble-text{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;border-radius:3px;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:9px;font-weight:600;padding:0;cursor:default}.fmock .mbubble-btn svg{width:8px;height:8px}.fmock .mbubble-btn.is-active,.fmock .mbubble-text.is-active{background:var(--accent-light, color-mix(in oklab, var(--accent) 8%, white));color:var(--accent-text, var(--accent))}.fmock .mbubble-sep{width:1px;height:12px;background:#e5e7eb;margin:0 1px}.fmock-editor .ed-word-bar{position:relative;background:var(--accent);color:#fff;font-size:9px;font-weight:500;padding:3px 10px;height:18px}.fmock-editor .ed-word-bar .ewb-state{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:0;white-space:nowrap}.fmock-editor.is-live .ewb-state-empty{animation:edl-ewb-empty 14s ease infinite}.fmock-editor.is-live .ewb-state-mid{animation:edl-ewb-mid 14s ease infinite}.fmock-editor.is-live .ewb-state-full{animation:edl-ewb-full 14s ease infinite}@keyframes edl-ewb-empty{0%,11%{opacity:1}13%,to{opacity:0}}@keyframes edl-ewb-mid{0%,12%{opacity:0}14%,70%{opacity:1}72%,to{opacity:0}}@keyframes edl-ewb-full{0%,70%{opacity:0}72%,to{opacity:1}}.fmock-editor.is-live .ed-doc-live{position:relative;min-height:170px}.fmock-editor.is-live .edl-paste,.fmock-editor.is-live .edl-h1-paste{opacity:0;background:transparent;border-radius:3px;padding:0 2px;margin-left:-2px;animation:edl-paste 14s ease infinite}@keyframes edl-paste{0%,10%{opacity:0;background:transparent}13%,17%{opacity:1;background:color-mix(in oklab,var(--accent) 16%,transparent)}22%,to{opacity:1;background:transparent}}.fmock-editor.is-live .edl-bold-wrap{position:relative;display:inline-block}.fmock-editor.is-live .edl-bold{font-weight:400;background:transparent;border-radius:2px;padding:0 1px;margin:0 -1px;animation:edl-bold 14s ease infinite}@keyframes edl-bold{0%,28%{font-weight:400;background:transparent}29%,40%{font-weight:400;background:color-mix(in oklab,var(--accent) 22%,transparent)}41%,44%{font-weight:700;background:color-mix(in oklab,var(--accent) 22%,transparent)}46%,to{font-weight:700;background:transparent}}.fmock-editor.is-live .edl-bubble-wrap{position:absolute;bottom:100%;left:50%;margin-bottom:6px;z-index:3;opacity:0;transform:translate(-50%,-2px) scale(.95);pointer-events:none;animation:edl-bubble 14s ease infinite}@keyframes edl-bubble{0%,28%{opacity:0;transform:translate(-50%,-2px) scale(.95)}30%,44%{opacity:1;transform:translate(-50%) scale(1)}46%,to{opacity:0;transform:translate(-50%,-2px) scale(.95)}}.fmock-editor.is-live .edl-cursor{position:absolute;top:12px;left:12px;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(80px,50px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:edl-cursor 14s ease infinite}@keyframes edl-cursor{0%,30%{opacity:0;transform:translate(80px,50px)}33%{opacity:1;transform:translate(80px,50px)}37%{opacity:1;transform:translate(0)}38%,40%{opacity:1;transform:translate(0) scale(.82)}42%,44%{opacity:1;transform:translate(0)}46%,to{opacity:0;transform:translate(0)}}.fmock-editor.is-live .edl-bubble-wrap .mbubble-btn-bold{background:transparent;color:var(--text-secondary);animation:edl-bb-bold 14s ease infinite}@keyframes edl-bb-bold{0%,36%{background:transparent;color:var(--text-secondary)}38%,41%{background:var(--accent-light, color-mix(in oklab, var(--accent) 12%, white));color:var(--accent-text, var(--accent))}43%,to{background:transparent;color:var(--text-secondary)}}.fmock-editor.is-live .edl-stage{position:relative;height:24px;margin-top:8px}.fmock-editor.is-live .edl-slash-line,.fmock-editor.is-live .edl-bullet{position:absolute;inset:0;margin:0;font-size:12px;line-height:1.8;color:#1f2937}.fmock-editor.is-live .edl-slash-line{opacity:0;display:flex;align-items:baseline;animation:edl-slash-line 14s ease infinite}@keyframes edl-slash-line{0%,55%{opacity:0}58%,69%{opacity:1}71%,to{opacity:0}}.fmock-editor.is-live .edl-slash-prefix{color:var(--text-primary)}.fmock-editor.is-live .edl-slash-query{color:var(--text-primary);display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:edl-slash-query 14s steps(4,end) infinite}@keyframes edl-slash-query{0%,62%{width:0}68%,to{width:22px}}.fmock-editor.is-live .edl-slash-menu-wrap{position:absolute;left:0;top:26px;opacity:0;transform:translateY(-4px);z-index:2;pointer-events:none;animation:edl-slash-menu 14s ease infinite}@keyframes edl-slash-menu{0%,58%{opacity:0;transform:translateY(-4px)}61%,69%{opacity:1;transform:translateY(0)}71%,to{opacity:0;transform:translateY(-4px)}}.fmock-editor.is-live .edl-bullet{list-style:none;padding:0;opacity:0;animation:edl-bullet 14s ease infinite}@keyframes edl-bullet{0%,69%{opacity:0}71%,to{opacity:1}}.fmock-editor.is-live .edl-bullet-text{display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:edl-bullet-text 14s steps(35,end) infinite}@keyframes edl-bullet-text{0%,71%{width:0}82%,to{width:220px}}.fmock-ai-author .ai-split{display:grid;grid-template-columns:1fr 132px;gap:0}.fmock-ai-author .ai-doc{padding:10px 12px;border-right:1px solid #f1f1f1}.fmock-ai-author .ai-h1{font-size:12px;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.fmock-ai-author .ai-p{font-size:9.5px;line-height:1.5;margin:0 0 5px;color:#4b5563}.fmock-ai-author .ai-remove{background:#fef2f2;color:#b91c1c;padding:2px 5px;border-left:2px solid #fca5a5;text-decoration:line-through;display:block;margin-bottom:3px;font-size:9px;line-height:1.4;border-radius:0 2px 2px 0}.fmock-ai-author .ai-add{background:#ecfdf5;color:#047857;padding:2px 5px;border-left:2px solid #6ee7b7;display:block;margin-bottom:4px;font-size:9px;line-height:1.4;border-radius:0 2px 2px 0}.fmock-ai-author .ai-panel{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 5%,white),#fff);padding:8px 7px;display:flex;flex-direction:column;gap:5px}.fmock-ai-author .ai-panel-head{font-size:9.5px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:4px;margin-bottom:2px}.fmock-ai-author .ai-quick-row{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.fmock-ai-author .ai-quick{font-size:8px;font-weight:500;padding:2px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:var(--text-secondary)}.fmock-ai-author .ai-quick.is-active{background:color-mix(in oklab,var(--accent) 10%,white);border-color:color-mix(in oklab,var(--accent) 30%,white);color:var(--accent)}.fmock-ai-author .ai-msg{font-size:8.5px;line-height:1.4;padding:4px 6px;border-radius:6px;max-width:100%}.fmock-ai-author .ai-msg-user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:2px;max-width:90%}.fmock-ai-author .ai-msg-bot{align-self:flex-start;background:#f4f4f5;border-bottom-left-radius:2px;padding:5px 6px;max-width:100%}.fmock-ai-author .ai-msg-label{font-family:var(--font-mono);font-size:7px;color:#6b7280;letter-spacing:.08em;margin-bottom:3px}.fmock-ai-author .ai-msg-diff{background:#fff;border:1px solid #e5e7eb;border-radius:3px;padding:3px;font-family:var(--font-mono)}.fmock-ai-author .ai-diff-line{font-size:7.5px;line-height:1.3;padding:1px 3px}.fmock-ai-author .ai-diff-line.remove{color:#b91c1c;background:#fef2f2}.fmock-ai-author .ai-diff-line.add{color:#047857;background:#ecfdf5;margin-top:1px}.fmock-ai-author .ai-btns{display:flex;gap:4px;margin-top:4px}.fmock-ai-author .ai-btn{flex:1;font-size:9px;font-weight:600;padding:4px 0;border-radius:4px;text-align:center;border:1px solid transparent}.fmock-ai-author .ai-btn.accept{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.fmock-ai-author .ai-btn.discard{background:#f9fafb;color:#6b7280;border-color:#e5e7eb}.fmock-ai-author.is-live .aip-panel{position:relative}.fmock-ai-author.is-live .aip-doc-stage{position:relative;min-height:96px}.fmock-ai-author.is-live .aip-doc-original,.fmock-ai-author.is-live .aip-doc-new{position:absolute;top:0;left:0;right:0;margin:0}.fmock-ai-author.is-live .aip-doc-original{animation:aip-doc-original 10s ease infinite}.fmock-ai-author.is-live .aip-doc-new{opacity:0;animation:aip-doc-new 10s ease infinite}@keyframes aip-doc-original{0%,32%{opacity:1}37%,87%{opacity:0}92%,to{opacity:1}}@keyframes aip-doc-new{0%,32%{opacity:0}37%,87%{opacity:1}92%,to{opacity:0}}.fmock-ai-author.is-live .aip-btn-accept{animation:aip-btn-accept 10s ease infinite}@keyframes aip-btn-accept{0%,28%{background:#ecfdf5;color:#047857;border-color:#a7f3d0}30%,42%{background:#047857;color:#fff;border-color:#047857}45%,to{background:#ecfdf5;color:#047857;border-color:#a7f3d0}}.fmock-ai-author.is-live .aip-panel-stack{animation:aip-panel-stack 10s ease infinite}@keyframes aip-panel-stack{0%,32%{opacity:1}40%,87%{opacity:.45}92%,to{opacity:1}}.fmock-ai-author.is-live .aip-cursor{position:absolute;bottom:14px;left:22px;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(60px,-80px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:aip-cursor 10s ease infinite}@keyframes aip-cursor{0%,12%{opacity:0;transform:translate(60px,-80px)}16%{opacity:1;transform:translate(60px,-80px)}28%{opacity:1;transform:translate(0)}30%,33%{opacity:1;transform:translate(0) scale(.82)}36%,42%{opacity:1;transform:translate(0)}46%,to{opacity:0;transform:translate(0)}}.fmock-saving{position:relative}.fmock-saving .mt-save-anim{position:relative;min-width:60px;display:inline-flex;align-items:center;justify-content:flex-end;font-size:9.5px;font-weight:500}.fmock-saving .sv-saving-state,.fmock-saving .sv-saved-state{display:inline-flex;align-items:center;gap:3px;position:absolute;right:0;top:50%;transform:translateY(-50%);white-space:nowrap}.fmock-saving .sv-saving-state{color:var(--accent);opacity:0}.fmock-saving .sv-saved-state{color:#047857;opacity:1}.fmock-saving .sv-saved-state .check{width:10px;height:10px;border-radius:50%;background:#047857;color:#fff;font-size:7px;line-height:10px;text-align:center}.fmock-saving .sv-split{display:grid;grid-template-columns:1fr 130px;gap:0}.fmock-saving .sv-doc{padding:10px 14px 14px;border-right:1px solid #f1f1f1}.fmock-saving .sv-doc-h1{font-size:13px;font-weight:700;letter-spacing:-.015em;line-height:1.3;margin:0 0 6px;color:var(--text-primary)}.fmock-saving .sv-doc-stage{position:relative;min-height:70px}.fmock-saving .sv-doc-current,.fmock-saving .sv-doc-earlier{position:absolute;top:0;left:0;right:0;margin:0;font-size:10.5px;line-height:1.7;color:#1f2937}.fmock-saving .sv-doc-banner{display:flex;align-items:center;gap:6px;background:color-mix(in oklab,var(--accent) 10%,white);border:1px solid color-mix(in oklab,var(--accent) 30%,white);border-radius:5px;font-size:9px;max-height:0;margin-bottom:0;padding:0 8px;opacity:0;overflow:hidden}.fmock-saving .sv-doc-banner-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.fmock-saving .sv-doc-banner-label{color:var(--accent);font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmock-saving .sv-history{padding:8px 0}.fmock-saving .sv-history-label{font-family:var(--font-mono);font-size:9px;color:#6b7280;padding:0 10px 6px;text-transform:uppercase;letter-spacing:.08em}.fmock-saving .sv-v{display:grid;grid-template-columns:14px 1fr;gap:7px;align-items:center;padding:4px 10px;font-size:9.5px;color:#4b5563;border-radius:0}.fmock-saving .sv-dot{width:6px;height:6px;border-radius:50%;background:#d1d5db;margin-left:3px}.fmock-saving .sv-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:#6b7280}.fmock-saving .sv-icon-ai{color:var(--accent);font-weight:700}.fmock-saving .sv-icon-new{color:#6b7280;font-weight:700;font-size:12px}.fmock-saving .sv-v.is-current{background:color-mix(in oklab,var(--accent) 8%,white);color:var(--text-primary);font-weight:600}.fmock-saving .sv-v.is-current .sv-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.fmock-saving .sv-meta{min-width:0}.fmock-saving .sv-line{font-size:10px;color:var(--text-primary)}.fmock-saving .sv-v:not(.is-current) .sv-line{color:#4b5563;font-weight:500}.fmock-saving .sv-actor{font-size:8.5px;color:#9ca3af;font-family:var(--font-mono);margin-top:1px}.fmock-search .sr-input-row{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f9fafb;border-bottom:1px solid #f1f1f1}.fmock-search .sr-icon{width:11px;height:11px;border:1.5px solid #9ca3af;border-radius:50%;position:relative;flex-shrink:0}.fmock-search .sr-icon:after{content:"";position:absolute;bottom:-3px;right:-3px;width:4px;height:1.5px;background:#9ca3af;transform:rotate(45deg)}.fmock-search .sr-input{font-size:11px;color:var(--text-primary);flex:1}.fmock-search .sr-caret{display:inline-block;width:1px;height:11px;background:var(--accent);vertical-align:-2px;animation:fmock-blink 1s steps(1) infinite}.fmock-search .sr-kbd{font-family:var(--font-mono);font-size:9px;background:#fff;color:#6b7280;border:1px solid #e5e7eb;border-radius:3px;padding:1px 4px}.fmock-search .sr-result{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:6px 12px;font-size:10px;border-left:2px solid transparent;cursor:default}.fmock-search .sr-result.is-active{background:color-mix(in oklab,var(--accent) 7%,white);border-left-color:var(--accent)}.fmock-search .sr-result .ic{font-family:var(--font-mono);font-size:7px;font-weight:700;background:#f4f4f5;color:#6b7280;border-radius:2px;text-align:center;padding:1px 0;align-self:start}.fmock-search .sr-result.is-active .ic{background:var(--accent);color:#fff}.fmock-search .sr-title{font-weight:600;color:var(--text-primary)}.fmock-search .sr-snip{font-size:9px;color:#6b7280;line-height:1.35;margin-top:1px}.fmock-search .sr-mark{background:color-mix(in oklab,var(--candy-yellow) 60%,white);color:var(--text-primary);padding:0 1px;border-radius:2px;font-weight:600}.fmock-search .sr-foot{border-top:1px solid #f1f1f1;padding:6px 12px;font-size:9.5px;font-weight:600;color:var(--accent);background:#f9fafb}.fmock-sl{position:relative;width:340px}.fmock-sl .sl-backdrop{height:200px;background:repeating-linear-gradient(180deg,#fafafa 0 8px,#f1f1f1 8px 9px,#fafafa 9px 22px,#f1f1f1 22px 23px,#fafafa 23px 60px);opacity:.55}.fmock-sl .sl-dialog{position:absolute;top:60px;left:16px;right:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 32px -8px #131b4b38;overflow:hidden}.fmock-sl .sl-tabs{display:flex;border-bottom:1px solid #f1f1f1}.fmock-sl .sl-tab{flex:1;padding:10px 0;text-align:center;font-size:10.5px;font-weight:600;color:#9ca3af;border-bottom:2px solid transparent}.fmock-sl .sl-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.fmock-sl .sl-body{padding:12px 14px 14px}.fmock-sl .sl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.fmock-sl .sl-row-title{font-size:11px;font-weight:600;color:var(--text-primary)}.fmock-sl .sl-row-desc{font-size:9.5px;color:#6b7280;margin-top:2px}.fmock-sl .sl-toggle{width:28px;height:16px;border-radius:999px;background:#d4d4d8;position:relative;flex-shrink:0;transition:background .3s ease}.fmock-sl .sl-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:left .3s ease}.fmock-sl .sl-link{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;font-size:10px;opacity:.35;transition:opacity .3s ease}.fmock-sl .sl-url{flex:1;font-family:var(--font-mono);color:#6b7280;padding:6px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmock-sl .sl-copy{background:var(--accent);color:#fff;font-weight:600;padding:6px 11px;position:relative;min-width:52px;text-align:center;border:0;font-size:10px}.fmock-sl .sl-copy-default,.fmock-sl .sl-copy-done{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.fmock-sl .sl-copy-done{opacity:0}.fmock-sl .sl-toast{position:absolute;bottom:8px;left:50%;transform:translate(-50%,12px);background:#1f2937;color:#fff;padding:5px 10px;border-radius:999px;font-size:9.5px;font-weight:600;opacity:0;pointer-events:none}.fmock-sl.is-on .sl-toggle{background:var(--accent)}.fmock-sl.is-on .sl-knob{left:14px}.fmock-sl.is-on .sl-link{opacity:1}.fmock-sl .sl-cursor{display:none}.fmock-sl.is-live .sl-cursor{display:block;position:absolute;top:0;left:0;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(0);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:sl-cursor 14s ease infinite}@keyframes sl-cursor{0%,5%{opacity:0;transform:translate(220px,220px)}10%{opacity:1;transform:translate(220px,220px)}20%{opacity:1;transform:translate(292px,121px)}22%,24%{opacity:1;transform:translate(292px,121px) scale(.82)}26%{opacity:1;transform:translate(292px,121px)}38%{opacity:1;transform:translate(279px,157px)}40%,42%{opacity:1;transform:translate(279px,157px) scale(.82)}44%,78%{opacity:1;transform:translate(279px,157px)}82%,to{opacity:0;transform:translate(279px,157px)}}.fmock-sl.is-live .sl-toggle{background:#d4d4d8;animation:sl-toggle 14s ease infinite}.fmock-sl.is-live .sl-knob{left:2px;animation:sl-knob 14s ease infinite}.fmock-sl.is-live .sl-link{opacity:.35;animation:sl-link 14s ease infinite}.fmock-sl.is-live .sl-copy-default{animation:sl-copy-default 14s ease infinite}.fmock-sl.is-live .sl-copy-done{animation:sl-copy-done 14s ease infinite}.fmock-sl.is-live .sl-toast{animation:sl-toast 14s ease infinite}@keyframes sl-toggle{0%,24%{background:#d4d4d8}28%,to{background:var(--accent)}}@keyframes sl-knob{0%,24%{left:2px}28%,to{left:14px}}@keyframes sl-link{0%,28%{opacity:.35}32%,to{opacity:1}}@keyframes sl-copy-default{0%,40%{opacity:1}43%,70%{opacity:0}73%,to{opacity:1}}@keyframes sl-copy-done{0%,40%{opacity:0}43%,70%{opacity:1}73%,to{opacity:0}}@keyframes sl-toast{0%,42%{opacity:0;transform:translate(-50%,12px)}46%,68%{opacity:1;transform:translate(-50%)}72%,to{opacity:0;transform:translate(-50%,12px)}}.fmock-se{position:relative;width:340px}.fmock-se .se-backdrop{height:240px;background:repeating-linear-gradient(180deg,#fafafa 0 8px,#f1f1f1 8px 9px,#fafafa 9px 22px,#f1f1f1 22px 23px,#fafafa 23px 60px);opacity:.55}.fmock-se .se-dialog{position:absolute;top:60px;left:16px;right:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 12px 32px -8px #131b4b38;overflow:hidden}.fmock-se .se-tabs{display:flex;border-bottom:1px solid #f1f1f1}.fmock-se .se-tab{flex:1;padding:10px 0;text-align:center;font-size:10.5px;font-weight:600;color:#9ca3af;border-bottom:2px solid transparent}.fmock-se .se-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.fmock-se .se-body{padding:12px 14px 14px}.fmock-se .se-form{display:flex;gap:6px;align-items:center;margin-bottom:10px}.fmock-se .se-email{flex:1;border:1px solid #e5e7eb;border-radius:6px;padding:6px 9px;font-size:10px;color:var(--text-primary);font-family:var(--font-mono);display:inline-flex;align-items:center;min-width:0;background:#fff}.fmock-se .se-email-typed:after{content:""}.fmock-se .se-caret{display:inline-block;width:1px;height:11px;background:var(--text-primary);margin-left:1px;opacity:0}.fmock-se .se-roles{display:flex;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.fmock-se .se-role{padding:6px 8px;font-size:9.5px;font-weight:600;color:#6b7280;background:#fff}.fmock-se .se-role+.se-role{border-left:1px solid #e5e7eb}.fmock-se .se-role-write.is-pick{background:var(--accent-light);color:var(--accent-text)}.fmock-se .se-invite{padding:6px 12px;background:var(--accent);color:#fff;border:0;border-radius:6px;font-size:10px;font-weight:600;opacity:.45;transition:opacity .3s ease}.fmock-se.is-ready .se-invite{opacity:1}.fmock-se .se-list{display:flex;flex-direction:column;gap:7px}.fmock-se .se-row{display:flex;align-items:center;gap:8px;padding:4px 0}.fmock-se .se-avatar{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;flex-shrink:0}.fmock-se .se-who{min-width:0;flex:1}.fmock-se .se-name{font-size:10px;font-weight:600;color:var(--text-primary)}.fmock-se .se-meta{font-size:9px;color:#6b7280}.fmock-se.is-live .se-row-new{opacity:0;max-height:0;overflow:hidden;transform:translateY(-6px);animation:se-row-new 14s ease infinite}@keyframes se-row-new{0%,76%{opacity:0;max-height:0;transform:translateY(-6px);padding:0}80%{opacity:1;max-height:36px;transform:translateY(0);padding:4px 0}92%,to{opacity:1;max-height:36px;transform:translateY(0);padding:4px 0}}.fmock-se.is-live .se-email-typed{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:se-typed 14s steps(13) infinite}.fmock-se.is-live .se-email-typed:before{content:"ada@design.co";display:inline-block}@keyframes se-typed{0%,18%{width:0}44%{width:80px}60%,to{width:80px}}.fmock-se.is-live .se-caret{animation:se-caret-blink 1s steps(2) infinite}@keyframes se-caret-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.fmock-se.is-live .se-role-write{animation:se-role-write 14s ease infinite}@keyframes se-role-write{0%,52%{background:#fff;color:#6b7280}56%,to{background:var(--accent-light);color:var(--accent-text)}}.fmock-se.is-live .se-invite{animation:se-invite 14s ease infinite}@keyframes se-invite{0%,56%{opacity:.45}60%,70%{opacity:1}72%,74%{opacity:1;transform:scale(.94)}76%,to{opacity:1;transform:scale(1)}}.fmock-se .se-cursor{display:none}.fmock-se.is-live .se-cursor{display:block;position:absolute;top:0;left:0;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(0);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:se-cursor 14s ease infinite}@keyframes se-cursor{0%,4%{opacity:0;transform:translate(280px,260px)}8%{opacity:1;transform:translate(280px,260px)}16%{opacity:1;transform:translate(95px,121px)}44%{opacity:1;transform:translate(95px,121px)}54%{opacity:1;transform:translate(228px,121px)}56%,58%{opacity:1;transform:translate(228px,121px) scale(.82)}60%{opacity:1;transform:translate(228px,121px)}70%{opacity:1;transform:translate(281px,121px)}72%,74%{opacity:1;transform:translate(281px,121px) scale(.82)}76%,88%{opacity:1;transform:translate(281px,121px)}92%,to{opacity:0;transform:translate(281px,121px)}}.fmock-rt{position:relative;width:340px}.fmock-rt .rt-presence{display:flex;align-items:center;flex-shrink:0}.fmock-rt .rt-avatar{width:20px;height:20px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:600}.fmock-rt .rt-avatar+.rt-avatar{margin-left:-7px}.fmock-rt .rt-avatar-a{background:#22c38e}.fmock-rt .rt-avatar-b{background:#bb26d9}.fmock-rt .rt-doc{padding:11px 22px 14px}.fmock-rt .rt-h1{font-family:var(--font-display);font-size:14px;font-weight:600;margin:0 0 6px;color:var(--text-primary)}.fmock-rt .rt-p{font-size:10px;line-height:1.55;color:var(--text-primary);margin:0 0 8px}.fmock-rt .rt-ul{list-style:none;padding:0;margin:0;font-size:10px;line-height:1.55;color:var(--text-primary)}.fmock-rt .rt-ul li{display:flex;align-items:baseline;padding-left:2px}.fmock-rt .rt-ul li:before{content:"•";color:var(--accent);margin-right:6px;margin-left:2px}.fmock-rt .rt-caret{display:inline-block;border-left:1.5px solid;border-right:1.5px solid;margin-left:-1px;margin-right:-1px;pointer-events:none;position:relative;word-break:normal;height:1.1em;vertical-align:text-bottom}.fmock-rt .rt-caret-a{border-color:#22c38e}.fmock-rt .rt-caret-b{border-color:#bb26d9}.fmock-rt .rt-flag{position:absolute;top:-1.6em;left:-1.5px;font-family:var(--font-sans);font-size:10px;font-weight:600;line-height:1;color:#fff;padding:2px 5px;border-radius:4px 4px 4px 0;white-space:nowrap;box-shadow:0 2px 6px #00000026;user-select:none}.fmock-rt .rt-flag-a{background:#22c38e}.fmock-rt .rt-flag-b{background:#bb26d9}.fmock-rt .rt-typing{display:inline-block}.fmock-rt.is-live .rt-typing{overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:rt-typing 8s steps(12) infinite}.fmock-rt.is-live .rt-typing:before{content:"for Saturday";display:inline-block}@keyframes rt-typing{0%,30%{width:0}70%,to{width:72px}}.fmock-org{position:relative;width:380px}.fmock-org .org-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid #f1f1f1}.fmock-org .org-title{font-size:12px;font-weight:700;color:var(--text-primary)}.fmock-org .org-invite-btn{font-size:10px;font-weight:600;padding:5px 10px;border:1px solid var(--accent);color:var(--accent);background:#fff;border-radius:5px}.fmock-org .org-tabs{display:flex;gap:14px;padding:6px 14px 0;border-bottom:1px solid #f1f1f1}.fmock-org .org-tab{font-size:10px;font-weight:600;color:#9ca3af;padding:4px 0 6px;border-bottom:2px solid transparent}.fmock-org .org-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.fmock-org .org-list{padding:6px 0 10px}.fmock-org .org-row{display:flex;align-items:center;gap:10px;padding:7px 14px;position:relative}.fmock-org .org-row+.org-row{border-top:1px solid #f9f9f9}.fmock-org .org-av{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;flex-shrink:0}.fmock-org .org-who{flex:1;min-width:0}.fmock-org .org-name{font-size:10.5px;font-weight:600;color:var(--text-primary)}.fmock-org .org-email{font-size:9px;color:#6b7280}.fmock-org .org-role{font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:3px}.fmock-org .org-role-owner{background:#fef3c7;color:#92400e}.fmock-org .org-role-admin{background:var(--accent-light);color:var(--accent-text)}.fmock-org .org-role-member{background:#f4f4f5;color:#52525b;border:1px solid #e5e7eb}.fmock-org .org-role-caret{font-size:8px;opacity:.7}.fmock-org .org-role-label-now,.fmock-org .org-role-menu{display:none}.fmock-org.is-live .org-row-target .org-role-label-was{animation:org-label-was 14s ease infinite}.fmock-org.is-live .org-row-target .org-role-label-now{display:inline;opacity:0;animation:org-label-now 14s ease infinite}.fmock-org.is-live .org-row-target .org-role{animation:org-role-bg 14s ease infinite}.fmock-org.is-live .org-row-target .org-role-menu{display:flex;flex-direction:column;position:absolute;top:36px;right:14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 24px -8px #131b4b40;min-width:90px;z-index:4;padding:4px 0;opacity:0;pointer-events:none;animation:org-menu 14s ease infinite}.fmock-org .org-role-opt{font-size:10px;padding:5px 12px;color:var(--text-primary)}.fmock-org .org-role-opt.is-pick{background:var(--accent-light);color:var(--accent-text);font-weight:600}@keyframes org-label-was{0%,60%{opacity:1}62%,to{opacity:0;display:none}}@keyframes org-label-now{0%,60%{opacity:0}62%,to{opacity:1}}@keyframes org-role-bg{0%,60%{background:#f4f4f5;color:#52525b;border-color:#e5e7eb}62%,to{background:var(--accent-light);color:var(--accent-text);border-color:transparent}}@keyframes org-menu{0%,28%{opacity:0;transform:translateY(-4px)}32%,56%{opacity:1;transform:translateY(0)}62%,to{opacity:0;transform:translateY(-4px)}}.fmock-org .org-cursor{display:none}.fmock-org.is-live .org-cursor{display:block;position:absolute;top:0;left:0;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(0);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:org-cursor-anim 14s ease infinite}@keyframes org-cursor-anim{0%,6%{opacity:0;transform:translate(300px,290px)}12%{opacity:1;transform:translate(300px,290px)}24%{opacity:1;transform:translate(317px,204px)}26%,30%{opacity:1;transform:translate(317px,204px) scale(.82)}34%,44%{opacity:1;transform:translate(317px,204px)}54%{opacity:1;transform:translate(318px,255px)}56%,60%{opacity:1;transform:translate(318px,255px) scale(.82)}64%,80%{opacity:1;transform:translate(318px,255px)}85%,to{opacity:0;transform:translate(318px,255px)}}.fmock-tl{position:relative;width:280px}.fmock-tl .tl-sidebar{padding:10px 0 14px;background:#fafafa;border-top:1px solid #f1f1f1;position:relative}.fmock-tl .tl-lib-chip{display:flex;align-items:center;gap:6px;margin:0 12px 12px;padding:6px 9px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:10.5px;color:var(--text-primary);width:calc(100% - 24px);text-align:left}.fmock-tl .tl-lib-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fmock-tl .tl-lib-dot-personal{background:#9ca3af}.fmock-tl .tl-lib-dot-acme{background:var(--accent)}.fmock-tl .tl-lib-dot-side{background:#f59e0b}.fmock-tl .tl-lib-name{font-weight:600}.fmock-tl .tl-lib-name-team{display:none}.fmock-tl .tl-lib-meta{font-size:9px;color:#6b7280;display:none}.fmock-tl .tl-lib-caret{margin-left:auto;font-size:8px;opacity:.6}.fmock-tl .tl-lib-menu{position:absolute;top:38px;left:12px;width:calc(100% - 24px);background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 12px 28px -8px #131b4b33;z-index:4;padding:4px 0;opacity:0;pointer-events:none;display:none}.fmock-tl .tl-lib-opt{display:flex;align-items:center;gap:7px;padding:6px 10px;font-size:10px;color:var(--text-primary)}.fmock-tl .tl-lib-opt-current{font-weight:600}.fmock-tl .tl-lib-opt-check{margin-left:auto;font-size:10px;color:var(--accent);font-weight:700}.fmock-tl .tl-lib-opt-meta{margin-left:auto;font-size:9px;color:#6b7280}.fmock-tl .tl-lib-opt-new{color:var(--accent);font-weight:600;border-top:1px solid #f1f1f1;margin-top:2px;padding-top:7px}.fmock-tl .tl-section{font-family:var(--font-mono);font-size:9px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px}.fmock-tl .tl-folder{display:flex;align-items:center;gap:7px;padding:5px 12px;font-size:10.5px;color:var(--text-primary)}.fmock-tl .tl-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--text-muted, #9ca3af);flex-shrink:0}.fmock-tl .tl-icon svg{width:100%;height:100%}.fmock-tl .tl-folder-group-team{display:none}.fmock-tl.is-live .tl-lib-menu{display:block;animation:tl-menu 12s ease infinite}@keyframes tl-menu{0%,18%{opacity:0;transform:translateY(-4px)}22%,50%{opacity:1;transform:translateY(0)}55%,to{opacity:0;transform:translateY(-4px)}}.fmock-tl.is-live .tl-lib-name-personal{animation:tl-name-personal 12s ease infinite}.fmock-tl.is-live .tl-lib-name-team{display:inline;opacity:0;animation:tl-name-team 12s ease infinite}.fmock-tl.is-live .tl-lib-meta{display:inline;opacity:0;animation:tl-meta 12s ease infinite}.fmock-tl.is-live .tl-lib-chip .tl-lib-dot-personal{animation:tl-chip-dot 12s ease infinite}@keyframes tl-chip-dot{0%,52%{background:#9ca3af}56%,to{background:var(--accent)}}@keyframes tl-name-personal{0%,52%{opacity:1}56%,to{opacity:0;display:none}}@keyframes tl-name-team{0%,52%{opacity:0}56%,to{opacity:1}}@keyframes tl-meta{0%,52%{opacity:0}56%,to{opacity:1}}.fmock-tl.is-live .tl-lib-opt-target{animation:tl-target 12s ease infinite}@keyframes tl-target{0%,46%{background:transparent;color:var(--text-primary)}50%,90%{background:var(--accent-light);color:var(--accent-text);font-weight:600}94%,to{background:transparent;color:var(--text-primary)}}.fmock-tl.is-live .tl-folder-stack{display:grid}.fmock-tl.is-live .tl-folder-group-personal,.fmock-tl.is-live .tl-folder-group-team{grid-area:1 / 1}.fmock-tl.is-live .tl-folder-group-team{display:block;opacity:0}.fmock-tl.is-live .tl-folder-group-personal{animation:tl-grp-personal 12s ease infinite}.fmock-tl.is-live .tl-folder-group-team{animation:tl-grp-team 12s ease infinite}@keyframes tl-grp-personal{0%,52%{opacity:1}56%,to{opacity:0}}@keyframes tl-grp-team{0%,52%{opacity:0}56%,to{opacity:1}}.fmock-tl .tl-cursor{display:none}.fmock-tl.is-live .tl-cursor{display:block;position:absolute;top:0;left:0;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(0);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:tl-cursor 12s ease infinite}@keyframes tl-cursor{0%,5%{opacity:0;transform:translate(220px,280px)}10%{opacity:1;transform:translate(220px,280px)}18%{opacity:1;transform:translate(138px,51px)}20%,22%{opacity:1;transform:translate(138px,51px) scale(.82)}26%,40%{opacity:1;transform:translate(138px,51px)}50%{opacity:1;transform:translate(138px,103px)}52%,54%{opacity:1;transform:translate(138px,103px) scale(.82)}58%,84%{opacity:1;transform:translate(138px,103px)}88%,to{opacity:0;transform:translate(138px,103px)}}.fmock-cb{position:relative;width:380px}.fmock-cb .cb-plan{margin:10px 14px 8px;border:1px solid var(--accent-light);border-radius:8px;background:linear-gradient(180deg,var(--accent-light) 0%,rgba(255,255,255,.5) 100%);padding:10px 12px}.fmock-cb .cb-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.fmock-cb .cb-plan-name{font-size:11px;font-weight:700;color:var(--accent-text)}.fmock-cb .cb-plan-org{font-size:9.5px;color:var(--text-secondary);margin-top:1px}.fmock-cb .cb-plan-right{text-align:right}.fmock-cb .cb-plan-seats{font-size:10px;font-weight:600;color:var(--text-primary)}.fmock-cb .cb-plan-cost{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);margin-top:1px}.fmock-cb .cb-seats-now,.fmock-cb .cb-cost-now{display:none}.fmock-cb .cb-add-seat{margin-top:9px;padding:5px 10px;font-size:10px;font-weight:600;background:#fff;border:1px solid var(--accent);color:var(--accent);border-radius:5px}.fmock-cb .cb-next{margin:0 14px 10px;font-size:10px;color:var(--text-secondary);padding:6px 10px;background:#fafafa;border-radius:5px}.fmock-cb .cb-next-now{display:none}.fmock-cb .cb-section{font-family:var(--font-mono);font-size:9px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;padding:4px 14px 6px}.fmock-cb .cb-invoices{border-top:1px solid #f1f1f1}.fmock-cb .cb-row{display:grid;grid-template-columns:70px 1fr 60px 40px;align-items:center;padding:7px 14px;font-size:10px;color:var(--text-primary)}.fmock-cb .cb-row+.cb-row{border-top:1px solid #f9f9f9}.fmock-cb .cb-date{color:var(--text-secondary)}.fmock-cb .cb-amt{font-weight:600}.fmock-cb .cb-status{font-size:9px;font-weight:600;color:#047857}.fmock-cb .cb-pdf{font-size:9px;font-weight:600;color:var(--accent);text-align:right}.fmock-cb.is-live .cb-seats-was,.fmock-cb.is-live .cb-cost-was,.fmock-cb.is-live .cb-next-was{animation:cb-old 14s ease infinite}.fmock-cb.is-live .cb-seats-now,.fmock-cb.is-live .cb-cost-now,.fmock-cb.is-live .cb-next-now{display:inline;opacity:0;animation:cb-new 14s ease infinite}@keyframes cb-old{0%,48%{opacity:1;display:inline}52%,to{opacity:0;display:none}}@keyframes cb-new{0%,48%{opacity:0}52%,56%{opacity:1;transform:scale(1.08)}60%,to{opacity:1;transform:scale(1)}}.fmock-cb.is-live .cb-add-seat{animation:cb-btn 14s ease infinite}@keyframes cb-btn{0%,42%{transform:scale(1)}46%,48%{transform:scale(.94)}52%,to{transform:scale(1)}}.fmock-cb .cb-cursor{display:none}.fmock-cb.is-live .cb-cursor{display:block;position:absolute;top:0;left:0;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(0);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:cb-cursor 14s ease infinite}@keyframes cb-cursor{0%,6%{opacity:0;transform:translate(220px,260px)}12%{opacity:1;transform:translate(220px,260px)}32%{opacity:1;transform:translate(62px,99px)}36%,40%{opacity:1;transform:translate(62px,99px) scale(.82)}44%,80%{opacity:1;transform:translate(62px,99px)}85%,to{opacity:0;transform:translate(62px,99px)}}.fmock-paste-ai,.fmock-paste-web{width:340px;position:relative}.fmock-paste-ai .pa-doc,.fmock-paste-web .pa-doc{padding:11px 22px 16px}.fmock-paste-ai .pa-h1,.fmock-paste-web .pa-h1{font-size:13px;font-weight:700;letter-spacing:-.015em;line-height:1.4;margin:0 0 4px;color:var(--text-primary)}.fmock-paste-ai .pa-p,.fmock-paste-web .pa-p{font-size:11.5px;line-height:1.7;color:#1f2937;margin:0 0 4px}.fmock-paste-ai .pa-ul,.fmock-paste-web .pa-ul{list-style:none;padding:0;margin:4px 0 0;font-size:11.5px;line-height:1.7;color:#1f2937}.fmock-paste-ai .pa-ul li,.fmock-paste-web .pa-ul li{display:flex;align-items:baseline;padding-left:2px}.fmock-paste-ai .pa-ul li:before,.fmock-paste-web .pa-ul li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#1f2937;transform:translateY(-3px);margin-right:9px}.fmock-paste-ai .pa-source,.fmock-paste-web .pa-source{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:10px;border-top:1px dashed rgba(19,67,128,.12)}.fmock-paste-ai .pa-source-banner,.fmock-paste-web .pa-source-banner{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed rgba(19,67,128,.12)}.fmock-paste-ai .pa-source-label,.fmock-paste-web .pa-source-label{font-family:var(--font-mono);font-size:9px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.fmock-paste-ai .pa-chip,.fmock-paste-web .pa-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;font-size:9.5px;font-weight:500;color:var(--text-secondary)}.fmock-paste-ai .pa-chip .dot,.fmock-paste-web .pa-chip .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.fmock-paste-ai .pa-chip-cgpt .dot{background:#10a37f}.fmock-paste-ai .pa-chip-claude .dot{background:#d97757}.fmock-paste-ai .pa-chip-gem .dot{background:var(--candy-cyan)}.fmock-paste-ai .pa-chip-copi .dot{background:var(--candy-navy)}.fmock-paste-web .pa-chip-web .dot{background:var(--candy-pink)}.fmock-paste-ai .pa-chip.is-active,.fmock-paste-web .pa-chip.is-active{background:color-mix(in oklab,var(--accent) 10%,white);border-color:color-mix(in oklab,var(--accent) 30%,white);color:var(--accent);font-weight:600}.fmock-paste-ai .pa-kbd,.fmock-paste-web .pa-kbd{margin-left:auto;display:inline-flex;gap:2px}.fmock-paste-ai .pa-kbd .kbd-key,.fmock-paste-web .pa-kbd .kbd-key{font-family:var(--font-mono);font-size:9px;background:#f4f4f5;color:var(--text-secondary);border:1px solid #e5e7eb;border-bottom-width:2px;padding:1px 5px;border-radius:3px}.fmock-paste-web .pw-image{position:relative;width:100%;height:100px;border-radius:6px;background:var(--bg-cream);margin:8px 0 6px;overflow:hidden}.fmock-paste-web .pw-image img{width:100%;height:100%;object-fit:cover;display:block}.fmock-paste-web .pw-image-meta{position:absolute;bottom:6px;right:8px;font-family:var(--font-mono);font-size:9px;color:#fff;background:#00000073;padding:1px 6px;border-radius:3px;backdrop-filter:blur(4px)}.fmock-paste-web .pw-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.fmock-paste-ai.is-live .pa-paste,.fmock-paste-web.is-live .pa-paste{opacity:0;border-radius:3px;padding:0 2px;margin-left:-2px;background:transparent;animation:pa-paste 10s ease infinite}@keyframes pa-paste{0%,14%{opacity:0;background:transparent}18%,22%{opacity:1;background:color-mix(in oklab,var(--accent) 16%,transparent)}28%,to{opacity:1;background:transparent}}.fmock-organizing{position:relative;width:280px}.fmock-organizing .org-sidebar{padding:8px 0 12px;background:#fafafa;border-top:1px solid #f1f1f1;min-height:280px}.fmock-organizing .org-lib{display:flex;align-items:center;gap:7px;padding:6px 12px;margin-bottom:8px;border-bottom:1px solid #f1f1f1;font-size:11px;font-weight:600;color:var(--text-primary)}.fmock-organizing .org-lib-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 20%,transparent)}.fmock-organizing .org-lib-chev{margin-left:auto;font-size:10px;color:var(--text-muted)}.fmock-organizing .org-section{margin-bottom:8px}.fmock-organizing .org-section-label{font-family:var(--font-mono);font-size:9px;color:#6b7280;padding:0 12px 4px;text-transform:uppercase;letter-spacing:.08em}.fmock-organizing .org-row{display:flex;align-items:center;gap:7px;padding:4px 12px;font-size:10.5px;color:var(--text-primary);cursor:default}.fmock-organizing .org-row.is-active{background:color-mix(in oklab,var(--accent) 8%,white);font-weight:600}.fmock-organizing .org-child{padding-left:30px}.fmock-organizing .org-chev{font-size:8px;color:var(--text-muted);width:8px;text-align:center;flex-shrink:0}.fmock-organizing .org-icon-folder{width:12px;height:10px;background:var(--candy-yellow);border-radius:2px;position:relative;flex-shrink:0}.fmock-organizing .org-icon-folder:before{content:"";position:absolute;top:-2px;left:1px;width:5px;height:3px;background:var(--candy-yellow);border-radius:1px 1px 0 0}.fmock-organizing .org-icon-doc{width:9px;height:11px;background:#fff;border:1px solid #d1d5db;border-radius:1px;flex-shrink:0}.fmock-organizing .org-pin{font-size:9px;flex-shrink:0}.fmock-organizing .org-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmock-organizing .org-count{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.fmock-organizing .org-target{opacity:0}.fmock-organizing:not(.is-live) .org-target{opacity:1}.fmock-organizing .org-drag-source{transition:opacity .2s ease}.fmock-organizing .org-cursor{display:none}.fmock-organizing.is-live .org-cursor{display:block;position:absolute;top:230px;left:80px;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(40px,30px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:org-cursor 12s ease infinite}@keyframes org-cursor{0%,8%{opacity:0;transform:translate(40px,30px)}12%{opacity:1;transform:translate(40px,30px)}22%{opacity:1;transform:translate(0)}24%,27%{opacity:1;transform:translate(0) scale(.82)}30%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translateY(-110px)}48%,51%{opacity:1;transform:translateY(-110px) scale(.82)}54%,75%{opacity:1;transform:translateY(-110px)}80%,to{opacity:0;transform:translateY(-110px)}}.fmock-organizing.is-live .org-drag-source{animation:org-drag-source 12s ease infinite}@keyframes org-drag-source{0%,27%{opacity:1}30%,45%{opacity:.35}48%,75%{opacity:0}80%,to{opacity:1}}.fmock-organizing.is-live .org-target{animation:org-target 12s ease infinite}@keyframes org-target{0%,47%{opacity:0;background:transparent}50%,55%{opacity:1;background:color-mix(in oklab,var(--accent) 18%,transparent)}60%,75%{opacity:1;background:transparent}80%,to{opacity:0;background:transparent}}.fmock-copy-md{position:relative;width:340px}.fmock-copy-md .cm-doc{padding:11px 22px 14px}.fmock-copy-md .cm-h1{font-size:12px;font-weight:700;letter-spacing:-.015em;line-height:1.8;margin:0 0 4px;color:var(--text-primary)}.fmock-copy-md .cm-p{font-size:12px;line-height:1.8;color:#1f2937;margin:0 0 6px}.fmock-copy-md .cm-ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.8;color:#1f2937}.fmock-copy-md .cm-ul li{display:flex;align-items:baseline;padding-left:2px}.fmock-copy-md .cm-ul li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#1f2937;transform:translateY(-3px);margin-right:9px}.fmock-copy-md .cm-clipboard{margin:10px 22px 14px;border:1px solid color-mix(in oklab,var(--accent) 25%,white);border-radius:8px;background:color-mix(in oklab,var(--accent) 4%,white);overflow:hidden}.fmock-copy-md .cm-clipboard-head{display:flex;align-items:center;gap:6px;padding:5px 10px;background:color-mix(in oklab,var(--accent) 10%,white);border-bottom:1px solid color-mix(in oklab,var(--accent) 20%,white);font-size:10px}.fmock-copy-md .cm-clipboard-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;background:#22c55e;color:#fff;font-size:8px;font-weight:700;border-radius:50%}.fmock-copy-md .cm-clipboard-label{font-weight:600;color:var(--accent);flex:1}.fmock-copy-md .cm-clipboard-tokens{font-family:var(--font-mono);font-size:9px;color:var(--text-muted)}.fmock-copy-md .cm-clipboard-pre{margin:0;padding:8px 10px;font-family:var(--font-mono);font-size:9.5px;line-height:1.55;color:var(--candy-navy);background:#fff;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.fmock-copy-md .cm-clipboard-pre code{font-family:inherit;background:transparent;padding:0}.fmock-copy-md .cm-cursor{display:none}.fmock-copy-md.is-live .cm-cursor{display:block;position:absolute;top:40px;left:168px;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(-30px,110px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:cm-cursor 12s ease infinite}@keyframes cm-cursor{0%,8%{opacity:0;transform:translate(-30px,110px)}14%{opacity:1;transform:translate(-30px,110px)}24%{opacity:1;transform:translate(0)}26%,29%{opacity:1;transform:translate(0) scale(.82)}32%,75%{opacity:1;transform:translate(0)}80%,to{opacity:0;transform:translate(0)}}.fmock-copy-md.is-live .cm-clipboard{opacity:0;transform:translateY(20px);animation:cm-clipboard 12s ease infinite}@keyframes cm-clipboard{0%,30%{opacity:0;transform:translateY(20px)}35%,85%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(20px)}}.fmock-uploading{position:relative;width:340px}.fmock-uploading .up-doc{padding:11px 22px 22px}.fmock-uploading .up-h1{font-size:12px;font-weight:700;letter-spacing:-.015em;line-height:1.8;margin:0 0 4px;color:var(--text-primary)}.fmock-uploading .up-p{font-size:12px;line-height:1.8;color:#1f2937;margin:0 0 10px}.fmock-uploading .up-hint{display:flex;align-items:center;gap:8px;margin:4px 22px 16px;padding:8px 12px;background:color-mix(in oklab,var(--accent) 6%,white);border:1px dashed color-mix(in oklab,var(--accent) 30%,white);border-radius:8px;font-size:10.5px;color:var(--accent);font-weight:500}.fmock-uploading .up-hint-icon{display:inline-flex;flex-shrink:0}.fmock-uploading .up-hint-icon svg{width:12px;height:12px}.fmock-uploading .up-hint-formats{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:var(--text-muted);font-weight:400}.fmock-uploading .up-drag-file{position:absolute;top:110px;left:50%;margin-left:-36px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;box-shadow:0 8px 20px -6px #131b4b59;font-size:10px;font-weight:500;color:var(--text-primary);z-index:5;opacity:0;transform:translate(200px,-80px) rotate(8deg);transform-origin:center}.fmock-uploading .up-drag-ext{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--candy-cyan);color:var(--candy-navy);font-family:var(--font-mono);font-size:7px;font-weight:800;border-radius:3px}.fmock-uploading .up-drag-name{white-space:nowrap}.fmock-uploading .up-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 18%,transparent);z-index:4;pointer-events:none;opacity:0}.fmock-uploading .up-overlay-box{background:#fff;border:2px dashed var(--accent);border-radius:14px;padding:16px 20px;text-align:center;box-shadow:0 24px 40px -16px #00000040;max-width:80%}.fmock-uploading .up-overlay-icon{display:inline-flex;margin-bottom:6px}.fmock-uploading .up-overlay-icon svg{width:22px;height:22px;color:var(--accent)}.fmock-uploading .up-overlay-msg{font-size:12px;font-weight:500;color:var(--text-primary);margin:0 0 4px}.fmock-uploading .up-overlay-msg strong{font-weight:700}.fmock-uploading .up-overlay-formats{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin:0}.fmock-uploading .up-toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#1d1d1f;color:#fff;border-radius:6px;font-size:10px;white-space:nowrap;box-shadow:0 8px 18px -6px #00000059;z-index:6}.fmock-uploading .up-toast code{font-family:var(--font-mono);font-size:10px;color:#fff;background:#ffffff1f;padding:1px 5px;border-radius:3px}.fmock-uploading .up-toast-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e38;flex-shrink:0}.fmock-uploading.is-live .up-drag-file{animation:up-drag-file 12s ease infinite}@keyframes up-drag-file{0%,8%{opacity:0;transform:translate(200px,-80px) rotate(8deg)}12%{opacity:1;transform:translate(200px,-80px) rotate(8deg)}25%{opacity:1;transform:translate(0) rotate(2deg)}28%,30%{opacity:1;transform:translate(0) scale(.6) rotate(0)}33%,to{opacity:0;transform:translate(0) scale(.5) rotate(0)}}.fmock-uploading.is-live .up-overlay{animation:up-overlay 12s ease infinite}.fmock-uploading.is-live .up-overlay .up-overlay-box{animation:up-overlay-box 12s ease infinite}@keyframes up-overlay{0%,14%{opacity:0}18%,30%{opacity:1}34%,to{opacity:0}}@keyframes up-overlay-box{0%,14%{transform:scale(.92)}18%,30%{transform:scale(1)}34%,to{transform:scale(.92)}}.fmock-uploading.is-live .up-toast{opacity:0;transform:translate(-50%,20px);animation:up-toast 12s ease infinite}@keyframes up-toast{0%,32%{opacity:0;transform:translate(-50%,20px)}37%,85%{opacity:1;transform:translate(-50%)}90%,to{opacity:0;transform:translate(-50%,20px)}}.fmock-export{position:relative;width:340px}.fmock-export .ex-doc{padding:11px 22px 22px}.fmock-export .ex-h1{font-size:12px;font-weight:700;letter-spacing:-.015em;line-height:1.8;margin:0 0 4px;color:var(--text-primary)}.fmock-export .ex-p{font-size:12px;line-height:1.8;color:#1f2937;margin:0}.fmock-export .ex-dropdown{position:absolute;top:56px;right:107px;width:130px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:4px 0;z-index:3}.fmock-export .ex-dropdown-item{padding:6px 12px;font-size:10.5px;color:var(--text-primary);cursor:default}.fmock-export .ex-dropdown-item.is-active{background:color-mix(in oklab,var(--accent) 8%,white);color:var(--accent);font-weight:500}.fmock-export .ex-toast{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#1d1d1f;color:#fff;border-radius:6px;font-size:10px;box-shadow:0 8px 18px -6px #00000059;z-index:4}.fmock-export .ex-toast code{font-family:var(--font-mono);font-size:10px;color:#fff;background:#ffffff1f;padding:1px 5px;border-radius:3px}.fmock-export .ex-toast-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e38;flex-shrink:0}.fmock-export.is-live .ex-dropdown{opacity:0;transform:translateY(-4px);animation:ex-dropdown 12s ease infinite}@keyframes ex-dropdown{0%,26%{opacity:0;transform:translateY(-4px)}30%,56%{opacity:1;transform:translateY(0)}60%,to{opacity:0;transform:translateY(-4px)}}.fmock-export.is-live .ex-row-md{animation:ex-row-md 12s ease infinite}@keyframes ex-row-md{0%,42%{background:transparent;color:var(--text-primary)}46%,56%{background:color-mix(in oklab,var(--accent) 8%,white);color:var(--accent);font-weight:500}60%,to{background:transparent;color:var(--text-primary)}}.fmock-export.is-live .ex-toast{opacity:0;transform:translateY(20px);animation:ex-toast 12s ease infinite}@keyframes ex-toast{0%,54%{opacity:0;transform:translateY(20px)}58%,85%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(20px)}}.fmock-export.is-live .ex-cursor{position:absolute;top:43px;left:221px;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(40px,50px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:ex-cursor 12s ease infinite}@keyframes ex-cursor{0%,8%{opacity:0;transform:translate(40px,50px)}12%{opacity:1;transform:translate(40px,50px)}22%{opacity:1;transform:translate(0)}24%,27%{opacity:1;transform:translate(0) scale(.82)}30%,38%{opacity:1;transform:translate(0)}46%{opacity:1;transform:translate(-31px,31px)}48%,51%{opacity:1;transform:translate(-31px,31px) scale(.82)}54%,70%{opacity:1;transform:translate(-31px,31px)}75%,to{opacity:0;transform:translate(-31px,31px)}}.fmock-printing{position:relative;width:360px}.fmock-printing .pr-stage{padding:14px;background:#f4f4f5;display:flex;justify-content:center}.fmock-printing .pr-page{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:2px;padding:16px 18px 20px;box-shadow:0 4px 14px -6px #131b4b26}.fmock-printing .pr-h1{font-size:13px;font-weight:700;letter-spacing:-.015em;line-height:1.3;margin:0 0 8px;color:var(--text-primary)}.fmock-printing .pr-p{font-size:10px;line-height:1.7;color:#1f2937;margin:0 0 8px}.fmock-printing .pr-ul{list-style:none;padding:0;margin:0 0 4px;font-size:10px;line-height:1.7;color:#1f2937}.fmock-printing .pr-ul li{display:flex;align-items:baseline;padding-left:2px}.fmock-printing .pr-ul li:before{content:"";flex-shrink:0;width:4px;height:4px;border-radius:50%;background:#1f2937;transform:translateY(-3px);margin-right:8px}.fmock-printing .pr-overlay{position:absolute;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;z-index:4}.fmock-printing .pr-dialog{width:96%;background:#f5f5f7;border:1px solid #d1d1d6;border-radius:10px;box-shadow:0 24px 50px -16px #00000059;overflow:hidden;transform:translateY(20px)}.fmock-printing .pr-dialog-top{padding:8px 12px;background:linear-gradient(180deg,#ebebed,#dededf);border-bottom:1px solid #c8c8cc;display:flex;align-items:center}.fmock-printing .pr-dialog-title{flex:1;text-align:center;font-size:10.5px;font-weight:600;color:#1d1d1f}.fmock-printing .pr-dialog-body{display:grid;grid-template-columns:1fr 70px;gap:10px;padding:10px 12px}.fmock-printing .pr-dialog-form{display:flex;flex-direction:column;gap:6px}.fmock-printing .pr-field{display:grid;grid-template-columns:36px 1fr;gap:6px;align-items:center}.fmock-printing .pr-field-label{font-size:8.5px;font-weight:500;color:#1d1d1f;text-align:right}.fmock-printing .pr-field-input{font-size:8.5px;background:#fff;border:1px solid #c8c8cc;border-radius:3px;padding:3px 6px;color:#1d1d1f}.fmock-printing .pr-field-num{max-width:30px;text-align:center}.fmock-printing .pr-field-radio{background:transparent;border:none;padding:0;display:inline-flex;align-items:center;gap:4px}.fmock-printing .pr-radio{width:10px;height:10px;min-width:10px;min-height:10px;flex-shrink:0;border-radius:50%;border:1px solid #8e8e93;background:#fff;display:inline-block;box-sizing:border-box}.fmock-printing .pr-radio.is-on{background:#0a84ff;border-color:#0a84ff;box-shadow:inset 0 0 0 2px #fff}.fmock-printing .pr-dialog-preview{background:#fff;border:1px solid #c8c8cc;border-radius:2px;padding:6px;display:flex;align-items:flex-start;justify-content:center}.fmock-printing .pr-preview-page{width:100%;display:flex;flex-direction:column;gap:4px}.fmock-printing .pr-preview-line{height:3px;background:#d1d1d6;border-radius:1px}.fmock-printing .pr-preview-line.pr-preview-h{height:5px;background:#1d1d1f;width:60%}.fmock-printing .pr-preview-line.short{width:75%}.fmock-printing .pr-preview-line.bullet{width:80%;margin-left:8px}.fmock-printing .pr-dialog-foot{display:flex;justify-content:flex-end;gap:6px;padding:8px 12px 10px;background:#ededee;border-top:1px solid #c8c8cc}.fmock-printing .pr-dialog-btn{font-size:9.5px;font-weight:500;padding:4px 12px;border-radius:4px;border:1px solid #b2b2b6;background:linear-gradient(180deg,#fff,#ededee);color:#1d1d1f}.fmock-printing .pr-dialog-btn-primary{background:linear-gradient(180deg,#0a84ff,#006edc);border-color:#006edc;color:#fff}.fmock-printing.is-live .pr-cursor{position:absolute;top:43px;left:214px;width:14px;height:20px;z-index:5;pointer-events:none;opacity:0;transform:translate(40px,60px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:pr-cursor 12s ease infinite}@keyframes pr-cursor{0%,8%{opacity:0;transform:translate(40px,60px)}12%{opacity:1;transform:translate(40px,60px)}22%{opacity:1;transform:translate(0)}24%,27%{opacity:1;transform:translate(0) scale(.82)}30%,38%{opacity:1;transform:translate(0)}48%{opacity:1;transform:translate(86px,125px)}51%,54%{opacity:1;transform:translate(86px,125px) scale(.82)}57%,75%{opacity:1;transform:translate(86px,125px)}80%,to{opacity:0;transform:translate(86px,125px)}}.fmock-printing.is-live .pr-overlay{animation:pr-overlay 12s ease infinite}.fmock-printing.is-live .pr-overlay .pr-dialog{animation:pr-dialog 12s ease infinite}@keyframes pr-overlay{0%,26%{opacity:0}30%,75%{opacity:1}80%,to{opacity:0}}@keyframes pr-dialog{0%,26%{transform:translateY(20px)}30%,75%{transform:translateY(0)}80%,to{transform:translateY(20px)}}@keyframes fmock-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.fmock-saving.is-live .sv-saving-state{animation:sv-saving-toggle 14s ease-in-out infinite}.fmock-saving.is-live .sv-saved-state{animation:sv-saved-toggle 14s ease-in-out infinite}@keyframes sv-saving-toggle{0%,10%{opacity:0}13%,18%{opacity:1}21%,to{opacity:0}}@keyframes sv-saved-toggle{0%,18%{opacity:0}22%,32%{opacity:1}36%,to{opacity:0}}.fmock-saving.is-live .sv-pulse{animation:sv-pulse 14s ease-in-out infinite}@keyframes sv-pulse{0%,20%{background:color-mix(in oklab,var(--accent) 8%,white)}22%,26%{background:color-mix(in oklab,var(--accent) 30%,white)}28%,49%{background:color-mix(in oklab,var(--accent) 8%,white)}52%,78%{background:transparent}82%,to{background:color-mix(in oklab,var(--accent) 8%,white)}}.fmock-saving.is-live .sv-cursor{position:absolute;top:168px;left:188px;width:14px;height:20px;z-index:6;pointer-events:none;opacity:0;transform:translateY(-120px);transform-origin:0 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:sv-cursor 14s ease infinite}@keyframes sv-cursor{0%,34%{opacity:0;transform:translateY(-120px)}37%{opacity:1;transform:translateY(-69px)}41%{opacity:1;transform:translateY(-69px)}44%{opacity:1;transform:translateY(-37px)}46%{opacity:1;transform:translateY(-37px)}49%{opacity:1;transform:translateY(0)}51%,54%{opacity:1;transform:translateY(0) scale(.82)}57%,78%{opacity:1;transform:translateY(0)}82%,to{opacity:0;transform:translateY(0)}}.fmock-saving.is-live .sv-v-target{animation:sv-target-row 14s ease infinite}@keyframes sv-target-row{0%,48%{background:transparent}50%,78%{background:color-mix(in oklab,var(--accent) 10%,white)}82%,to{background:transparent}}.fmock-saving.is-live .sv-doc-current{animation:sv-doc-current 14s ease infinite}.fmock-saving.is-live .sv-doc-earlier{opacity:0;animation:sv-doc-earlier 14s ease infinite}@keyframes sv-doc-current{0%,50%{opacity:1}53%,78%{opacity:0}82%,to{opacity:1}}@keyframes sv-doc-earlier{0%,50%{opacity:0}53%,78%{opacity:1}82%,to{opacity:0}}.fmock-saving.is-live .sv-doc-banner{animation:sv-doc-banner 14s ease infinite}@keyframes sv-doc-banner{0%,50%{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:0}53%,78%{max-height:28px;padding-top:4px;padding-bottom:4px;margin-bottom:6px;opacity:1}82%,to{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;opacity:0}}.fmock-sharing.is-live .sh-knob{animation:fmock-toggle-knob 5s ease-in-out infinite}.fmock-sharing.is-live .sh-toggle{animation:fmock-toggle-bg 5s ease-in-out infinite}@keyframes fmock-toggle-knob{0%,30%{left:1px}40%,to{left:13px}}@keyframes fmock-toggle-bg{0%,30%{background:#d1d5db}40%,to{background:var(--accent)}}.fmock-sharing.is-live .sh-link .copy-default{animation:fmock-copy-default 6s ease infinite}.fmock-sharing.is-live .sh-link .copy-done{animation:fmock-copy-done 6s ease infinite}@keyframes fmock-copy-default{0%,60%{opacity:1}65%,85%{opacity:0}90%,to{opacity:1}}@keyframes fmock-copy-done{0%,60%{opacity:0}65%,85%{opacity:1}90%,to{opacity:0}}.fmock-search.is-live .sr-typed-text{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:-2px;animation:fmock-type 5s steps(20,end) infinite}@keyframes fmock-type{0%{width:0}40%{width:100%}70%{width:100%}to{width:0}}@media(prefers-reduced-motion:reduce){.fmock-saving.is-live .sv-saving-state,.fmock-saving.is-live .sv-saved-state,.fmock-saving.is-live .sv-pulse,.fmock-saving.is-live .sv-cursor,.fmock-saving.is-live .sv-v-target,.fmock-saving.is-live .sv-doc-current,.fmock-saving.is-live .sv-doc-earlier,.fmock-saving.is-live .sv-doc-banner,.fmock-ai-author.is-live .aip-doc-original,.fmock-ai-author.is-live .aip-doc-new,.fmock-ai-author.is-live .aip-btn-accept,.fmock-ai-author.is-live .aip-panel-stack,.fmock-ai-author.is-live .aip-cursor,.fmock-sharing.is-live .sh-knob,.fmock-sharing.is-live .sh-toggle,.fmock-sharing.is-live .sh-link .copy-default,.fmock-sharing.is-live .sh-link .copy-done,.fmock-uploading.is-live .up-drag-file,.fmock-uploading.is-live .up-overlay,.fmock-uploading.is-live .up-overlay .up-overlay-box,.fmock-uploading.is-live .up-toast,.fmock-paste-ai.is-live .pa-paste,.fmock-paste-web.is-live .pa-paste,.fmock-organizing.is-live .org-cursor,.fmock-organizing.is-live .org-drag-source,.fmock-organizing.is-live .org-target,.fmock-copy-md.is-live .cm-cursor,.fmock-copy-md.is-live .cm-clipboard,.fmock-sl.is-live .sl-cursor,.fmock-sl.is-live .sl-toggle,.fmock-sl.is-live .sl-knob,.fmock-sl.is-live .sl-link,.fmock-sl.is-live .sl-copy-default,.fmock-sl.is-live .sl-copy-done,.fmock-sl.is-live .sl-toast,.fmock-se.is-live .se-cursor,.fmock-se.is-live .se-row-new,.fmock-se.is-live .se-email-typed,.fmock-se.is-live .se-caret,.fmock-se.is-live .se-role-write,.fmock-se.is-live .se-invite,.fmock-rt.is-live .rt-typing,.fmock-rt.is-live .rt-caret-a,.fmock-rt.is-live .rt-caret-b,.fmock-org.is-live .org-cursor,.fmock-org.is-live .org-row-target .org-role-label-was,.fmock-org.is-live .org-row-target .org-role-label-now,.fmock-org.is-live .org-row-target .org-role,.fmock-org.is-live .org-row-target .org-role-menu,.fmock-tl.is-live .tl-cursor,.fmock-tl.is-live .tl-lib-menu,.fmock-tl.is-live .tl-lib-name-personal,.fmock-tl.is-live .tl-lib-name-team,.fmock-tl.is-live .tl-lib-meta,.fmock-tl.is-live .tl-lib-chip .tl-lib-dot-personal,.fmock-tl.is-live .tl-lib-opt-target,.fmock-tl.is-live .tl-folder-group-personal,.fmock-tl.is-live .tl-folder-group-team,.fmock-cb.is-live .cb-cursor,.fmock-cb.is-live .cb-seats-was,.fmock-cb.is-live .cb-cost-was,.fmock-cb.is-live .cb-next-was,.fmock-cb.is-live .cb-seats-now,.fmock-cb.is-live .cb-cost-now,.fmock-cb.is-live .cb-next-now,.fmock-cb.is-live .cb-add-seat,.fmock-printing.is-live .pr-cursor,.fmock-printing.is-live .pr-overlay,.fmock-printing.is-live .pr-overlay .pr-dialog,.fmock-export.is-live .ex-dropdown,.fmock-export.is-live .ex-row-md,.fmock-export.is-live .ex-toast,.fmock-export.is-live .ex-cursor,.fmock-search.is-live .sr-typed-text,.fmock-editor.is-live .edl-paste,.fmock-editor.is-live .edl-h1-paste,.fmock-editor.is-live .edl-bold,.fmock-editor.is-live .edl-bubble-wrap,.fmock-editor.is-live .edl-bubble-wrap .mbubble-btn-bold,.fmock-editor.is-live .edl-cursor,.fmock-editor.is-live .edl-slash-line,.fmock-editor.is-live .edl-slash-query,.fmock-editor.is-live .edl-slash-menu-wrap,.fmock-editor.is-live .edl-bullet,.fmock-editor.is-live .edl-bullet-text,.fmock-editor.is-live .ewb-state-empty,.fmock-editor.is-live .ewb-state-mid,.fmock-editor.is-live .ewb-state-full{animation:none!important}.fmock-saving.is-live .sv-saving-state,.fmock-saving.is-live .sv-cursor{opacity:0}.fmock-saving.is-live .sv-doc-current{opacity:1}.fmock-saving.is-live .sv-doc-earlier,.fmock-saving.is-live .sv-doc-banner,.fmock-sl.is-live .sl-cursor{opacity:0}.fmock-sl.is-live .sl-toggle{background:var(--accent)}.fmock-sl.is-live .sl-knob{left:14px}.fmock-sl.is-live .sl-link,.fmock-sl.is-live .sl-copy-default{opacity:1}.fmock-sl.is-live .sl-copy-done,.fmock-sl.is-live .sl-toast,.fmock-se.is-live .se-cursor{opacity:0}.fmock-se.is-live .se-row-new{opacity:1;max-height:36px;transform:none;padding:4px 0}.fmock-se.is-live .se-email-typed{width:80px}.fmock-se.is-live .se-caret{opacity:0}.fmock-se.is-live .se-role-write{background:var(--accent-light);color:var(--accent-text)}.fmock-se.is-live .se-invite{opacity:1;transform:none}.fmock-rt.is-live .rt-typing{width:72px}.fmock-rt.is-live .rt-caret-a,.fmock-rt.is-live .rt-caret-b{opacity:1}.fmock-org.is-live .org-cursor{opacity:0}.fmock-org.is-live .org-row-target .org-role-label-was{display:none}.fmock-org.is-live .org-row-target .org-role-label-now{display:inline;opacity:1}.fmock-org.is-live .org-row-target .org-role{background:var(--accent-light);color:var(--accent-text);border-color:transparent}.fmock-org.is-live .org-row-target .org-role-menu,.fmock-tl.is-live .tl-cursor,.fmock-tl.is-live .tl-lib-menu{opacity:0}.fmock-tl.is-live .tl-lib-name-personal{display:none}.fmock-tl.is-live .tl-lib-name-team,.fmock-tl.is-live .tl-lib-meta{display:inline;opacity:1}.fmock-tl.is-live .tl-lib-chip .tl-lib-dot-personal{background:var(--accent)}.fmock-tl.is-live .tl-folder-group-personal{display:none}.fmock-tl.is-live .tl-folder-group-team{display:block;opacity:1}.fmock-cb.is-live .cb-cursor{opacity:0}.fmock-cb.is-live .cb-seats-was,.fmock-cb.is-live .cb-cost-was,.fmock-cb.is-live .cb-next-was{display:none}.fmock-cb.is-live .cb-seats-now,.fmock-cb.is-live .cb-cost-now,.fmock-cb.is-live .cb-next-now{display:inline;opacity:1}.fmock-cb.is-live .cb-add-seat{transform:none}.fmock-editor.is-live .edl-paste,.fmock-editor.is-live .edl-h1-paste,.fmock-editor.is-live .ewb-state-full{opacity:1}.fmock-ai-author.is-live .aip-doc-original{opacity:0}.fmock-ai-author.is-live .aip-doc-new{opacity:1}.fmock-ai-author.is-live .aip-cursor{opacity:0}.fmock-editor.is-live .edl-bold{font-weight:700}.fmock-editor.is-live .edl-bubble-wrap,.fmock-editor.is-live .edl-cursor,.fmock-editor.is-live .edl-slash-line,.fmock-editor.is-live .edl-slash-menu-wrap{opacity:0}.fmock-editor.is-live .edl-bullet{opacity:1}.fmock-editor.is-live .edl-slash-query{width:22px}.fmock-editor.is-live .edl-bullet-text{width:220px}.fmock-printing.is-live .pr-cursor,.fmock-printing.is-live .pr-overlay,.fmock-uploading.is-live .up-drag-file,.fmock-uploading.is-live .up-overlay,.fmock-uploading.is-live .up-toast{opacity:0}.fmock-paste-ai.is-live .pa-paste,.fmock-paste-web.is-live .pa-paste{opacity:1}.fmock-organizing.is-live .org-cursor{opacity:0}.fmock-organizing.is-live .org-drag-source,.fmock-organizing.is-live .org-target{opacity:1}.fmock-copy-md.is-live .cm-cursor{opacity:0}.fmock-copy-md.is-live .cm-clipboard{opacity:1;transform:none}}.docs-hero{position:relative;isolation:isolate;padding:88px 0 56px;overflow:hidden;background:linear-gradient(180deg,var(--bg-cream, #fdfbf3) 0%,color-mix(in oklab,var(--accent) 4%,var(--bg-cream, #fdfbf3)) 100%)}.docs-hero .orbs{position:absolute;inset:0;z-index:-1;pointer-events:none;filter:blur(72px)}.docs-hero .orb{position:absolute;border-radius:50%;opacity:.45;will-change:transform}.docs-hero .orb.pink{width:460px;height:460px;background:var(--candy-pink);top:-30%;left:-8%;animation:docs-orb-a 26s ease-in-out infinite}.docs-hero .orb.yellow{width:380px;height:380px;background:var(--candy-yellow);top:-10%;right:-4%;animation:docs-orb-b 30s ease-in-out infinite}.docs-hero .orb.cyan{width:320px;height:320px;background:var(--candy-cyan);bottom:-40%;left:38%;animation:docs-orb-c 28s ease-in-out infinite}@keyframes docs-orb-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.05)}}@keyframes docs-orb-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.07)}}@keyframes docs-orb-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.04)}}@media(prefers-reduced-motion:reduce){.docs-hero .orb{animation:none!important}}.docs-hero:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(180deg,transparent 0%,var(--bg-cream, #fdfbf3) 100%);z-index:-1}.docs-hero-inner{max-width:780px;margin:0 auto;text-align:center;padding:0 24px}.docs-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-secondary);background:#ffffffbf;border:1px solid color-mix(in oklab,var(--accent) 20%,transparent);border-radius:999px;padding:7px 14px 7px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin:0 0 24px}.docs-hero .eyebrow .dots{display:inline-flex;gap:3px}.docs-hero .eyebrow .dots span{width:6px;height:6px;border-radius:50%}.docs-hero .eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.docs-hero .eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.docs-hero .eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.docs-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.04;letter-spacing:-.025em;color:var(--text-primary);margin:0 0 14px}.docs-hero h1 em{font-style:italic;color:var(--accent);font-weight:600;position:relative;display:inline-block}.docs-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:color-mix(in oklab,var(--accent) 28%,transparent);border-radius:4px;z-index:-1}.docs-hero-sub{font-size:17px;line-height:1.55;color:var(--text-secondary);margin:0 auto 32px;max-width:580px;text-wrap:balance}.docs-hero-search{max-width:520px;margin:0 auto;position:relative}.docs-hero-search .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.docs-hero-search input{width:100%;padding:16px 20px 16px 48px;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);background:#ffffffeb;border:1px solid color-mix(in oklab,var(--accent) 18%,transparent);border-radius:999px;outline:none;box-shadow:0 1px #fffc inset,0 8px 24px -12px color-mix(in oklab,var(--accent) 40%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.docs-hero-search input::placeholder{color:var(--text-muted)}.docs-hero-search input:focus{border-color:var(--accent);box-shadow:0 1px #fffc inset,0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent),0 12px 28px -12px color-mix(in oklab,var(--accent) 50%,transparent)}.docs-hero-meta{margin:18px 0 0;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);letter-spacing:.04em}.docs-chip-bar{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--bg-cream, #fdfbf3) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent)}.docs-chip-row{max-width:1120px;margin:0 auto;padding:10px 24px;display:flex;gap:6px;flex-wrap:wrap}.docs-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:999px;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease;scroll-margin-top:60px}.docs-chip:hover{color:var(--text-primary);background:color-mix(in oklab,var(--accent) 8%,transparent);text-decoration:none}.docs-chip.is-current{color:var(--accent);background:var(--accent-light);border-color:color-mix(in oklab,var(--accent) 25%,transparent);font-weight:600}.docs-chip .chip-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);background:color-mix(in oklab,var(--text-primary) 5%,transparent);padding:1px 6px;border-radius:999px}.docs-chip.is-current .chip-count{color:var(--accent-text);background:color-mix(in oklab,var(--accent) 18%,white)}.docs-sections{max-width:1120px;margin:0 auto;padding:32px 24px 56px}.docs-sections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}@media(max-width:900px){.docs-sections-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.docs-sections-grid{grid-template-columns:1fr}}.docs-section-card{--card-accent: var(--candy-cyan);position:relative;display:flex;flex-direction:column;padding:22px;background:var(--surface, #fff);border:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent);border-radius:14px;overflow:hidden;scroll-margin-top:80px;transition:border-color .2s ease,box-shadow .2s ease}.docs-section-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);opacity:.9}.docs-section-card:hover{border-color:color-mix(in oklab,var(--card-accent) 30%,transparent);box-shadow:0 16px 32px -22px color-mix(in oklab,var(--card-accent) 50%,transparent)}.docs-section-card:nth-child(4n+1){--card-accent: var(--candy-pink)}.docs-section-card:nth-child(4n+2){--card-accent: var(--candy-yellow)}.docs-section-card:nth-child(4n+3){--card-accent: var(--candy-cyan)}.docs-section-card:nth-child(4n+4){--card-accent: var(--accent)}.docs-section-card .card-head{display:flex;align-items:flex-start;gap:12px;margin:0 0 12px}.docs-section-card .icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:color-mix(in oklab,var(--card-accent) 14%,white);color:color-mix(in oklab,var(--card-accent) 60%,var(--candy-navy, #1e1b4b));flex-shrink:0}.docs-section-card .icon svg{width:16px;height:16px}.docs-section-card h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin:4px 0 2px;letter-spacing:-.01em;line-height:1.15}.docs-section-card h3 a{color:var(--text-primary);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .2s ease,color .2s ease}.docs-section-card h3 a:hover{color:color-mix(in oklab,var(--card-accent) 75%,var(--candy-navy, #1e1b4b));background-size:100% 1px}.docs-section-card .meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin:0;letter-spacing:.04em}.docs-section-card ul{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-direction:column;gap:1px;border-top:1px dashed color-mix(in oklab,var(--card-accent) 22%,transparent)}.docs-section-card li{margin:0}.docs-section-card li a{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;margin:0 -8px;font-size:13.5px;line-height:1.35;color:var(--text-secondary);text-decoration:none;border-radius:6px;position:relative;transition:background .12s ease,color .12s ease}.docs-section-card li a:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:color-mix(in oklab,var(--card-accent) 55%,transparent);transition:background .12s ease,transform .12s ease}.docs-section-card li a:hover{color:var(--text-primary);background:color-mix(in oklab,var(--card-accent) 9%,transparent)}.docs-section-card li a:hover:before{background:var(--card-accent);transform:translateY(-50%) scale(1.4)}.docs-empty{text-align:center;color:var(--text-muted);font-size:14px;padding:48px 0}.docs-bottom-cta{padding:48px 24px 96px;text-align:center;max-width:720px;margin:0 auto}.docs-bottom-cta h2{font-family:var(--font-display);font-size:26px;font-weight:600;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.015em}.docs-bottom-cta p{color:var(--text-secondary);margin:0 0 18px;font-size:15px}.docs-bottom-cta .links{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px}.docs-bottom-cta .links a{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#ffffffd9;border:1px solid color-mix(in oklab,var(--text-primary) 10%,transparent);color:var(--text-primary);text-decoration:none;font-size:13.5px;font-weight:500;transition:border-color .15s ease,background .15s ease}.docs-bottom-cta .links a:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent-text)}.docs-article .dmock{position:relative;margin:28px 0 32px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 1px color-mix(in oklab,var(--accent) 8%,transparent),0 8px 24px -12px color-mix(in oklab,var(--accent) 18%,transparent);overflow:hidden;font-size:13px;line-height:1.5;color:var(--text-primary)}.docs-article .dmock-frame{padding:28px 24px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 3%,var(--surface)),color-mix(in oklab,var(--accent) 7%,var(--surface)))}.docs-article .dmock-frame-modal{display:flex;align-items:center;justify-content:center;padding:32px 24px;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 6%,var(--surface)),color-mix(in oklab,var(--accent) 12%,var(--surface)))}.docs-article .dmock-bare{background:var(--surface)}.docs-article .dmock-doc-body{padding:18px 24px 22px;background:var(--surface);position:relative}.docs-article .dmock-doc-body h1{margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.docs-article .dmock-doc-body h2{margin:14px 0 6px;font-size:17px;font-weight:600}.docs-article .dmock-doc-body h3{margin:12px 0 4px;font-size:14px;font-weight:600}.docs-article .dmock-doc-body p{margin:0 0 8px;font-size:13.5px;line-height:1.6;color:var(--text-primary)}.docs-article .dmock-doc-body ul{margin:4px 0 10px;padding-left:20px}.docs-article .dmock-doc-body li{margin:2px 0;font-size:13.5px;line-height:1.55}.docs-article .dmock-doc-body strong{font-weight:700}.docs-article .dmock-doc-body em{font-style:italic}.docs-article .dmock-doc-body ins{background:color-mix(in oklab,#10b981 18%,transparent);color:color-mix(in oklab,#047857 80%,var(--text-primary));text-decoration:none;border-radius:2px;padding:0 2px}.docs-article .dmock-doc-body del{background:color-mix(in oklab,#ef4444 18%,transparent);color:color-mix(in oklab,#b91c1c 80%,var(--text-primary));text-decoration:line-through;border-radius:2px;padding:0 2px}.docs-article .dmock-caret{display:inline-block;width:1.5px;height:1.1em;margin:0 1px -2px;background:var(--accent);vertical-align:middle;animation:dmock-caret-blink 1s steps(2,start) infinite}@keyframes dmock-caret-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.docs-article .dmock-caret{animation:none}}.docs-article .dmock-avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:9.5px;font-weight:700;text-transform:uppercase;border:1.5px solid var(--surface);flex-shrink:0;letter-spacing:0}.docs-article .dmock-avatar-lg{width:32px;height:32px;font-size:12px}.docs-article .dmock-avatar-xl{width:48px;height:48px;font-size:16px;border-width:2px}.docs-article .dmock-avatar-ghost{background:var(--bg-subtle);color:var(--text-muted);border-color:var(--border);border-style:dashed}.docs-article .dmock-avatar-overflow{background:var(--bg-subtle);color:var(--text-secondary)}.docs-article .dmock-save-idle{font-size:11px;color:var(--text-muted);margin-left:8px;margin-right:6px;flex-shrink:0}.docs-article .dmock-presence{display:inline-flex;align-items:center;margin-left:8px;margin-right:4px}.docs-article .dmock-presence .dmock-avatar+.dmock-avatar{margin-left:-6px}.docs-article .dmock-collab-caret{display:inline-block;position:relative;width:0;height:1em;vertical-align:middle;margin:0 -1px}.docs-article .dmock-collab-caret:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-2px;width:2px;background:var(--cursor-color, var(--accent))}.docs-article .dmock-collab-caret .dmock-flag{position:absolute;left:-1px;bottom:100%;margin-bottom:1px;padding:1px 5px;background:var(--cursor-color, var(--accent));color:#fff;font-size:9.5px;font-weight:600;border-radius:3px 3px 3px 0;white-space:nowrap;line-height:1.3}.docs-article .dmock-caret-lee{--cursor-color: #7c3aed}.docs-article .dmock-caret-sam{--cursor-color: #10b981}.docs-article .dmock-sel{background:color-mix(in oklab,var(--accent) 22%,transparent);border-radius:2px;padding:0 1px}.docs-article .dmock-callouts{position:relative;height:28px;margin-top:4px}.docs-article .dmock-callout{position:absolute;left:var(--at);top:0;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font-mono);font-size:10px;color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,var(--surface));border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);border-radius:999px;white-space:nowrap}.docs-article .dmock-callout:before{content:"";position:absolute;left:50%;bottom:100%;width:1px;height:8px;background:color-mix(in oklab,var(--accent) 40%,transparent)}.docs-article .dmock-slash-pop{position:relative;font-family:var(--font-mono);font-size:13px;padding:6px 0 240px;color:var(--text-secondary)}.docs-article .dmock-slash-prefix{color:var(--accent);font-weight:700}.docs-article .dmock-slash-menu-pos{position:absolute;top:32px;left:0}.docs-article .dmock-doc-line{font-size:13.5px;color:var(--text-primary);margin-bottom:4px}.docs-article .mslash{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px -8px color-mix(in oklab,var(--accent) 26%,transparent);padding:4px;min-width:240px;max-height:none}.docs-article .mslash-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;font-size:12px;color:var(--text-primary)}.docs-article .mslash-item.is-selected{background:var(--accent-light)}.docs-article .mslash-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;background:var(--bg-subtle);border:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.docs-article .mslash-item.is-selected .mslash-icon{background:color-mix(in oklab,var(--accent) 15%,var(--surface));border-color:var(--accent-border);color:var(--accent)}.docs-article .mslash-text{display:flex;flex-direction:column;line-height:1.25}.docs-article .mslash-title{font-weight:600;color:var(--text-primary)}.docs-article .mslash-desc{font-size:10.5px;color:var(--text-muted)}.docs-article .dmock-doc-sel-wrap{position:relative;padding-top:56px}.docs-article .dmock-bubble-pos,.docs-article .dmock-bubble-link-pos{position:absolute;top:12px;left:50%;transform:translate(-50%)}.docs-article .mbubble{display:inline-flex;align-items:center;gap:1px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 6px 18px -6px color-mix(in oklab,var(--accent) 24%,transparent)}.docs-article .mbubble-btn,.docs-article .mbubble-text{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;border:0;color:var(--text-secondary);font-size:9.5px;font-weight:600;cursor:default}.docs-article .mbubble-btn svg{width:9px;height:9px}.docs-article .mbubble-btn.is-active,.docs-article .mbubble-text.is-active{background:var(--accent-light);color:var(--accent-text)}.docs-article .mbubble-sep{width:1px;height:14px;background:var(--border);margin:0 3px}.docs-article .dmock-bubble-link{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 6px 18px -6px color-mix(in oklab,var(--accent) 24%,transparent)}.docs-article .dmock-bubble-link input{width:180px;padding:3px 8px;font-size:11px;background:var(--bg-subtle);border:0;border-radius:4px;color:var(--text-primary);outline:none}.docs-article .dmock-bubble-apply{padding:3px 10px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:600;border:0;border-radius:4px}.docs-article .dmock-bubble-cancel{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);border-radius:4px}.docs-article .dmock-bubble-cancel svg{width:9px;height:9px}.docs-article .dmock-img-wrap{position:relative;margin:16px 0}.docs-article .dmock-img-selected{display:flex;justify-content:center}.docs-article .dmock-img-placeholder{width:50%;aspect-ratio:16 / 9;background:var(--bg-subtle);border:2px solid var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.docs-article .dmock-img-placeholder svg{width:32px;height:32px}.docs-article .dmock-img-toolbar-pos{position:absolute;top:-12px;left:50%;transform:translate(-50%,-100%)}.docs-article .dmock-img-toolbar{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px -6px color-mix(in oklab,var(--accent) 24%,transparent);font-size:10.5px}.docs-article .dmock-img-group{display:inline-flex;gap:1px}.docs-article .dmock-img-group button{padding:3px 6px;background:transparent;border:0;color:var(--text-secondary);font-size:10.5px;border-radius:4px}.docs-article .dmock-img-group button.is-active{background:var(--accent-light);color:var(--accent);font-weight:600}.docs-article .dmock-img-sep{width:1px;height:14px;background:var(--border);margin:0 2px}.docs-article .dmock-img-trash{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);border-radius:4px}.docs-article .dmock-img-trash svg{width:10px;height:10px}.docs-article .dmock-editor-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12.5px;table-layout:fixed}.docs-article .dmock-editor-table th,.docs-article .dmock-editor-table td{border:1px solid var(--border);padding:6px 8px;text-align:left;vertical-align:top}.docs-article .dmock-editor-table th{background:var(--bg-subtle);font-weight:600}.docs-article .dmock-editor-table .dmock-cell-active{background:color-mix(in oklab,var(--accent) 12%,transparent)}.docs-article .dmock-editor-code{position:relative;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:14px 16px 12px;margin:8px 0;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--text-primary);overflow-x:auto}.docs-article .dmock-editor-code .dmock-code-lang{position:absolute;top:4px;right:8px;font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);text-transform:lowercase;letter-spacing:.04em}.docs-article .dmock-editor-code code{background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre}.docs-article .dmock-placeholder-h1,.docs-article .dmock-placeholder-p{color:var(--text-muted)}.docs-article .dmock-placeholder-h1{font-style:italic;font-weight:500}.docs-article .dmock-side-panel{display:flex;flex-direction:column;width:320px;max-width:100%;height:420px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px -10px color-mix(in oklab,var(--accent) 22%,transparent);overflow:hidden}.docs-article .dmock-side-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.docs-article .dmock-side-head .dmock-side-title{flex:1;font-size:12.5px;font-weight:600;color:var(--text-primary)}.docs-article .dmock-side-head .dmock-side-icon,.docs-article .dmock-side-head .dmock-ai-icon{display:inline-flex;width:14px;height:14px;color:var(--accent)}.docs-article .dmock-side-head .dmock-side-icon{color:var(--text-muted)}.docs-article .dmock-side-head .dmock-side-icon svg,.docs-article .dmock-side-head .dmock-ai-icon svg{width:14px;height:14px}.docs-article .dmock-side-clear{background:none;border:0;font-size:10.5px;color:var(--text-muted)}.docs-article .dmock-side-close{width:18px;height:18px;background:none;border:0;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.docs-article .dmock-side-close svg{width:10px;height:10px}.docs-article .dmock-ai-body{flex:1;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:8px}.docs-article .dmock-ai-diff-focus{justify-content:center}.docs-article .dmock-msg{max-width:86%;padding:6px 10px;border-radius:10px;font-size:11.5px;line-height:1.45}.docs-article .dmock-msg-user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:3px}.docs-article .dmock-msg-ai{align-self:flex-start;background:var(--bg-subtle);color:var(--text-primary);border-bottom-left-radius:3px}.docs-article .dmock-diff-card{border:1px solid var(--border);border-radius:6px;overflow:hidden;font-family:var(--font-mono);font-size:10.5px}.docs-article .dmock-diff-head{padding:4px 8px;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.docs-article .dmock-diff-rows{padding:2px 0;max-height:110px;overflow:hidden}.docs-article .dmock-diff-row{padding:1px 8px;white-space:pre-wrap;word-break:break-word;line-height:1.45}.docs-article .dmock-diff-row>span:first-child{display:inline-block;width:10px;color:var(--text-muted);user-select:none}.docs-article .dmock-diff-add{background:color-mix(in oklab,#10b981 14%,transparent);color:color-mix(in oklab,#047857 70%,var(--text-primary))}.docs-article .dmock-diff-rm{background:color-mix(in oklab,#ef4444 14%,transparent);color:color-mix(in oklab,#b91c1c 70%,var(--text-primary));text-decoration:line-through;opacity:.85}.docs-article .dmock-diff-ctx{color:var(--text-muted)}.docs-article .dmock-diff-actions{display:flex;gap:6px}.docs-article .dmock-btn-accept,.docs-article .dmock-btn-discard{flex:1;padding:5px 0;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;gap:4px}.docs-article .dmock-btn-accept{background:color-mix(in oklab,#10b981 18%,var(--surface));border-color:color-mix(in oklab,#10b981 35%,transparent);color:color-mix(in oklab,#047857 70%,var(--text-primary))}.docs-article .dmock-btn-discard{background:var(--bg-subtle);color:var(--text-secondary)}.docs-article .dmock-btn-accept svg,.docs-article .dmock-btn-discard svg{width:9px;height:9px}.docs-article .dmock-ai-input{border-top:1px solid var(--border);padding:8px 10px;display:flex;align-items:center;gap:6px;flex-shrink:0}.docs-article .dmock-ai-input input{flex:1;padding:5px 8px;font-size:11.5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;outline:none;color:var(--text-primary)}.docs-article .dmock-ai-send{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:0;border-radius:5px}.docs-article .dmock-ai-send svg{width:10px;height:10px}.docs-article .dmock-history-list{flex:1;list-style:none;margin:0;padding:6px 8px;overflow:hidden}.docs-article .dmock-history-list li{display:flex;align-items:flex-start;gap:8px;padding:6px;border-radius:6px;font-size:11px;line-height:1.4}.docs-article .dmock-history-list li.is-current{background:var(--accent-light)}.docs-article .dmock-history-dot{width:7px;height:7px;margin:4px 6px 0 4px;background:var(--accent);border-radius:50%;flex-shrink:0}.docs-article .dmock-history-icon{width:12px;height:12px;margin:2px 2px 0;color:var(--text-muted);flex-shrink:0}.docs-article .dmock-history-icon svg{width:11px;height:11px}.docs-article .dmock-history-icon-accent{color:var(--accent)}.docs-article .dmock-history-icon-share{color:var(--text-secondary)}.docs-article .dmock-history-label{font-size:11.5px;color:var(--text-primary);font-weight:500}.docs-article .dmock-history-list li.is-current .dmock-history-label{font-weight:600;color:var(--accent-text)}.docs-article .dmock-history-sub{font-size:10px;color:var(--text-muted)}.docs-article .dmock-history-diff-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-subtle)}.docs-article .dmock-history-diff-label{flex:1;font-size:11.5px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px}.docs-article .dmock-history-diff-label svg{width:11px;height:11px;color:var(--accent)}.docs-article .dmock-diff-restore,.docs-article .dmock-diff-exit{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid var(--border);display:inline-flex;align-items:center;gap:4px}.docs-article .dmock-diff-restore{background:var(--accent);color:#fff;border-color:var(--accent-border)}.docs-article .dmock-diff-exit{background:var(--surface);color:var(--text-secondary)}.docs-article .dmock-diff-restore svg,.docs-article .dmock-diff-exit svg{width:9px;height:9px}.docs-article .dmock-history-diff-body{padding:22px 32px 26px}.docs-article .dmock-share-dialog{width:380px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px -12px color-mix(in oklab,var(--accent) 30%,transparent);overflow:hidden}.docs-article .dmock-share-tabs{display:flex;border-bottom:1px solid var(--border);position:relative}.docs-article .dmock-share-tab{flex:1;padding:10px 0;background:none;border:0;font-size:12px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.docs-article .dmock-share-tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.docs-article .dmock-share-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--text-muted)}.docs-article .dmock-share-close svg{width:10px;height:10px}.docs-article .dmock-share-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;font-size:12px}.docs-article .dmock-share-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary)}.docs-article .dmock-share-url-row{display:flex;gap:6px}.docs-article .dmock-share-url-row input{flex:1;padding:6px 10px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:7px;font-size:11.5px;color:var(--text-secondary);outline:none}.docs-article .dmock-share-copy{padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:11.5px;color:var(--text-secondary);font-weight:500}.docs-article .dmock-share-expires{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-secondary)}.docs-article .dmock-share-expires-label{flex-shrink:0}.docs-article .dmock-share-date{padding:4px 8px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:5px;font-family:var(--font-mono);font-size:11px}.docs-article .dmock-share-clear{background:none;border:0;color:var(--text-muted);font-size:10.5px}.docs-article .dmock-share-hint{font-size:10.5px;color:var(--text-muted);margin:0}.docs-article .dmock-share-invite{display:flex;gap:6px;align-items:stretch}.docs-article .dmock-share-invite input[type=email]{flex:1;padding:6px 10px;font-size:11.5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:7px;outline:none;color:var(--text-primary)}.docs-article .dmock-share-level{display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-size:11.5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:7px;color:var(--text-secondary)}.docs-article .dmock-share-level .dmock-share-chev svg{width:8px;height:8px}.docs-article .dmock-share-add{padding:6px 12px;background:var(--accent);color:#fff;border:0;border-radius:7px;font-size:11.5px;font-weight:600}.docs-article .dmock-share-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.docs-article .dmock-share-list li{display:flex;align-items:center;gap:8px;padding:4px 0}.docs-article .dmock-share-who{flex:1;display:flex;flex-direction:column;line-height:1.2}.docs-article .dmock-share-who span{font-size:11.5px;color:var(--text-primary)}.docs-article .dmock-share-who small{font-size:10px;color:var(--text-muted)}.docs-article .dmock-share-role{padding:1px 7px;font-size:10px;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.docs-article .dmock-share-rm{background:none;border:0;font-size:10.5px;color:var(--text-muted)}.docs-article .dmock-share-pending .dmock-share-who small{color:var(--accent);font-weight:600}.docs-article .dmock-sidebar,.docs-article .dmock-shell-sidebar{width:240px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:10px 8px;font-size:12px;position:relative}.docs-article .dmock-sidebar-head{padding:0 4px 8px}.docs-article .dmock-libswitch-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:11.5px;font-weight:600}.docs-article .dmock-libswitch-chip>span:not(.dmock-avatar):not(.dmock-libswitch-icon):not(.dmock-libswitch-chev){flex:1;text-align:left}.docs-article .dmock-libswitch-icon{color:var(--accent);display:inline-flex}.docs-article .dmock-libswitch-icon svg{width:11px;height:11px}.docs-article .dmock-libswitch-chev{color:var(--text-muted);display:inline-flex}.docs-article .dmock-libswitch-chev svg{width:7px;height:7px}.docs-article .dmock-libswitch-dropdown{position:absolute;top:38px;left:8px;right:8px;background:var(--surface);border:1px solid var(--border);border-radius:7px;box-shadow:0 10px 24px -8px color-mix(in oklab,var(--accent) 26%,transparent);padding:4px;z-index:2}.docs-article .dmock-libswitch-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:5px;font-size:11.5px}.docs-article .dmock-libswitch-row.is-active{background:var(--accent-light);color:var(--accent-text)}.docs-article .dmock-libswitch-row>span:nth-child(2){flex:1}.docs-article .dmock-libswitch-tick{color:var(--accent);display:inline-flex}.docs-article .dmock-libswitch-tick svg{width:9px;height:9px}.docs-article .dmock-sidebar-section{font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:12px 4px 4px;padding:0}.docs-article .dmock-sidebar-list{list-style:none;margin:0;padding:0}.docs-article .dmock-row{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:11.5px;color:var(--text-primary);border-radius:4px;line-height:1.3}.docs-article .dmock-row.is-active{background:var(--accent-light);color:var(--accent);font-weight:600}.docs-article .dmock-row-chev{width:12px;display:inline-flex;color:var(--text-muted)}.docs-article .dmock-row-chev svg{width:7px;height:7px}.docs-article .dmock-row-icon{width:14px;display:inline-flex;align-items:center;color:var(--text-secondary)}.docs-article .dmock-row-icon svg{width:12px;height:12px}.docs-article .dmock-row.is-active .dmock-row-icon,.docs-article .dmock-pin-accent{color:var(--accent)}.docs-article .dmock-indent{padding-left:18px}.docs-article .dmock-indent-2{padding-left:36px}.docs-article .dmock-row-restricted .dmock-row-icon{color:var(--text-muted)}.docs-article .dmock-restricted-pill{padding:1px 6px;font-size:9.5px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.docs-article .dmock-row-pending{color:var(--text-muted);font-style:italic}.docs-article .dmock-shell{display:grid;grid-template-columns:240px 1fr;min-height:380px}.docs-article .dmock-shell-sidebar{border-radius:0;border-top:0;border-left:0;border-bottom:0;padding:12px 8px}.docs-article .dmock-shell-main{display:flex;flex-direction:column}.docs-article .dmock-shell-sidebar-foot{position:absolute;bottom:8px;left:8px;right:8px;display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:11.5px}.docs-article .dmock-shell-sidebar-foot>span:nth-child(2){flex:1}.docs-article .dmock-profile-menu{width:240px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 28px -8px color-mix(in oklab,var(--accent) 28%,transparent);padding:10px;margin:0 auto}.docs-article .dmock-profile-head{display:flex;align-items:center;gap:8px;padding:4px 4px 8px}.docs-article .dmock-profile-name{font-size:12px;font-weight:600;color:var(--text-primary)}.docs-article .dmock-profile-email{font-size:10.5px;color:var(--text-muted)}.docs-article .dmock-menu-sep{height:1px;background:var(--border);margin:4px -2px}.docs-article .dmock-menu-list{list-style:none;margin:0;padding:0}.docs-article .dmock-menu-list li{display:flex;align-items:center;gap:8px;padding:5px 6px;font-size:11.5px;color:var(--text-primary);border-radius:5px}.docs-article .dmock-menu-list li svg{width:11px;height:11px;color:var(--text-muted)}.docs-article .dmock-menu-orglabel{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:4px 6px 2px}.docs-article .dmock-menu-signout{color:var(--text-secondary)}.docs-article .dmock-search{width:100%;max-width:560px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 12px 28px -10px color-mix(in oklab,var(--accent) 22%,transparent)}.docs-article .dmock-search-input{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border)}.docs-article .dmock-search-icon{color:var(--text-muted)}.docs-article .dmock-search-icon svg{width:12px;height:12px}.docs-article .dmock-search-input input{flex:1;background:none;border:0;outline:none;font-size:13.5px;color:var(--text-primary)}.docs-article .dmock-search-list{list-style:none;margin:0;padding:6px}.docs-article .dmock-search-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:6px}.docs-article .dmock-search-list li .dmock-row-icon{margin-top:1px;color:var(--text-muted)}.docs-article .dmock-search-list li:first-child{background:var(--accent-light)}.docs-article .dmock-search-list li:first-child .dmock-row-icon{color:var(--accent)}.docs-article .dmock-search-title{font-size:12.5px;font-weight:600;color:var(--text-primary);display:flex;gap:6px;align-items:baseline}.docs-article .dmock-search-lib{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:0 5px}.docs-article .dmock-search-snippet{font-size:11.5px;color:var(--text-secondary);line-height:1.45;margin-top:2px}.docs-article .dmock-search-snippet mark{background:color-mix(in oklab,var(--accent) 28%,transparent);color:inherit;border-radius:2px;padding:0 2px}.docs-article .dmock-search-snippet em{font-style:normal;color:var(--text-muted)}.docs-article .dmock-palette{width:460px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px -12px color-mix(in oklab,var(--accent) 30%,transparent);overflow:hidden}.docs-article .dmock-palette-input{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.docs-article .dmock-palette-icon{color:var(--text-muted)}.docs-article .dmock-palette-icon svg{width:13px;height:13px}.docs-article .dmock-palette-input input{flex:1;background:none;border:0;outline:none;font-size:13.5px;color:var(--text-primary)}.docs-article .dmock-palette-section{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px 4px}.docs-article .dmock-palette-list{list-style:none;margin:0;padding:0 8px}.docs-article .dmock-palette-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:12px;color:var(--text-primary);border-radius:5px}.docs-article .dmock-palette-list li svg{width:11px;height:11px;color:var(--text-muted)}.docs-article .dmock-palette-list li.is-active{background:var(--accent-light);color:var(--accent)}.docs-article .dmock-palette-list li.is-active svg{color:var(--accent)}.docs-article .dmock-palette-foot{display:flex;gap:12px;padding:8px 14px;border-top:1px solid var(--border);background:var(--bg-subtle);font-size:10px;color:var(--text-muted)}.docs-article .dmock-palette-foot kbd{padding:0 5px;background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px;font-family:var(--font-mono);font-size:9.5px;margin-right:4px}.docs-article .dmock-settings{padding:22px 26px 26px;font-size:13px}.docs-article .dmock-settings-h1{font-size:18px;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.docs-article .dmock-settings-h2{font-size:15px;font-weight:600;margin:0 0 12px;color:var(--text-primary)}.docs-article .dmock-settings-hint{font-size:12px;color:var(--text-muted);margin:0 0 18px}.docs-article .dmock-settings-block{margin-top:16px}.docs-article .dmock-settings-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.docs-article .dmock-settings-row{display:flex;gap:16px;align-items:flex-start;margin-top:12px}.docs-article .dmock-avatar-block{position:relative;flex-shrink:0}.docs-article .dmock-avatar-upload{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;border:2px solid var(--surface);display:inline-flex;align-items:center;justify-content:center}.docs-article .dmock-avatar-upload svg{width:8px;height:8px}.docs-article .dmock-settings-fields{flex:1}.docs-article .dmock-settings-input-row{display:flex;gap:8px;align-items:center}.docs-article .dmock-settings-input-row input{flex:1;padding:6px 10px;font-size:12.5px;background:var(--surface);border:1px solid var(--border);border-radius:6px;outline:none;color:var(--text-primary)}.docs-article .dmock-btn-primary{padding:6px 14px;background:var(--accent);color:#fff;border:0;border-radius:6px;font-size:11.5px;font-weight:600}.docs-article .dmock-btn-ghost{padding:6px 14px;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:11.5px;font-weight:600}.docs-article .dmock-btn-danger{padding:6px 12px;background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:6px}.docs-article .dmock-btn-danger svg{width:9px;height:9px}.docs-article .dmock-link{background:none;border:0;color:var(--accent);font-size:11px;font-weight:600}.docs-article .dmock-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px}.docs-article .dmock-theme-swatch{display:flex;align-items:center;gap:8px;padding:7px 9px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer}.docs-article .dmock-theme-swatch.is-active{border-color:var(--accent);background:var(--accent-light)}.docs-article .dmock-theme-swatch>span{width:14px;height:14px;border-radius:50%;background:var(--sw);flex-shrink:0}.docs-article .dmock-theme-swatch>small{font-size:11px;font-weight:500;color:var(--text-primary)}.docs-article .dmock-radio-group{display:flex;flex-direction:column;gap:6px}.docs-article .dmock-radio-group label{display:grid;grid-template-columns:16px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:start;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);font-size:12px}.docs-article .dmock-radio-group label.is-active{border-color:var(--accent);background:var(--accent-light)}.docs-article .dmock-radio-group input{grid-row:1 / span 2;margin-top:2px;accent-color:var(--accent)}.docs-article .dmock-radio-group label span{font-weight:600;color:var(--text-primary)}.docs-article .dmock-radio-group label small{font-size:10.5px;color:var(--text-muted)}.docs-article .dmock-toggle-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:12px}.docs-article .dmock-toggle-row input{accent-color:var(--accent)}.docs-article .dmock-tag-input{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:7px}.docs-article .dmock-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;background:var(--accent-light);color:var(--accent-text);border-radius:999px;font-size:11px;font-weight:500}.docs-article .dmock-tag-x{width:14px;height:14px;background:none;border:0;color:var(--accent);display:inline-flex;align-items:center;justify-content:center}.docs-article .dmock-tag-x svg{width:7px;height:7px}.docs-article .dmock-tag-add{background:none;border:0;color:var(--text-muted);font-size:11px;font-weight:500;padding:3px 6px}.docs-article .dmock-sso-card{padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-top:10px}.docs-article .dmock-sso-card.is-disabled{opacity:.65}.docs-article .dmock-sso-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.docs-article .dmock-sso-title{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.docs-article .dmock-sso-status{font-size:10.5px;color:var(--text-muted);padding:1px 8px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px}.docs-article .dmock-sso-desc{font-size:11.5px;color:var(--text-secondary);margin:4px 0 10px}.docs-article .dmock-sso-fields{display:flex;flex-direction:column;gap:6px}.docs-article .dmock-sso-fields label{font-size:10.5px;color:var(--text-muted);display:flex;flex-direction:column;gap:4px}.docs-article .dmock-sso-fields input{padding:5px 10px;font-size:12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:5px;font-family:var(--font-mono);color:var(--text-muted)}.docs-article .dmock-login{width:340px;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px 22px;box-shadow:0 16px 40px -12px color-mix(in oklab,var(--accent) 30%,transparent);text-align:center}.docs-article .dmock-login-brand{font-size:14px;font-weight:700;color:var(--accent);margin-bottom:4px}.docs-article .dmock-login-h1{font-size:18px;font-weight:700;margin:0 0 18px;color:var(--text-primary)}.docs-article .dmock-google{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:12.5px;font-weight:500;color:var(--text-primary);margin-bottom:14px}.docs-article .dmock-login-or{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.docs-article .dmock-login-or:before,.docs-article .dmock-login-or:after{content:"";flex:1;height:1px;background:var(--border)}.docs-article .dmock-login-field{display:flex;flex-direction:column;gap:4px;text-align:left;margin-bottom:10px}.docs-article .dmock-login-field>span{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);font-weight:500}.docs-article .dmock-login-forgot{font-size:10.5px;color:var(--accent);font-weight:500;text-decoration:none}.docs-article .dmock-login-field input{padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:12.5px;outline:none;color:var(--text-primary)}.docs-article .dmock-login-submit{width:100%;margin:6px 0 12px;padding:8px 0;font-size:12.5px}.docs-article .dmock-login-foot{font-size:11px;color:var(--text-muted);margin:0}.docs-article .dmock-login-foot a{color:var(--accent);font-weight:600;text-decoration:none}.docs-article .dmock-org{padding:22px 26px 26px}.docs-article .dmock-org-head{display:flex;align-items:center;gap:14px;margin-bottom:22px}.docs-article .dmock-org-name{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.docs-article .dmock-org-meta{font-size:11.5px;color:var(--text-muted)}.docs-article .dmock-org-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.docs-article .dmock-org-card{padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.docs-article .dmock-org-card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.docs-article .dmock-org-card-head svg{width:12px;height:12px;color:var(--accent)}.docs-article .dmock-org-card-title{flex:1;font-size:12px;font-weight:600;color:var(--text-primary)}.docs-article .dmock-org-card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.docs-article .dmock-org-card-list li{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-primary)}.docs-article .dmock-org-card-list li>span:nth-child(2),.docs-article .dmock-org-card-list li>span:first-child:not(.dmock-avatar){flex:1}.docs-article .dmock-org-card-list li small{font-size:10px;color:var(--text-muted)}.docs-article .dmock-role{padding:1px 7px;font-size:9.5px;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.docs-article .dmock-role-owner{background:color-mix(in oklab,var(--accent) 18%,var(--surface));border-color:var(--accent-border);color:var(--accent)}.docs-article .dmock-role-admin{background:color-mix(in oklab,#fb923c 18%,var(--surface));border-color:color-mix(in oklab,#fb923c 32%,transparent);color:color-mix(in oklab,#c2410c 70%,var(--text-primary))}.docs-article .dmock-members-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.docs-article .dmock-members-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px}.docs-article .dmock-member-who{flex:1;display:flex;flex-direction:column;line-height:1.2}.docs-article .dmock-member-who span{font-size:12px;color:var(--text-primary);font-weight:500}.docs-article .dmock-member-who small{font-size:10px;color:var(--text-muted)}.docs-article .dmock-you{display:inline-block;margin-left:4px;padding:0 5px;background:var(--accent-light);color:var(--accent);font-size:9px;font-weight:700;border-radius:999px;vertical-align:middle;text-transform:uppercase}.docs-article .dmock-kebab{width:22px;height:22px;background:none;border:0;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.docs-article .dmock-kebab svg{width:11px;height:11px}.docs-article .dmock-groups-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.docs-article .dmock-group-card{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:center}.docs-article .dmock-group-avatars{display:inline-flex;margin-bottom:8px}.docs-article .dmock-group-avatars .dmock-avatar+.dmock-avatar{margin-left:-6px}.docs-article .dmock-group-name{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px}@media(max-width:720px){.docs-article .dmock-groups-grid{grid-template-columns:repeat(2,1fr)}.docs-article .dmock-org-cards{grid-template-columns:1fr}}.docs-article .dmock-audit{padding:22px 26px 26px}.docs-article .dmock-audit-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.docs-article .dmock-audit-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:10.5px;color:var(--text-secondary)}.docs-article .dmock-audit-chip.is-active{background:var(--accent-light);color:var(--accent);border-color:var(--accent-border);font-weight:600}.docs-article .dmock-audit-chip svg{width:9px;height:9px}.docs-article .dmock-audit-table{width:100%;border-collapse:collapse;font-size:11.5px}.docs-article .dmock-audit-table th,.docs-article .dmock-audit-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}.docs-article .dmock-audit-table th{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-subtle)}.docs-article .dmock-audit-icon{display:inline-flex;width:14px;height:14px;margin-right:6px;color:var(--text-muted);vertical-align:middle}.docs-article .dmock-audit-icon svg{width:11px;height:11px}.docs-article .dmock-audit-icon.dmock-audit-accent{color:var(--accent)}.docs-article .dmock-audit-table a{color:var(--accent);text-decoration:none;font-weight:500}.docs-article .dmock-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.docs-article .dmock-price-card{padding:16px 14px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column}.docs-article .dmock-price-card.is-featured{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 14%,transparent)}.docs-article .dmock-price-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.docs-article .dmock-price-amount{font-size:22px;font-weight:800;color:var(--text-primary);margin:4px 0 6px}.docs-article .dmock-price-amount span{font-size:11px;font-weight:400;color:var(--text-muted);margin-left:4px}.docs-article .dmock-price-tag{font-size:11px;color:var(--text-secondary);margin-bottom:10px;min-height:28px}.docs-article .dmock-price-features{list-style:none;margin:0 0 12px;padding:0;flex:1;display:flex;flex-direction:column;gap:4px}.docs-article .dmock-price-features li{font-size:11px;color:var(--text-primary);padding-left:14px;position:relative}.docs-article .dmock-price-features li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.5}@media(max-width:720px){.docs-article .dmock-pricing{grid-template-columns:1fr}}.docs-article .dmock-billing-empty{text-align:center;padding:36px 20px;color:var(--text-muted)}.docs-article .dmock-billing-icon{display:inline-flex;margin-bottom:8px}.docs-article .dmock-billing-icon svg{width:28px;height:28px;opacity:.5}.docs-article .dmock-billing-empty p{font-size:12px;margin:0}.docs-article .dmock-trash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.docs-article .dmock-trash-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.docs-article .dmock-trash-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:7px}.docs-article .dmock-trash-who{flex:1;display:flex;flex-direction:column;line-height:1.2}.docs-article .dmock-trash-who span{font-size:12px;color:var(--text-primary)}.docs-article .dmock-trash-who small{font-size:10px;color:var(--text-muted)}.docs-article .dmock-trash-restore,.docs-article .dmock-trash-delete{padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:11px;display:inline-flex;align-items:center;gap:4px;background:var(--surface);color:var(--text-secondary)}.docs-article .dmock-trash-restore{color:var(--accent);border-color:var(--accent-border)}.docs-article .dmock-trash-delete{color:color-mix(in oklab,#b91c1c 70%,var(--text-primary))}.docs-article .dmock-trash-restore svg,.docs-article .dmock-trash-delete svg{width:9px;height:9px}.docs-article .dmock-drop-stage{position:relative;height:220px;border-radius:8px;overflow:hidden}.docs-article .dmock-drop-app{display:grid;grid-template-columns:100px 1fr;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px}.docs-article .dmock-drop-sidebar{background:var(--bg-subtle);border-right:1px solid var(--border)}.docs-article .dmock-drop-main{background:var(--surface);background-image:linear-gradient(180deg,transparent 0%,transparent 100%),repeating-linear-gradient(0deg,var(--border) 0,var(--border) 1px,transparent 1px,transparent 20px);opacity:.5}.docs-article .dmock-drop-overlay{position:absolute;inset:0;background:color-mix(in oklab,var(--accent) 30%,transparent);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:2px dashed var(--accent);border-radius:8px;color:var(--accent-text)}.docs-article .dmock-drop-icon svg{width:32px;height:32px;color:var(--accent)}.docs-article .dmock-drop-text{font-size:12.5px;color:var(--accent);text-align:center}.docs-article .dmock-drop-file{position:absolute;top:32%;right:12%;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:11px;color:var(--text-primary);box-shadow:0 8px 22px -6px color-mix(in oklab,var(--accent) 30%,transparent);transform:rotate(-4deg)}.docs-article .dmock-drop-file svg{width:11px;height:11px;color:var(--text-muted)}.docs-article .dmock-import-stage{position:relative;display:grid;grid-template-columns:240px 1fr;min-height:200px}.docs-article .dmock-import-toast{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px -8px color-mix(in oklab,var(--accent) 30%,transparent);font-size:11.5px}.docs-article .dmock-import-toast strong{display:block;color:var(--text-primary);font-weight:600}.docs-article .dmock-import-toast small{color:var(--text-muted);font-size:10px}.docs-article .dmock-import-toast-icon svg{width:14px;height:14px;color:var(--accent)}.docs-article .dmock-spin{animation:dmock-spin 1.4s linear infinite;display:inline-flex}@keyframes dmock-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.docs-article .dmock-spin{animation:none}}.docs-article .dmock-compare{display:grid;grid-template-columns:1fr 16px 1fr;gap:6px;align-items:stretch}.docs-article .dmock-compare-pane{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:11px;line-height:1.45}.docs-article .dmock-compare-chrome{padding:5px 10px;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.docs-article .dmock-compare-body{padding:12px 14px;color:var(--text-primary)}.docs-article .dmock-compare-body h2{font-size:14px;margin:0 0 6px}.docs-article .dmock-compare-body h3{font-size:13px;margin:0 0 6px}.docs-article .dmock-compare-body p{margin:0 0 6px;font-size:11px;line-height:1.5}.docs-article .dmock-compare-body ul{margin:0 0 8px;padding-left:18px;font-size:11px}.docs-article .dmock-compare-body table{width:100%;border-collapse:collapse;font-size:10.5px;margin:6px 0}.docs-article .dmock-compare-body th,.docs-article .dmock-compare-body td{border:1px solid var(--border);padding:3px 6px}.docs-article .dmock-compare-body th{background:var(--bg-subtle);font-weight:600;text-align:left}.docs-article .dmock-compare-body pre{background:var(--bg-subtle);padding:8px 10px;border-radius:5px;font-family:var(--font-mono);font-size:10px;margin:6px 0;overflow-x:auto}.docs-article .dmock-compare-body code{font-family:var(--font-mono);background:none;border:0;padding:0}.docs-article .dmock-compare-arrow{align-self:center;color:var(--accent);display:inline-flex;justify-content:center}.docs-article .dmock-compare-arrow svg{width:14px;height:14px}.docs-article .dmock-compare-word .dmock-compare-chrome{background:#2b5797;color:#fff}.docs-article .dmock-compare-ai .dmock-compare-chrome{background:#0f172a;color:#fff}.docs-article .dmock-compare-web .dmock-compare-chrome{background:#e8e8e8;color:#333}.docs-article .dmock-compare-sweet .dmock-compare-chrome{background:color-mix(in oklab,var(--accent) 16%,var(--surface));color:var(--accent)}@media(max-width:640px){.docs-article .dmock-compare{grid-template-columns:1fr;grid-template-rows:auto auto auto}.docs-article .dmock-compare-arrow{transform:rotate(90deg)}}.docs-article .dmock-finder{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.docs-article .dmock-finder-chrome{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-subtle);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-secondary);font-weight:500}.docs-article .dmock-finder-traffic{display:inline-flex;gap:5px}.docs-article .dmock-finder-traffic span{width:10px;height:10px;border-radius:50%;background:var(--border)}.docs-article .dmock-finder-traffic span:nth-child(1){background:#ff5f57}.docs-article .dmock-finder-traffic span:nth-child(2){background:#ffbd2e}.docs-article .dmock-finder-traffic span:nth-child(3){background:#28c940}.docs-article .dmock-finder-body{display:grid;grid-template-columns:220px 1fr}.docs-article .dmock-finder-list{border-right:1px solid var(--border);padding:8px 0}.docs-article .dmock-finder-row{display:flex;align-items:center;gap:8px;padding:5px 14px;font-size:11.5px;color:var(--text-primary)}.docs-article .dmock-finder-row svg{width:11px;height:11px;color:var(--text-muted)}.docs-article .dmock-finder-row.is-active{background:var(--accent-light);color:var(--accent)}.docs-article .dmock-finder-row.is-active svg{color:var(--accent)}.docs-article .dmock-finder-preview{padding:14px 16px;background:var(--bg-subtle)}.docs-article .dmock-finder-preview pre{font-family:var(--font-mono);font-size:10.5px;line-height:1.45;margin:0;white-space:pre-wrap;color:var(--text-primary)}.docs-article .dmock-word{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.docs-article .dmock-word-chrome{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#2b5797;color:#fff;font-size:11px;font-weight:500}.docs-article .dmock-word-ribbon{display:flex;gap:14px;padding:6px 14px;background:#f3f3f3;border-bottom:1px solid #ddd;font-size:10.5px;color:#444}.docs-article .dmock-word-ribbon span:first-child{color:#2b5797;font-weight:600}.docs-article .dmock-word-page{padding:22px 32px;background:#fff;color:#222;font-family:Calibri,sans-serif;font-size:11px}.docs-article .dmock-word-h1{font-family:Calibri,sans-serif;font-size:18px;color:#2e74b5;margin:0 0 8px;font-weight:400}.docs-article .dmock-word-page p{font-size:11px;margin:0 0 8px;color:#222}.docs-article .dmock-word-page strong{font-weight:600}.docs-article .dmock-word-table{width:100%;border-collapse:collapse;margin:6px 0;font-size:10.5px}.docs-article .dmock-word-table th,.docs-article .dmock-word-table td{border:1px solid #999;padding:4px 6px}.docs-article .dmock-word-table th{background:#ddebf7;font-weight:600}.docs-article .dmock-word-img{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;margin:6px 0;background:#f4f4f4;border:1px solid #ccc;font-size:10px;color:#666;border-radius:2px}.docs-article .dmock-print{display:grid;grid-template-columns:220px 1fr;background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:360px}.docs-article .dmock-print-settings{padding:14px;border-right:1px solid var(--border);background:var(--bg-subtle);display:flex;flex-direction:column;gap:12px}.docs-article .dmock-print-head{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.docs-article .dmock-print-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.docs-article .dmock-print-select{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-size:11.5px;color:var(--text-primary)}.docs-article .dmock-print-select svg{width:8px;height:8px;color:var(--text-muted)}.docs-article .dmock-print-toggle{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.docs-article .dmock-print-toggle input{accent-color:var(--accent)}.docs-article .dmock-print-actions{display:flex;gap:8px;margin-top:auto}.docs-article .dmock-print-preview{padding:18px;background:var(--bg-subtle);display:flex;flex-direction:column;gap:10px;overflow:hidden}.docs-article .dmock-print-page{background:#fff;border:1px solid var(--border);padding:16px 20px;font-size:10px;color:#222;border-radius:2px;box-shadow:0 1px 3px #00000014}.docs-article .dmock-print-page h2{font-size:13px;color:#222;margin:0 0 6px}.docs-article .dmock-print-page p{font-size:9.5px;margin:0 0 6px;line-height:1.4}.docs-article .dmock-print-page ul{font-size:9.5px;margin:0 0 6px;padding-left:16px}.docs-article .dmock-print-page pre{font-family:var(--font-mono);background:#f6f8fa;padding:6px 8px;margin:4px 0;font-size:9px;border-radius:3px}@media(max-width:720px){.docs-article .dmock-print{grid-template-columns:1fr}}.docs-article .dmock-three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.docs-article .dmock-three-cell{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.docs-article .dmock-three-label{font-size:11px;font-weight:600;color:var(--accent)}.docs-article .dmock-three-label kbd{font-family:var(--font-mono);font-size:10px;background:var(--bg-subtle);border:1px solid var(--border);border-bottom-width:2px;border-radius:3px;padding:1px 5px;margin-right:4px;color:var(--text-secondary)}.docs-article .dmock-three-art{position:relative;background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;padding:10px;min-height:120px}.docs-article .dmock-three-doc{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:8px 10px;font-size:10.5px;line-height:1.4;color:var(--text-primary)}.docs-article .dmock-three-doc p{margin:0 0 4px;font-size:10.5px}.docs-article .dmock-three-img-inserted{width:100%;aspect-ratio:16 / 9;background:var(--bg-subtle);border-radius:3px;display:flex;align-items:center;justify-content:center;margin:4px 0}.docs-article .dmock-three-img-inserted svg{width:16px;height:16px;color:var(--text-muted)}.docs-article .dmock-three-file{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;font-size:9.5px;color:var(--text-secondary);transform:rotate(-4deg);box-shadow:0 4px 12px -2px color-mix(in oklab,var(--accent) 20%,transparent)}.docs-article .dmock-three-file svg{width:8px;height:8px}.docs-article .dmock-three-prompt{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-family:var(--font-mono);font-size:9.5px;color:var(--text-secondary);white-space:nowrap;box-shadow:0 4px 12px -2px color-mix(in oklab,var(--accent) 20%,transparent)}@media(max-width:720px){.docs-article .dmock-three-up{grid-template-columns:1fr}}.docs-article .dmock-toast-stage{position:relative;min-height:220px}.docs-article .dmock-toast-stage .dmock-img-large{aspect-ratio:16 / 9;max-width:360px;margin:8px auto}.docs-article .dmock-toast{position:absolute;bottom:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 22px -6px color-mix(in oklab,var(--accent) 26%,transparent);font-size:11.5px;color:var(--text-primary)}.docs-article .dmock-toast-icon{color:#10b981;display:inline-flex}.docs-article .dmock-toast-icon svg{width:11px;height:11px}.docs-article .mt-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--surface);height:40px}.docs-article .mt-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-right:6px;flex-shrink:0;max-width:36%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-article .mt-save-default,.docs-article .mt-save-anim{margin-left:auto;font-size:11px;color:var(--text-muted);flex-shrink:0;margin-right:6px}.docs-article .mt-shine{position:relative;display:inline-block;background-image:linear-gradient(110deg,var(--shine-base, var(--text-muted)) 30%,var(--shine-shine, var(--accent)) 50%,var(--shine-base, var(--text-muted)) 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dmock-shine 4s linear infinite}.docs-article .mt-shine-editing{--shine-base: color-mix(in srgb, var(--accent) 50%, transparent);--shine-shine: var(--accent);font-weight:500}@keyframes dmock-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.docs-article .mt-shine{animation:none}}.docs-article .mt-btn,.docs-article .mt-btn-export{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-secondary);flex-shrink:0;position:relative}.docs-article .mt-btn svg,.docs-article .mt-btn-export svg{width:11px;height:11px}.docs-article .mt-btn-mode{background:var(--accent-light);color:var(--accent-text)}.docs-article .mt-btn-export{width:auto;padding:0 6px;gap:3px;border-color:var(--border)}.docs-article .mt-btn-export .mt-export-icon svg{width:9px;height:9px}.docs-article .mt-btn-export .mt-export-chev svg{width:6px;height:6px}.docs-article .mt-btn-comment{position:relative}.docs-article .mt-badge{position:absolute;top:-3px;right:-3px;min-width:12px;height:12px;padding:0 3px;background:var(--accent);color:#fff;font-size:8px;font-weight:700;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.docs-article .mt-btn-ai{padding:0 8px;height:26px;background:var(--accent);color:#fff;border:0;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.docs-article .dmock-export-menu-wrap{position:relative;height:0}.docs-article .dmock-export-menu{position:absolute;top:4px;right:50px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px -6px color-mix(in oklab,var(--accent) 26%,transparent);padding:4px;min-width:160px;z-index:2}.docs-article .dmock-export-menu button{display:block;width:100%;padding:6px 10px;background:none;border:0;border-radius:4px;font-size:12px;color:var(--text-primary);text-align:left}.docs-article .dmock-export-menu button:hover{background:var(--bg-subtle)}.blog-hero{position:relative;isolation:isolate;padding:88px 0 56px;overflow:hidden;background:linear-gradient(180deg,var(--bg-cream, #fdfbf3) 0%,color-mix(in oklab,var(--accent) 4%,var(--bg-cream, #fdfbf3)) 100%)}.blog-hero .orbs{position:absolute;inset:0;z-index:-1;pointer-events:none;filter:blur(72px)}.blog-hero .orb{position:absolute;border-radius:50%;opacity:.45;will-change:transform}.blog-hero .orb.pink{width:460px;height:460px;background:var(--candy-pink);top:-30%;left:-8%;animation:blog-orb-a 26s ease-in-out infinite}.blog-hero .orb.yellow{width:380px;height:380px;background:var(--candy-yellow);top:-10%;right:-4%;animation:blog-orb-b 30s ease-in-out infinite}.blog-hero .orb.cyan{width:320px;height:320px;background:var(--candy-cyan);bottom:-40%;left:38%;animation:blog-orb-c 28s ease-in-out infinite}@keyframes blog-orb-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.05)}}@keyframes blog-orb-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.07)}}@keyframes blog-orb-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.04)}}@media(prefers-reduced-motion:reduce){.blog-hero .orb{animation:none!important}}.blog-hero:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(180deg,transparent 0%,var(--bg-cream, #fdfbf3) 100%);z-index:-1}.blog-hero-inner{max-width:780px;margin:0 auto;text-align:center;padding:0 24px}.blog-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-secondary);background:#ffffffbf;border:1px solid color-mix(in oklab,var(--accent) 20%,transparent);border-radius:999px;padding:7px 14px 7px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);margin:0 0 24px}.blog-hero .eyebrow .dots{display:inline-flex;gap:3px}.blog-hero .eyebrow .dots span{width:6px;height:6px;border-radius:50%}.blog-hero .eyebrow .dots span:nth-child(1){background:var(--candy-pink)}.blog-hero .eyebrow .dots span:nth-child(2){background:var(--candy-yellow)}.blog-hero .eyebrow .dots span:nth-child(3){background:var(--candy-cyan)}.blog-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.04;letter-spacing:-.025em;color:var(--text-primary);margin:0 0 14px}.blog-hero h1 em{font-style:italic;color:var(--accent);font-weight:600;position:relative;display:inline-block}.blog-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:8px;background:color-mix(in oklab,var(--accent) 28%,transparent);border-radius:4px;z-index:-1}.blog-hero-sub{font-size:17px;line-height:1.55;color:var(--text-secondary);margin:0 auto 32px;max-width:580px;text-wrap:balance}.blog-hero-search{max-width:520px;margin:0 auto;position:relative}.blog-hero-search .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.blog-hero-search input{width:100%;padding:16px 20px 16px 48px;font-family:var(--font-sans);font-size:15px;color:var(--text-primary);background:#ffffffeb;border:1px solid color-mix(in oklab,var(--accent) 18%,transparent);border-radius:999px;outline:none;box-shadow:0 1px #fffc inset,0 8px 24px -12px color-mix(in oklab,var(--accent) 40%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.blog-hero-search input::placeholder{color:var(--text-muted)}.blog-hero-search input:focus{border-color:var(--accent);box-shadow:0 1px #fffc inset,0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent),0 12px 28px -12px color-mix(in oklab,var(--accent) 50%,transparent)}.blog-chip-bar{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--bg-cream, #fdfbf3) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent)}.blog-chip-row{max-width:1120px;margin:0 auto;padding:10px 24px;display:flex;gap:6px;flex-wrap:wrap}.blog-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:999px;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.blog-chip:hover{color:var(--text-primary);background:color-mix(in oklab,var(--accent) 8%,transparent);text-decoration:none}.blog-chip.is-current{color:var(--accent);background:var(--accent-light);border-color:color-mix(in oklab,var(--accent) 25%,transparent);font-weight:600}.blog-chip .chip-count{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);background:color-mix(in oklab,var(--text-primary) 5%,transparent);padding:1px 6px;border-radius:999px}.blog-chip.is-current .chip-count{color:var(--accent-text);background:color-mix(in oklab,var(--accent) 18%,white)}.blog-body{max-width:1120px;margin:0 auto;padding:32px 24px 24px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-featured{--card-accent: var(--candy-pink);--card-accent-2: var(--candy-yellow);grid-column:span 2;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:0;background:var(--surface);border:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}@media(max-width:600px){.blog-featured{grid-template-columns:1fr;grid-column:span 1}}.blog-featured:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);opacity:.95;z-index:2}.blog-featured:hover{border-color:color-mix(in oklab,var(--card-accent) 30%,transparent);box-shadow:0 16px 32px -22px color-mix(in oklab,var(--card-accent) 50%,transparent);transform:translateY(-2px);text-decoration:none;color:inherit}.blog-featured .art{min-height:280px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,color-mix(in oklab,var(--card-accent) 60%,transparent),transparent 55%),radial-gradient(circle at 18% 82%,color-mix(in oklab,var(--card-accent-2) 55%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in oklab,var(--card-accent) 18%,white),color-mix(in oklab,var(--card-accent) 6%,white));border-right:1px solid color-mix(in oklab,var(--card-accent) 14%,transparent)}@media(max-width:600px){.blog-featured .art{border-right:none;border-bottom:1px solid color-mix(in oklab,var(--card-accent) 14%,transparent)}}.blog-featured .art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.45) 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.4;pointer-events:none}.blog-featured .art img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured .art .icon{position:absolute;bottom:22px;right:24px;display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:20px;color:color-mix(in oklab,var(--card-accent) 75%,var(--candy-navy, #1e1b4b));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px -10px color-mix(in oklab,var(--card-accent) 60%,transparent)}.blog-featured .art .icon svg{width:38px;height:38px}.blog-featured .body{padding:32px 36px;display:flex;flex-direction:column;justify-content:center}.blog-featured .meta{display:flex;align-items:center;gap:10px;margin:0}.blog-featured .tag{font-size:11px;font-weight:700;color:color-mix(in oklab,var(--card-accent) 70%,var(--candy-navy, #1e1b4b));text-transform:uppercase;letter-spacing:.06em}.blog-featured .date{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);margin-left:auto}.blog-featured h2{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance;color:var(--text-primary)}.blog-featured p{font-size:15px;line-height:1.55;color:var(--text-secondary);margin:0;text-wrap:pretty}.blog-rss-promo{position:relative;background:repeating-linear-gradient(135deg,#fff 0 22px,color-mix(in oklab,var(--candy-pink) 8%,white) 22px 44px);border:1px solid color-mix(in oklab,var(--candy-pink) 25%,white);border-radius:14px;padding:30px 32px;display:flex;flex-direction:column;overflow:hidden;transform:rotate(-.3deg);box-shadow:0 1px 2px #00000008,0 18px 40px -24px #ed4d9266}.blog-rss-promo .rss-stamp{position:absolute;top:-18px;right:-14px;width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7eb1,var(--candy-pink) 70%);display:inline-flex;align-items:center;justify-content:center;color:#fff;transform:rotate(8deg);box-shadow:inset 0 -6px 10px #0000002e,inset 0 5px 8px #ffffff73,0 10px 26px -8px #1343804d;z-index:2}.blog-rss-promo .rss-stamp:after{content:"";position:absolute;top:14%;left:22%;width:26%;height:18%;background:#ffffff8c;border-radius:50%;filter:blur(2px);transform:rotate(-22deg)}.blog-rss-promo .rss-stamp svg{width:28px;height:28px}.blog-rss-promo .tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--candy-pink);background:#ffffffb3;border:1px solid color-mix(in oklab,var(--candy-pink) 30%,white);border-radius:999px;padding:4px 12px;margin:0 0 12px;position:relative;z-index:2}.blog-rss-promo h3{font-family:var(--font-sans);font-weight:800;font-size:clamp(24px,2vw,30px);line-height:1.05;letter-spacing:-.025em;margin:0 0 12px;color:var(--text-primary);text-wrap:balance;position:relative;z-index:2}.blog-rss-promo h3 em{font-style:italic;color:var(--candy-pink);font-weight:800;position:relative;display:inline-block}.blog-rss-promo h3 em:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:8px;background:var(--candy-yellow);border-radius:999px;z-index:-1;transform:skew(-6deg)}.blog-rss-promo p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0 0 18px;max-width:28ch;text-wrap:pretty;position:relative;z-index:2}.blog-rss-promo .signup-form{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;position:relative;z-index:2}.blog-rss-promo .signup-form input{flex:1;min-width:0;padding:11px 14px;background:#fff;border:1px solid color-mix(in oklab,var(--candy-navy) 18%,white);border-radius:10px;font:inherit;font-size:14px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.blog-rss-promo .signup-form input::placeholder{color:var(--text-muted)}.blog-rss-promo .signup-form input:focus{outline:none;border-color:var(--candy-pink);box-shadow:0 0 0 3px color-mix(in oklab,var(--candy-pink) 18%,transparent)}.blog-rss-promo .signup-form button{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border:none;border-radius:10px;background:var(--candy-pink);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 -3px 6px #0000001f,inset 0 2px 4px #ffffff47,0 8px 20px -6px #ed4d9280;transition:transform .15s ease}.blog-rss-promo .signup-form button:hover{transform:translateY(-1px)}.blog-rss-promo .signup-form button .arrow{transition:transform .15s ease}.blog-rss-promo .signup-form button:hover .arrow{transform:translate(2px)}.blog-rss-promo .signup-form.is-sweet button{background:var(--success-text, #047857)}.blog-rss-promo .signup-fine{font-size:12.5px;color:var(--text-secondary);margin:0;position:relative;z-index:2}.blog-rss-promo .signup-fine a{color:var(--candy-pink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--candy-pink) 30%,transparent);text-underline-offset:2px;font-weight:600}.blog-rss-promo .signup-fine a:hover{text-decoration-color:var(--candy-pink);color:var(--candy-pink)}.blog-rss-promo .lollipop{position:absolute;right:-42px;bottom:-52px;width:168px;height:auto;opacity:.85;transform:rotate(-14deg);pointer-events:none;z-index:1}@media(max-width:800px){.blog-rss-promo .lollipop{width:140px;right:-32px;bottom:-42px}}.blog-card{--card-accent: var(--candy-cyan);--card-accent-2: var(--candy-pink);position:relative;display:flex;flex-direction:column;padding:0;background:var(--surface);border:1px solid color-mix(in oklab,var(--text-primary) 8%,transparent);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.blog-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent);opacity:.9;z-index:2}.blog-card:hover{border-color:color-mix(in oklab,var(--card-accent) 30%,transparent);box-shadow:0 16px 32px -22px color-mix(in oklab,var(--card-accent) 50%,transparent);transform:translateY(-2px);text-decoration:none;color:inherit}.blog-card:nth-of-type(4n+1){--card-accent: var(--candy-pink);--card-accent-2: var(--candy-yellow)}.blog-card:nth-of-type(4n+2){--card-accent: var(--candy-yellow);--card-accent-2: var(--candy-cyan)}.blog-card:nth-of-type(4n+3){--card-accent: var(--candy-cyan);--card-accent-2: var(--candy-pink)}.blog-card:nth-of-type(4n+4){--card-accent: var(--accent);--card-accent-2: var(--candy-yellow)}.blog-card .art{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,color-mix(in oklab,var(--card-accent) 60%,transparent),transparent 55%),radial-gradient(circle at 18% 82%,color-mix(in oklab,var(--card-accent-2) 55%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in oklab,var(--card-accent) 18%,white),color-mix(in oklab,var(--card-accent) 6%,white));border-bottom:1px solid color-mix(in oklab,var(--card-accent) 14%,transparent)}.blog-card .art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.45) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.4;pointer-events:none}.blog-card .art img{width:100%;height:100%;object-fit:cover;display:block}.blog-card .art .icon{position:absolute;bottom:18px;right:18px;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:18px;color:color-mix(in oklab,var(--card-accent) 75%,var(--candy-navy, #1e1b4b));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 22px -10px color-mix(in oklab,var(--card-accent) 60%,transparent)}.blog-card .art .icon svg{width:30px;height:30px}.blog-card .body{padding:18px 22px 24px}.blog-card .meta{display:flex;align-items:center;gap:10px;margin:0 0 10px}.blog-card .tag{font-size:10.5px;font-weight:700;color:color-mix(in oklab,var(--card-accent) 70%,var(--candy-navy, #1e1b4b));text-transform:uppercase;letter-spacing:.05em}.blog-card .date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-left:auto}.blog-card h3{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em;line-height:1.25;text-wrap:balance;color:var(--text-primary)}.blog-card p{font-size:13.5px;line-height:1.5;color:var(--text-secondary);margin:0;text-wrap:pretty}.blog-card[hidden],.blog-featured[hidden]{display:none}.blog-empty{text-align:center;padding:64px 24px;color:var(--text-muted);font-size:14px}.blog-empty strong{display:block;margin-bottom:6px;color:var(--text-primary);font-size:16px;font-weight:600}.blog-bottom-signup{position:relative;max-width:1120px;margin:48px auto;padding:56px 56px 60px;background:repeating-linear-gradient(135deg,#fff 0 22px,color-mix(in oklab,var(--candy-pink) 8%,white) 22px 44px);border:1px solid color-mix(in oklab,var(--candy-pink) 25%,white);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #00000008,0 22px 50px -28px #ed4d9266}.blog-bottom-signup .inner{position:relative;z-index:2;max-width:560px}.blog-bottom-signup .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--candy-pink);background:#ffffffb3;border:1px solid color-mix(in oklab,var(--candy-pink) 30%,white);border-radius:999px;padding:4px 12px;margin:0 0 16px}.blog-bottom-signup h2{font-family:var(--font-sans);font-weight:800;font-size:clamp(36px,4vw,52px);line-height:1.02;letter-spacing:-.03em;margin:0 0 16px;color:var(--text-primary);text-wrap:balance}.blog-bottom-signup h2 em{font-style:italic;color:var(--candy-pink);font-weight:800;position:relative;display:inline-block}.blog-bottom-signup h2 em:after{content:"";position:absolute;left:4%;right:4%;bottom:-2px;height:10px;background:var(--candy-yellow);border-radius:999px;z-index:-1;transform:skew(-6deg)}.blog-bottom-signup p{font-size:16px;line-height:1.55;color:var(--text-secondary);margin:0 0 22px;text-wrap:pretty}.blog-bottom-signup .signup-form{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px;max-width:460px}.blog-bottom-signup .signup-form input{flex:1;min-width:220px;padding:13px 16px;background:#fff;border:1px solid color-mix(in oklab,var(--candy-navy) 18%,white);border-radius:10px;font:inherit;font-size:15px;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.blog-bottom-signup .signup-form input::placeholder{color:var(--text-muted)}.blog-bottom-signup .signup-form input:focus{outline:none;border-color:var(--candy-pink);box-shadow:0 0 0 3px color-mix(in oklab,var(--candy-pink) 18%,transparent)}.blog-bottom-signup .signup-form button{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border:none;border-radius:10px;background:var(--candy-pink);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:inset 0 -3px 6px #0000001f,inset 0 2px 4px #ffffff47,0 10px 24px -8px #ed4d9280;transition:transform .15s ease}.blog-bottom-signup .signup-form button:hover{transform:translateY(-1px)}.blog-bottom-signup .signup-form button .arrow{transition:transform .15s ease}.blog-bottom-signup .signup-form button:hover .arrow{transform:translate(2px)}.blog-bottom-signup .signup-form.is-sweet button{background:var(--success-text, #047857)}.blog-bottom-signup .signup-fine{font-size:13px;color:var(--text-secondary);margin:0}.blog-bottom-signup .signup-fine a{color:var(--candy-pink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--candy-pink) 30%,transparent);text-underline-offset:2px;font-weight:600}.blog-bottom-signup .signup-fine a:hover{text-decoration-color:var(--candy-pink);color:var(--candy-pink)}.blog-bottom-signup .lollipop{position:absolute;right:-50px;bottom:-80px;width:280px;height:auto;opacity:.9;transform:rotate(-12deg);pointer-events:none;z-index:1}@media(max-width:1100px){.blog-bottom-signup{margin:48px 24px}}@media(max-width:800px){.blog-bottom-signup{padding:40px 32px 48px;margin:32px 24px 48px}.blog-bottom-signup .lollipop{width:200px;right:-40px;bottom:-60px}}@media(max-width:600px){.blog-bottom-signup{padding:32px 24px 40px;margin:24px 16px 32px}.blog-bottom-signup .lollipop{display:none}}.demo-org{grid-template-columns:200px 1fr 260px}.demo-audit{background:var(--surface);border-left:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:8px}.demo-audit-head{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border)}.audit-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center}.audit-actor{width:22px;height:22px;border-radius:999px;color:#fff;font-size:9px;font-weight:600;display:flex;align-items:center;justify-content:center}.audit-text{font-size:11px;color:var(--text-secondary);line-height:1.4}.audit-text strong{color:var(--text-primary);font-weight:600}.audit-text em{color:var(--accent-text);font-style:normal}.audit-text code{font-family:var(--font-mono);font-size:10px;background:var(--bg-subtle);padding:0 4px;border-radius:3px;border:1px solid var(--border);color:var(--text-secondary)}.audit-time{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.value-stack{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.value-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.value-row.sd{background:var(--accent);border-color:var(--accent);color:#fff}.value-row.them{opacity:1}.value-tool{display:flex;align-items:center;gap:14px}.value-tool img{display:block}.value-mark{width:32px;height:32px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:16px;font-weight:700}.value-name{font-size:16px;font-weight:600;color:var(--text-primary)}.value-row.sd .value-name{color:#fff}.value-built{font-size:12px;color:var(--text-muted);margin-top:2px}.value-row.sd .value-built{color:#ffffffbf}.value-price{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;text-align:right}.value-num{font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.value-row.sd .value-num{color:#fff}.value-unit{font-size:11px;line-height:1.3;color:var(--text-muted);text-align:left}.value-row.sd .value-unit{color:#ffffffbf}.value-unit strong{color:var(--text-primary);font-weight:600}.value-row.sd .value-unit strong{color:#fff}.value-divider{text-align:center;padding:4px 0;position:relative}.value-divider span{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg);padding:0 10px;position:relative;z-index:1}.value-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.value-footnote{margin:16px auto 0;font-size:12px;color:var(--text-muted);text-align:center;max-width:600px;text-wrap:pretty}.value-footnote strong{color:var(--text-primary);font-weight:600}@media(max-width:980px){.demo-org{grid-template-columns:1fr}.demo-org .demo-side,.demo-org .demo-audit{border:none;border-bottom:1px solid var(--border)}}*,*:before,*:after{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}