:root{--type-h1: clamp(2.75rem, 5.5vw, 3.5rem);--type-h2: clamp(1.75rem, 2.8vw, 2rem);--type-body: .9375rem;--type-caption: .8125rem;--type-metric: clamp(2rem, 3.5vw, 2.75rem);--layout-max: 1120px;--layout-gutter: clamp(var(--space-6), 4vw, var(--space-8))}.synex-h1,.synex-type-h1{font-family:var(--font-display);font-size:var(--type-h1);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--color-text-primary);font-feature-settings:"tnum" 1}.synex-h2,.synex-type-h2{font-family:var(--font-display);font-size:var(--type-h2);font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--color-text-primary)}.synex-body,.synex-type-body{font-size:var(--type-body);line-height:1.6;color:var(--color-text-secondary)}.synex-caption,.synex-type-caption{font-size:var(--type-caption);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.synex-metric-value{font-family:var(--font-display);font-size:var(--type-metric);font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.04em;line-height:1.25;color:var(--marketing-metric-value-color)}.synex-metric-label{font-size:.75rem;font-weight:400;color:var(--color-text-secondary);letter-spacing:.02em;margin-top:var(--space-1)}.synex-metric-delta{font-family:var(--font-mono);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}.synex-metric-delta--up{color:var(--color-success)}.synex-metric-delta--down{color:var(--color-error)}.synex-section{padding-block:clamp(var(--space-16),12vh,var(--space-24));border-top:1px solid var(--color-border-subtle);position:relative}.synex-section__inner{width:min(var(--layout-max),100%);margin-inline:auto;padding-inline:var(--layout-gutter)}.synex-section__header{margin-bottom:var(--space-8)}.synex-section__header--center{text-align:center;max-width:42rem;margin-inline:auto;margin-bottom:var(--space-8)}.synex-section__body{position:relative}.synex-section__footer{margin-top:var(--space-6);display:flex;justify-content:center;gap:var(--space-3)}.synex-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);transition:transform var(--duration-normal) var(--ease-synex),box-shadow var(--duration-normal) var(--ease-synex),border-color var(--duration-normal) var(--ease-synex),background var(--duration-normal) var(--ease-synex)}.synex-card--primary{padding:var(--space-6);border-color:color-mix(in srgb,var(--color-accent) 22%,var(--color-border-subtle));background:var(--surface);box-shadow:var(--shadow-subtle)}.synex-card--primary:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border-subtle));box-shadow:var(--shadow-soft)}.synex-card--secondary{padding:var(--space-6);background:var(--color-bg-secondary)}.synex-card--secondary:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-subtle);background:var(--color-bg-elevated)}.synex-card--tertiary{padding:var(--space-4);background:transparent;border-style:solid;border-color:var(--color-border-subtle)}.synex-card--tertiary:hover{background:var(--surface-panel-inset, var(--surface-hover))}.synex-card__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);margin-bottom:var(--space-4);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-accent)}.synex-card__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.synex-card__desc{margin:0;font-size:var(--type-caption);line-height:1.55;color:var(--color-text-secondary)}.synex-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.625rem;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-synex)}.synex-btn--primary{color:#fff;background:var(--color-accent);box-shadow:none}.synex-btn--primary:hover{transform:translateY(-1px);background:var(--accent-hover);box-shadow:var(--shadow-subtle)}.synex-btn--secondary{color:var(--color-text-primary);background:transparent;border-color:var(--border-strong)}.synex-btn--secondary:hover{background:color-mix(in srgb,var(--color-accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--color-accent) 30%,var(--border))}.synex-btn--ghost{color:var(--color-text-secondary);background:transparent;border-color:transparent}.synex-btn--ghost:hover{color:var(--color-text-primary);background:var(--surface-panel-inset, var(--surface-hover))}.marketing-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid transparent;font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-synex),box-shadow var(--duration-fast) var(--ease-synex),background var(--duration-fast) var(--ease-synex),border-color var(--duration-fast) var(--ease-synex),color var(--duration-fast) var(--ease-synex)}.marketing-btn--primary,.home-launch-btn--accent{color:#fff;background:var(--color-accent);box-shadow:none}.marketing-btn--primary:hover,.home-launch-btn--accent:hover{transform:translateY(-2px);background:var(--accent-hover);box-shadow:var(--shadow-subtle)}.marketing-btn--ghost{color:var(--color-text-primary);background:var(--surface-panel-muted, var(--color-bg-secondary));border-color:color-mix(in srgb,var(--color-border-subtle) 80%,var(--color-accent) 20%)}.marketing-btn--ghost:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border-subtle));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-secondary))}.synex-metric-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);text-align:center}.synex-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:var(--space-12);border-radius:var(--radius-lg);border:1px solid var(--marketing-metrics-border);background:var(--marketing-metrics-track-bg);overflow:hidden;max-width:52rem;margin-inline:auto}.synex-metrics-row>.synex-metric-block{background:var(--marketing-metric-cell-bg);min-height:88px}.synex-code-block{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-bg-primary);overflow:hidden;box-shadow:var(--shadow-soft)}.synex-code-block__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--surface-panel-muted, var(--color-bg-secondary))}.synex-code-block__lang{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.synex-code-block__copy{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.synex-code-block__copy:hover{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.synex-code-block__copy.is-copied{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 40%,transparent)}.synex-code-block__body{margin:0;padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.65;color:color-mix(in srgb,var(--color-text-primary) 90%,var(--color-accent));tab-size:2}.synex-code-block__body .token-key{color:var(--accent-lighter)}.synex-code-block__body .token-str{color:var(--color-success)}.synex-code-block__body .token-num{color:var(--color-warning)}.synex-tabs{display:flex;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2)}.synex-tabs::-webkit-scrollbar{display:none}.synex-tab{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast) var(--ease-synex)}.synex-tab:hover{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}.synex-tab.is-active{color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);box-shadow:none}.synex-reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-synex),transform var(--duration-slow) var(--ease-synex)}.synex-reveal.is-visible{opacity:1;transform:translateY(0)}.synex-reveal-stagger>*{opacity:0;transform:translateY(var(--space-4));transition:opacity var(--duration-slow) var(--ease-synex),transform var(--duration-slow) var(--ease-synex)}.synex-reveal-stagger.is-visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:none}.synex-reveal-stagger.is-visible>*:nth-child(2){transition-delay:60ms;opacity:1;transform:none}.synex-reveal-stagger.is-visible>*:nth-child(3){transition-delay:.12s;opacity:1;transform:none}.synex-reveal-stagger.is-visible>*:nth-child(4){transition-delay:.18s;opacity:1;transform:none}.synex-reveal-stagger.is-visible>*:nth-child(5){transition-delay:.24s;opacity:1;transform:none}.synex-reveal-stagger.is-visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.synex-reveal,.synex-reveal-stagger>*,.synex-card,.synex-btn,.synex-tab{transition:none!important;transform:none!important;opacity:1!important}}@media(max-width:960px){.synex-metrics-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.synex-metrics-row{grid-template-columns:1fr}}