*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--typography-fontFamily-body);font-size:var(--typography-fontSize-base);line-height:var(--typography-lineHeight-normal);color:var(--color-text-primary);background-color:var(--color-background-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary-base);text-decoration:none}a:hover{color:var(--color-primary-hover)}.demo-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-background-dark) 75%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.demo-header__inner{max-width:1120px;margin:0 auto;padding:var(--spacing-3) var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.demo-header__logo{font-size:var(--typography-fontSize-xl);font-weight:var(--typography-fontWeight-bold);letter-spacing:-.02em}.demo-header__logo,.demo-header__logo:hover{color:var(--color-primary-base);text-decoration:none}.demo-header__nav{display:flex;align-items:center;gap:var(--spacing-6)}.demo-header__link{font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-medium);color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.demo-header__link:hover{color:var(--color-text-primary)}.demo-header__dropdown{position:relative}.demo-header__dropdown-trigger{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-header__dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:var(--spacing-2);min-width:12rem;background:var(--color-background-card,#1a1a2e);border:1px solid var(--color-border-default,#2a2a4a);border-radius:.5rem;padding:var(--spacing-2) 0;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:200}.demo-header__dropdown-menu:before{content:"";position:absolute;top:calc(-1 * var(--spacing-2));left:0;right:0;height:var(--spacing-2)}.demo-header__dropdown:focus-within .demo-header__dropdown-menu,.demo-header__dropdown:hover .demo-header__dropdown-menu{display:block}.demo-header__dropdown-item{display:block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--typography-fontSize-sm);color:var(--color-text-secondary);text-decoration:none;transition:background .15s ease,color .15s ease}.demo-header__dropdown-item:hover{background:var(--color-background-elevated,#252547);color:var(--color-text-primary)}.demo-header__dropdown-label{padding:var(--spacing-1) var(--spacing-4);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#6b7280);pointer-events:none}.demo-header__dropdown-divider{height:1px;background:var(--color-border-default,#2a2a4a);margin:var(--spacing-1) 0}.demo-main{min-height:calc(100vh - 130px)}.demo-footer{border-top:1px solid var(--color-border-subtle);padding:var(--spacing-8) var(--spacing-6)}.demo-footer__inner{max-width:1120px;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.demo-footer__brand{font-weight:var(--typography-fontWeight-semibold);color:var(--color-text-secondary);font-size:var(--typography-fontSize-sm)}.demo-footer__copy,.demo-footer__sep{color:var(--color-text-muted)}.demo-footer__copy{font-size:var(--typography-fontSize-sm)}.demo-hero{text-align:center;padding:var(--spacing-20) var(--spacing-6) var(--spacing-16);max-width:860px;margin:0 auto}.demo-hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-2);background:var(--color-background-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--borderRadius-full);padding:var(--spacing-1) var(--spacing-4);font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.demo-hero__badge-dot{width:8px;height:8px;border-radius:var(--borderRadius-full);background:var(--color-cta-green);animation:demo-pulse 2s ease-in-out infinite}@keyframes demo-pulse{0%,to{opacity:1}50%{opacity:.4}}.demo-hero__title{font-size:var(--typography-fontSize-6xl);font-weight:var(--typography-fontWeight-bold);line-height:var(--typography-lineHeight-tight);margin-bottom:var(--spacing-4);background:var(--gradient-primaryToSecondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.demo-hero__subtitle{font-size:var(--typography-fontSize-xl);color:var(--color-text-secondary);line-height:var(--typography-lineHeight-relaxed);max-width:640px;margin:0 auto var(--spacing-10)}.demo-hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);flex-wrap:wrap}.demo-section{max-width:1120px;margin:0 auto;padding:var(--spacing-16) var(--spacing-6)}.demo-section__header{text-align:center;margin-bottom:var(--spacing-12)}.demo-section__label{font-size:var(--typography-fontSize-xs);font-weight:var(--typography-fontWeight-semibold);color:var(--color-primary-base);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-3)}.demo-section__title{font-size:var(--typography-fontSize-4xl);font-weight:var(--typography-fontWeight-bold);color:var(--color-text-primary);line-height:var(--typography-lineHeight-tight)}.demo-section__desc{font-size:var(--typography-fontSize-lg);color:var(--color-text-secondary);margin-top:var(--spacing-3);max-width:600px;margin-left:auto;margin-right:auto}.demo-pipeline{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-6);gap:var(--spacing-6);position:relative}@media (max-width:768px){.demo-pipeline{grid-template-columns:1fr}}.demo-pipeline-step{text-align:center;position:relative}.demo-pipeline-step__icon{font-size:var(--typography-fontSize-4xl);margin-bottom:var(--spacing-4);display:block}.demo-pipeline-step__title{font-size:var(--typography-fontSize-lg);font-weight:var(--typography-fontWeight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.demo-pipeline-step__desc{font-size:var(--typography-fontSize-sm);color:var(--color-text-muted)}.demo-pipeline-arrow{display:flex;align-items:center;justify-content:center;font-size:var(--typography-fontSize-2xl);color:var(--color-primary-muted)}@media (max-width:768px){.demo-pipeline-arrow{transform:rotate(90deg);padding:var(--spacing-2) 0}}.demo-features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-6);gap:var(--spacing-6)}@media (max-width:768px){.demo-features{grid-template-columns:1fr}}.demo-feature__icon{font-size:var(--typography-fontSize-3xl);margin-bottom:var(--spacing-3);display:block}.demo-feature__title{font-size:var(--typography-fontSize-lg);font-weight:var(--typography-fontWeight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.demo-feature__desc{font-size:var(--typography-fontSize-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);line-height:var(--typography-lineHeight-relaxed)}.demo-feature__stat{font-size:var(--typography-fontSize-2xl);font-weight:var(--typography-fontWeight-bold);background:var(--gradient-primaryToSecondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.demo-showcase__group{margin-bottom:var(--spacing-8)}.demo-showcase__group:last-child{margin-bottom:0}.demo-showcase__group-title{font-size:var(--typography-fontSize-sm);font-weight:var(--typography-fontWeight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-4)}.demo-showcase__buttons{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.demo-showcase__nested{margin-top:var(--spacing-4)}.demo-stats{max-width:1120px;margin:0 auto;padding:0 var(--spacing-6) var(--spacing-16)}.demo-stats__inner{background:var(--gradient-darkCard);border:1px solid var(--color-border-subtle);border-radius:var(--borderRadius-xl);padding:var(--spacing-12) var(--spacing-8);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-6);gap:var(--spacing-6);text-align:center}@media (max-width:768px){.demo-stats__inner{grid-template-columns:repeat(2,1fr)}}.demo-stat__number{font-size:var(--typography-fontSize-5xl);font-weight:var(--typography-fontWeight-bold);line-height:var(--typography-lineHeight-tight);background:var(--gradient-primaryToSecondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-2)}.demo-stat__label{font-size:var(--typography-fontSize-sm);color:var(--color-text-muted);font-weight:var(--typography-fontWeight-medium)}