@layer components{.home{--page-accent: var(--color-accent-warm);--page-accent-dim: var(--color-accent-warm-dim);--home-section-max-width: 1080px;--home-content-narrow: 640px;--home-narrow-text-max-width: 560px;--home-body-text-max-width: 520px;--home-mcp-description-max-width: 400px;--home-faq-max-width: 800px;--home-hero-glow-width: 600px;--home-hero-glow-height: 400px;--home-hero-title-size-mobile: clamp(var(--font-size-4xl), 7vw, var(--font-size-5xl));--home-section-title-size: clamp(var(--font-size-2xl), 4vw, var(--font-size-4xl));--home-faq-icon-size: var(--spacing-5);--home-faq-gap-desktop: var(--spacing-24);--home-mcp-bg: var(--marketing-surface-deep, #0a0a0a);--home-mock-ui-width: 280px;--home-mock-ui-dot-size: 6px;--home-mock-ui-bar-gap: 3px;--home-mock-ui-bar-height: var(--spacing-12);--home-mock-ui-metric-label-size: 9px;--home-mock-ui-metric-label-gap: 2px}.home__hero{position:relative;background-color:var(--marketing-surface-elevated, var(--color-swiss-black));color:var(--marketing-text-warm, var(--color-white));padding-block:var(--spacing-20) var(--spacing-16);overflow:hidden;text-align:center}.home__hero:before{content:"";position:absolute;inset-block-start:-5rem;inset-inline-start:50%;transform:translate(-50%);width:var(--home-hero-glow-width);height:var(--home-hero-glow-height);background:radial-gradient(ellipse,rgb(173 210 209 / .05) 0%,transparent 65%);pointer-events:none}@media(min-width:900px){.home__hero{padding-block:var(--spacing-24)}}.home__hero-inner{position:relative;display:grid;justify-items:center;gap:var(--spacing-6)}.home__hero-title{max-width:var(--home-content-narrow);font-size:var(--home-hero-title-size-mobile);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);text-wrap:balance}.home__hero-title-accent{color:var(--color-accent-warm);font-style:normal}.home__hero-subtitle{max-width:var(--home-body-text-max-width);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--marketing-text-muted, var(--color-text-subdued));text-wrap:pretty}.home__hero-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:center}.home__qr-button{display:none}@media(min-width:900px){.home__qr-button{display:grid}}.home__compatibility-bar{background-color:var(--marketing-surface-elevated, var(--color-swiss-black));padding-block-end:var(--spacing-12)}.home__compatibility-card{max-width:var(--home-section-max-width);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);flex-wrap:wrap;border:1px solid var(--marketing-border, var(--color-alpha-white-100));border-radius:var(--radius-xl);background-color:var(--marketing-surface-elevated, var(--color-surface-raised));padding:var(--spacing-6) var(--spacing-8)}@media(min-width:900px){.home__compatibility-card{gap:var(--spacing-10);padding:var(--spacing-6) var(--spacing-10)}}.home__capabilities{background-color:var(--marketing-surface-deep, var(--color-swiss-black));color:var(--marketing-text-warm, var(--color-white));padding-block:var(--spacing-20)}@media(min-width:900px){.home__capabilities{padding-block:var(--spacing-24)}}.home__capabilities-content{max-width:var(--home-section-max-width);margin-inline:auto}.home__capabilities-header{text-align:center;padding-block-end:var(--spacing-12);display:grid;justify-items:center;gap:var(--spacing-4)}.home__capabilities-title{max-width:var(--home-narrow-text-max-width);font-size:var(--home-section-title-size);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);color:var(--marketing-text-warm, var(--color-text))}.home__capabilities-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media(min-width:600px){.home__capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.home__capabilities-card--full-width{grid-column:span 2}}.home__cap-icon-text{font-size:var(--font-size-lg);line-height:var(--line-height-none)}.home__showcase-context,.home__showcase-agency,.home__showcase-thesis{background-color:var(--marketing-surface-deep, var(--color-swiss-black));color:var(--marketing-text-warm, var(--color-white));padding-block:var(--spacing-4)}.home__showcase-content{max-width:var(--home-section-max-width);margin-inline:auto}.home__mcp-callout{background-color:var(--marketing-surface-deep, var(--color-swiss-black));color:var(--marketing-text-warm, var(--color-white));padding-block:var(--spacing-16)}@media(min-width:900px){.home__mcp-callout{padding-block:var(--spacing-24)}}.home__mcp-card{max-width:var(--home-section-max-width);margin-inline:auto;display:grid;grid-template-columns:1fr;gap:var(--spacing-8);border:1px solid var(--marketing-border, var(--color-alpha-white-100));border-radius:var(--radius-2xl);background-color:var(--marketing-surface-elevated, var(--color-surface-raised));padding:var(--spacing-10) var(--spacing-6);align-items:center}@media(min-width:750px){.home__mcp-card{padding:var(--spacing-12)}}@media(min-width:900px){.home__mcp-card{grid-template-columns:1fr 1fr;gap:var(--spacing-12);padding:var(--spacing-12)}}.home__mcp-text{display:grid;gap:var(--spacing-4)}.home__mcp-title{font-size:clamp(var(--font-size-xl),3vw,var(--font-size-2xl));font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);color:var(--marketing-text-warm, var(--color-text))}.home__mcp-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--marketing-text-muted, var(--color-text-subdued));max-width:var(--home-mcp-description-max-width);text-wrap:pretty}.home__mcp-cta{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-accent-warm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;min-block-size:var(--spacing-12);transition:opacity var(--transition-fast)}.home__mcp-cta:hover{text-decoration:none;opacity:.88}.home__mcp-cta:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.home__mcp-visual{overflow:hidden;border-radius:var(--radius-xl)}.home__mcp-code{background-color:var(--home-mcp-bg);border:1px solid var(--marketing-border, var(--color-alpha-white-100));border-radius:var(--radius-xl);padding:var(--spacing-6);font-size:var(--font-size-2xs);line-height:var(--line-height-relaxed);color:var(--marketing-text-dim, var(--color-alpha-white-400));overflow-x:auto;white-space:pre}.home__mcp-code-bracket{color:var(--marketing-text-muted, var(--color-text-subdued))}.home__mcp-code-key{color:var(--color-accent-warm)}.home__mcp-code-value{color:var(--color-accent-green)}.home__mcp-code-comment{color:var(--marketing-text-muted, var(--color-text-subdued))}.home__mcp-code-tool{color:var(--color-accent-warm)}.home__trust{background-color:var(--marketing-surface-elevated, var(--color-swiss-black));color:var(--marketing-text-warm, var(--color-white));padding-block:var(--spacing-20)}@media(min-width:900px){.home__trust{padding-block:var(--spacing-24)}}.home__trust-content{max-width:var(--home-section-max-width);margin-inline:auto}.home__trust-header{text-align:center;padding-block-end:var(--spacing-12);display:grid;justify-items:center;gap:var(--spacing-4)}.home__trust-title{max-width:var(--home-narrow-text-max-width);font-size:var(--home-section-title-size);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);color:var(--marketing-text-warm, var(--color-text))}.home__trust-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3)}@media(min-width:600px){.home__trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.home__trust-grid{grid-template-columns:repeat(4,1fr)}}.home__faq{background-color:var(--marketing-surface-deep, var(--color-swiss-black));color:var(--marketing-text-warm, var(--color-white));padding-block:var(--spacing-20)}@media(min-width:900px){.home__faq{padding-block:var(--spacing-24)}}.home__faq-body{max-width:var(--home-faq-max-width);margin-inline:auto;display:grid;gap:var(--spacing-12)}@media(min-width:900px){.home__faq-body{gap:var(--home-faq-gap-desktop)}}.home__faq-title{font-size:var(--home-section-title-size);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);text-align:center}.home__faq-list{list-style:none;padding:0}.home__faq-item{position:relative;display:grid;padding-block:var(--spacing-4);border-block-end:solid 1px var(--marketing-border, var(--color-alpha-white-100))}.home__faq-trigger{display:grid;grid-template-columns:auto min-content;gap:var(--spacing-4);align-items:center;width:100%;padding:0;border:none;background:none;text-align:start;cursor:pointer;font-family:inherit;color:inherit;min-block-size:var(--spacing-12)}.home__faq-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.home__faq-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-wrap:pretty;line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-normal)}.home__faq-icon{width:var(--home-faq-icon-size);max-width:none;height:var(--home-faq-icon-size);transition:transform var(--duration-normal) var(--ease-in-out-cubic)}.home__faq-item[data-state=open] .home__faq-icon{transform:rotate(135deg)}.home__faq-content{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows var(--duration-normal) var(--ease-in-out-cubic)}.home__faq-item[data-state=open] .home__faq-content{grid-template-rows:1fr}.home__faq-content>*{min-height:0;overflow:hidden}.home__faq-answer{margin-block-start:var(--spacing-3);padding-inline-end:var(--spacing-10);font-size:var(--font-size-md);text-wrap:pretty;line-height:var(--line-height-snug);color:var(--marketing-text-muted, var(--color-text-subdued))}@media(min-width:600px){.home__faq-answer{font-size:var(--font-size-lg)}}.home__mock-ui{--mock-ui-bg: var(--marketing-surface-deep, #0a0a0a);--mock-ui-border: var(--marketing-border, #222222);--mock-ui-surface: var(--marketing-surface-mid, #171717);--mock-ui-text: var(--marketing-text-muted, #a09a92);--mock-ui-text-dim: var(--marketing-text-dim, #4a453e);width:var(--home-mock-ui-width);background:var(--mock-ui-bg);border:1px solid var(--mock-ui-border);border-radius:var(--radius-xl);overflow:hidden;transform:perspective(800px) rotateY(-2deg);box-shadow:0 24px 64px #0000004d}.home__mock-ui-bar{padding:var(--spacing-3) var(--spacing-4);border-block-end:1px solid var(--mock-ui-border);display:flex;align-items:center;gap:var(--spacing-2)}.home__mock-ui-dots{display:flex;gap:var(--spacing-1)}.home__mock-ui-dot{width:var(--home-mock-ui-dot-size);height:var(--home-mock-ui-dot-size);border-radius:var(--radius-full);background:var(--marketing-border-strong, #2a2a2a)}.home__mock-ui-title{font-size:var(--font-size-3xs);color:var(--mock-ui-text-dim);margin-inline-start:var(--spacing-2)}.home__mock-ui-body{padding:var(--spacing-4)}.home__mock-ui-chat{background:var(--mock-ui-surface);border-radius:var(--radius-lg);padding:var(--spacing-2) var(--spacing-3);margin-block-end:var(--spacing-2)}.home__mock-ui-chat-text{font-size:var(--font-size-3xs);color:var(--mock-ui-text);line-height:var(--line-height-snug)}.home__mock-ui-chat--agent{background:var(--color-accent-green-dim);margin-inline-start:var(--spacing-5)}.home__mock-ui-chat--agent .home__mock-ui-chat-text{color:var(--color-accent-green)}.home__mock-ui-metrics{display:flex;gap:var(--spacing-2);margin-block-start:var(--spacing-2)}.home__mock-ui-metric{flex:1;background:var(--mock-ui-surface);border-radius:var(--radius-md);padding:var(--spacing-2);text-align:center}.home__mock-ui-metric-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--marketing-text-warm, var(--color-text))}.home__mock-ui-metric-value--green{color:var(--color-accent-green)}.home__mock-ui-metric-value--purple{color:var(--color-accent-purple)}.home__mock-ui-metric-label{font-size:var(--home-mock-ui-metric-label-size);color:var(--mock-ui-text-dim);margin-block-start:var(--home-mock-ui-metric-label-gap);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.home__mock-ui-line{height:var(--spacing-2);border-radius:var(--radius-md);margin-block-end:var(--spacing-2);background:var(--mock-ui-surface)}.home__mock-ui-line--wide{width:80%}.home__mock-ui-line--medium{width:60%}.home__mock-ui-line--accent-purple{background:var(--color-accent-purple-dim)}.home__mock-ui-bars{display:flex;gap:var(--home-mock-ui-bar-gap);align-items:flex-end;height:var(--home-mock-ui-bar-height);margin-block:var(--spacing-2)}.home__mock-ui-bar{flex:1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--mock-ui-surface)}.home__mock-ui-bar--lit{background:var(--color-accent-purple);opacity:.6}}.home__faq-content[hidden]{display:grid}
