.split-layout{grid-template-columns:1fr 1.4fr;align-items:start;gap:80px;display:grid}.split-sticky{position:sticky;top:96px}.split-wordmark{letter-spacing:-.04em;color:var(--color-text);margin-bottom:18px;font-size:clamp(34px,4vw,48px);font-weight:600;line-height:1.05;display:block}.split-title{letter-spacing:-.02em;color:var(--color-text);margin-bottom:16px;font-size:21px;font-weight:600;line-height:1.35}.split-lead{color:var(--color-text-secondary);font-size:16px;line-height:1.7}.split-toc{border-left:1px solid var(--color-border-light);flex-direction:column;margin-top:36px;display:flex}.split-toc__item{color:var(--color-text-muted);transition:color var(--transition), border-color var(--transition);border-left:2px solid #0000;margin-left:-1px;padding:9px 0 9px 18px;font-size:14px;line-height:1.5;text-decoration:none;display:block;position:relative}.split-toc__item:hover{color:var(--color-text)}.split-toc__item.is-active{color:var(--color-text);border-left-color:var(--color-primary);font-weight:600}.split-detail .capability-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}@media (width<=900px){.split-detail .capability-grid{grid-template-columns:1fr}}.detail-block{margin-bottom:48px}.detail-block:last-child{margin-bottom:0}.detail-heading{letter-spacing:-.02em;border-bottom:1px solid var(--color-border-light);margin-bottom:12px;padding-bottom:12px;font-size:18px;font-weight:600}.detail-summary{color:var(--color-text);margin-bottom:12px;font-size:15px;font-weight:600;line-height:1.6}.detail-block p{color:var(--color-text-secondary);max-width:620px;font-size:15px;line-height:1.75}.detail-list{margin:0;padding:0;list-style:none}.detail-list li{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);max-width:620px;padding:10px 0;font-size:14px;line-height:1.65}.detail-list li:last-child{border-bottom:none}.detail-list li strong{color:var(--color-text)}.detail-list--compact li{padding:7px 0}.section-cta{border-top:1px solid var(--color-border-light);margin-top:40px;padding-top:32px}.inline-cta{color:var(--color-primary);transition:color var(--transition);font-size:15px;font-weight:600;text-decoration:none}.inline-cta:hover{color:var(--color-primary-dark)}.capability-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:64px;display:grid}.capability-card{background:var(--surface-01);border:1px solid var(--stroke-subtle);border-radius:var(--r-lg);padding:var(--sp-6);transition:transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease)}.capability-card:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--stroke-main) 80%, var(--ink) 12%);transform:translateY(-2px)}.capability-heading{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:var(--fw-heading);letter-spacing:-.016em;margin-bottom:var(--sp-2)}.capability-summary{color:var(--color-text);margin-bottom:18px;font-size:15px;font-weight:600;line-height:1.55}.capability-list{margin:0;padding:0;list-style:none}.capability-list li{font-size:var(--fs-sm);color:var(--text-secondary);padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-bottom:1px solid var(--stroke-subtle);line-height:1.55;position:relative}.capability-list li:before{content:"→";font-family:var(--font-mono);color:var(--accent);opacity:.55;font-size:12px;line-height:1.55;position:absolute;top:7px;left:0}.capability-list li:last-child{border-bottom:none}.openui-showcase{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:.95fr 1.05fr;align-items:center;gap:48px;margin-top:88px;margin-bottom:56px;padding:48px;display:grid}.openui-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin-bottom:14px;font-size:12px;font-weight:600;display:inline-block}.openui-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(22px,2.6vw,28px);font-weight:600;line-height:1.2}.openui-lead{color:var(--color-text-secondary);margin-bottom:20px;font-size:15px;line-height:1.7}.openui-tags{grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.openui-tags li{color:var(--color-text);padding-left:16px;font-size:13px;position:relative}.openui-tags li:before{content:"";background:var(--color-primary);opacity:.55;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.mock-chat{background:color-mix(in srgb, var(--color-white) 96%, var(--color-primary-subtle));border:1px solid var(--color-border-light);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:22px;display:flex}.mock-bubble{border-radius:8px;max-width:92%;padding:14px 16px;font-size:13.5px;line-height:1.55}.mock-bubble--user{background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:6px;align-self:flex-end}.mock-bubble--agent{background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);box-shadow:none;border-bottom-left-radius:6px;align-self:flex-start}.mock-text{color:var(--color-text);margin-bottom:12px;font-size:13.5px;font-weight:500}.mock-chart{background:color-mix(in srgb, var(--color-white) 70%, var(--color-primary-subtle));border-radius:10px;grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;height:132px;padding:8px 4px;display:grid}.mock-bar{height:var(--h);background:var(--color-primary);opacity:.88;border-radius:4px 4px 2px 2px;position:relative}.mock-bar:after{content:attr(data-label);color:var(--color-text-muted);letter-spacing:-.01em;white-space:nowrap;font-size:10px;font-weight:600;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.mock-cite{color:var(--color-text-muted);letter-spacing:-.005em;margin-top:24px;font-size:11px}.vignette{margin-top:var(--sp-14);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background-image:linear-gradient(#0c122206 1px,#0000 1px),linear-gradient(90deg,#0c122206 1px,#0000 1px);background-position:0 0;background-size:48px 48px;width:100%;padding:36px 40px;box-shadow:0 1px 2px #0c12220a,0 12px 32px -16px #757dda2e}.vignette-label{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase;color:#121016;background:var(--chip);border-radius:var(--r-sm);margin-bottom:14px;padding:4px 10px;display:inline-block;box-shadow:0 4px 10px -4px #757dda73}.vignette p{color:var(--color-text);margin:0;font-size:15px;line-height:1.7}.vignette em{color:var(--color-text);background:var(--chip-soft);border-radius:4px;padding:1px 6px;font-style:italic}.anchor-section{scroll-margin-top:88px}@media (width<=900px){.product-detail .split-layout{gap:var(--sp-10);grid-template-columns:1fr}.product-detail .split-sticky{position:static;top:auto}.product-detail .split-toc{display:none}}@media (width<=768px){.product-detail .split-layout{gap:var(--sp-8)}.product-detail .openui-showcase{grid-template-columns:1fr}.product-detail .vignette{padding:var(--sp-6)}}.showcase-grid[data-astro-cid-mdseczbj]{gap:var(--sp-16);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.showcase-copy[data-astro-cid-mdseczbj]{gap:var(--sp-3);flex-direction:column;display:flex}.showcase-title[data-astro-cid-mdseczbj]{font-size:var(--fs-4xl);line-height:var(--lh-4xl);max-width:16ch}.showcase-points[data-astro-cid-mdseczbj]{margin:var(--sp-3) 0 0;gap:var(--sp-3);padding:0;list-style:none;display:grid}.showcase-points[data-astro-cid-mdseczbj] li[data-astro-cid-mdseczbj]{padding-left:var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.5;position:relative}.showcase-points[data-astro-cid-mdseczbj] li[data-astro-cid-mdseczbj]:before{content:"→";font-family:var(--font-mono);color:var(--accent);font-size:12px;position:absolute;top:0;left:0}.showcase-visual[data-astro-cid-mdseczbj]{border-radius:var(--r-lg);height:340px;position:relative}@media (width<=1024px){.showcase-grid[data-astro-cid-mdseczbj]{gap:var(--sp-10)}.showcase-visual[data-astro-cid-mdseczbj]{height:320px}}@media (width<=900px){.showcase-grid[data-astro-cid-mdseczbj]{gap:var(--sp-8);grid-template-columns:1fr}.showcase-title[data-astro-cid-mdseczbj]{max-width:none}.showcase-visual[data-astro-cid-mdseczbj]{height:300px}}