.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-8)}.container--narrow{max-width:var(--max-width-narrow)}.hero{position:relative;min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-24) var(--space-4);overflow:hidden;background:radial-gradient(ellipse at center,rgb(108,99,255,0.15) 0%,transparent 60%),var(--color-bg)}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgb(108,99,255,0.08) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgb(255,107,107,0.05) 0%,transparent 35%);pointer-events:none}.hero__content{position:relative;z-index:1;max-width:800px}.hero__eyebrow{font-family:var(--font-ui);font-size:0.875rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4)}.hero__title{margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:640px;margin:0 auto var(--space-8);line-height:1.8}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.pitch{padding:var(--space-16) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.pitch__title{text-align:center;margin-bottom:var(--space-12)}.pitch__list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space-4);max-width:1000px;margin:0 auto}.pitch__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);font-family:var(--font-ui);font-size:0.95rem;letter-spacing:0.02em}.pitch__item::before{content:'';flex-shrink:0;width:8px;height:8px;margin-top:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary)}.features-overview{padding:var(--space-16) var(--space-4);max-width:var(--max-width);margin:0 auto}.features-overview__title{text-align:center;margin-bottom:var(--space-12)}.features-overview__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-6)}.features-overview__link{display:block;text-align:center;margin-top:var(--space-8);font-family:var(--font-ui);font-weight:600;letter-spacing:0.05em;color:var(--color-primary)}.page-header{padding:var(--space-16) var(--space-4) var(--space-12);text-align:center;background:radial-gradient(ellipse at top,rgb(108,99,255,0.1) 0%,transparent 50%),var(--color-bg);border-bottom:1px solid var(--color-border)}.page-header__title{margin-bottom:var(--space-4)}.page-header__lead{font-size:1.125rem;color:var(--color-text-muted);max-width:640px;margin:0 auto}.content-section{padding:var(--space-16) var(--space-4);max-width:var(--max-width);margin:0 auto}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-6)}.cta-banner{padding:var(--space-16) var(--space-4);text-align:center;background:radial-gradient(ellipse at center,rgb(108,99,255,0.12) 0%,transparent 60%),var(--color-surface);border-top:1px solid var(--color-border)}.cta-banner__title{margin-bottom:var(--space-6)}.feature-detail{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color 0.3s ease,box-shadow 0.3s ease}.feature-detail:hover{border-color:var(--color-primary);box-shadow:var(--shadow-portal)}.feature-detail__icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-primary)}.feature-detail__title{font-size:1.25rem;margin-bottom:var(--space-3)}.feature-detail__body{color:var(--color-text-muted);margin:0}.client-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-6)}.client-card{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color 0.3s ease,box-shadow 0.3s ease}.client-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-portal)}.client-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.client-card__name{font-size:1.25rem;margin:0}.client-card__tagline{color:var(--color-text-muted);margin-bottom:var(--space-4)}.client-card__highlights{list-style:none;padding:0;margin-bottom:var(--space-6)}.client-card__highlight{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:0.875rem;letter-spacing:0.03em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.client-card__highlight::before{content:'';width:6px;height:6px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.download-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.download-card{padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:border-color 0.3s ease,box-shadow 0.3s ease}.download-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-portal)}.download-card__icon{width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-primary)}.download-card__name{font-size:1.25rem;margin-bottom:var(--space-2)}.download-card__desc{color:var(--color-text-muted);font-size:0.9rem;margin-bottom:var(--space-4)}.ecosystem-list{list-style:none;padding:0;display:grid;gap:var(--space-4)}.ecosystem-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ecosystem-item__name{font-family:var(--font-mono);font-size:0.9rem;color:var(--color-primary)}.ecosystem-item__what{color:var(--color-text-muted);font-size:0.9rem}.code-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0;overflow-x:auto}.code-block__label{font-family:var(--font-ui);font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.code-block pre{margin:0;font-size:0.875rem}.faq-list{display:grid;gap:var(--space-6)}.faq-item{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.faq-item dt{font-family:var(--font-headline);font-size:1.1rem;letter-spacing:0.03em;color:var(--color-text);margin-bottom:var(--space-3)}.faq-item dd{margin:0;color:var(--color-text-muted);line-height:1.8}.badge{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-ui);font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid}.badge--stable{background:rgb(74,222,128,0.1);color:var(--color-success);border-color:var(--color-success)}.badge--beta{background:rgb(251,191,36,0.1);color:var(--color-warning);border-color:var(--color-warning)}.badge--deprecated{background:rgb(255,107,107,0.1);color:var(--color-error);border-color:var(--color-error)}.text-display{font-family:var(--font-display);font-weight:300;letter-spacing:0.18em;line-height:0.92}.text-mono{font-family:var(--font-mono);letter-spacing:0.03em}.text-ui{font-family:var(--font-ui);letter-spacing:0.05em}.eyebrow{font-family:var(--font-ui);font-size:0.75rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3)}@media (width <= 768px){.container{padding:0 var(--space-4)}.hero{min-height:80vh;padding:var(--space-16) var(--space-4)}.pitch__list{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}}@media (width <= 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hero__subtitle{font-size:1rem}.hero__actions{flex-direction:column;width:100%}}