.container{color:var(--brand-text-primary);margin:0 auto;max-width:1200px;padding:var(--space-xl) var(--space-md)}.header{background:linear-gradient(135deg,var(--brand-section-bg),var(--brand-bg));border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl) var(--space-xl);text-align:center}.title{color:var(--brand-primary);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-md)}.subtitle{color:var(--brand-text-secondary);font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:700px}.ctaButtons{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.ctaButton{border:2px solid transparent;border-radius:var(--radius-md);display:inline-block;font-size:1.125rem;font-weight:600;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-base)}.ctaButton--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-text-on-accent)}.ctaButton--primary:hover{background:var(--brand-accent-hover);border-color:var(--brand-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ctaButton--secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.ctaButton--secondary:hover{background:var(--brand-primary);box-shadow:var(--shadow-lg);color:var(--brand-text-on-primary);transform:translateY(-2px)}.section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:var(--space-xl)}.sectionTitle{font-size:1.75rem;margin-bottom:var(--space-md)}.sectionSubtitle,.sectionTitle{color:var(--brand-primary);font-weight:600}.sectionSubtitle{font-size:1.25rem;margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.sectionContent{color:var(--brand-text-secondary);font-size:1rem;line-height:1.6}.featuresList{list-style:none;margin:var(--space-md) 0;padding:0}.featuresList li{color:var(--brand-text-secondary);margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.featuresList li:before{color:var(--brand-accent);content:"✓";font-weight:700;left:0;position:absolute}.useCasesList{list-style:none;margin:var(--space-md) 0;padding:0}.useCasesList li{color:var(--brand-text-secondary);margin-bottom:var(--space-sm);padding-left:var(--space-lg);position:relative}.useCasesList li:before{color:var(--brand-primary);content:"→";font-weight:700;left:0;position:absolute}.apiExample{background:var(--brand-section-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-xl)}.apiExampleTitle{color:var(--brand-primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-lg);text-align:center}.codeBlock{background:var(--brand-text-primary);border:1px solid var(--brand-border);border-radius:var(--radius-md);color:#f8f9fa;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;overflow-x:auto;padding:var(--space-lg)}.codeBlock pre{margin:0;white-space:pre}.codeBlock code{background:none;font-family:inherit;font-size:inherit;padding:0}.codeBlock .json-key{color:#79c0ff}.codeBlock .json-string{color:#a5d6ff}.codeBlock .json-number{color:#79c0ff}.codeBlock .json-boolean{color:#ff7b72}.highlightGrid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:var(--space-xl) 0}.highlightCard{background:linear-gradient(135deg,var(--brand-surface) 0,var(--brand-section-bg) 100%);border:1px solid var(--brand-border);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-base)}.highlightCard:before{background:linear-gradient(90deg,var(--brand-accent),var(--brand-primary));border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.highlightCard:hover{border-color:var(--brand-accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.highlightCard__icon{display:block;font-size:2rem;margin-bottom:var(--space-md)}.highlightCard__title{align-items:center;color:var(--brand-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-sm)}.highlightCard__description{color:var(--brand-text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--space-lg)}.highlightCard__cta{align-items:center;background:var(--brand-accent);border:none;border-radius:var(--radius-md);color:var(--brand-text-on-accent);display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all var(--transition-base)}.highlightCard__cta:hover{background:var(--brand-accent-hover);transform:translateX(2px)}.highlightCard--graphql:before{background:linear-gradient(90deg,#e10098,#ff6b9d)}.highlightCard--enterprise:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.apiExampleSubtitle{border-top:1px solid var(--brand-border);color:var(--brand-primary);font-size:1.25rem;font-weight:600;margin:var(--space-xl) 0 var(--space-md) 0;padding-top:var(--space-lg)}@media (max-width:768px){.container{padding:var(--space-lg) var(--space-sm)}.header{margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-md)}.apiExample,.section{margin-bottom:var(--space-lg);padding:var(--space-lg)}.ctaButtons{align-items:center;flex-direction:column}.ctaButton{max-width:300px;text-align:center;width:100%}.codeBlock{font-size:.75rem;padding:var(--space-md)}.highlightGrid{gap:var(--space-md);grid-template-columns:1fr}.highlightCard{padding:var(--space-lg)}}@media (max-width:480px){.container{padding:var(--space-md) var(--space-xs)}.header{padding:var(--space-lg) var(--space-sm)}.apiExample,.section{padding:var(--space-md)}}