.homepage{--home-border:color-mix(in oklab,var(--border)80%,transparent);--home-muted:color-mix(in oklab,var(--foreground)62%,var(--background));--home-surface:color-mix(in oklab,var(--card)92%,var(--background));--home-surface-soft:color-mix(in oklab,var(--secondary)72%,var(--background));background:radial-gradient(ellipse 80% 50% at 50% -8%,color-mix(in oklab,var(--primary)7%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--primary)3%,transparent),transparent 22rem),var(--background);min-height:100vh;color:var(--foreground);position:relative}.homepage:before{content:"";z-index:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--border)12%,transparent)50%,transparent);pointer-events:none;position:absolute;inset:0}.homepage:after{content:"";opacity:.25;pointer-events:none;z-index:0;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;position:absolute;inset:0}.homepage-nav-link{padding-bottom:.35rem;position:relative}.homepage-nav-link:after{content:"";inset-inline:0;background:var(--primary);transform-origin:0;height:1.5px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;transform:scaleX(0)}.homepage-nav-link:hover:after,.homepage-nav-link:focus-visible:after{transform:scaleX(1)}.homepage-showcase-card{position:relative}.homepage-showcase-card:before{content:"";background:var(--primary);transform-origin:0;z-index:2;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.homepage-showcase-card:hover:before{transform:scaleX(1)}.homepage-scene-dawn{box-shadow:inset 0 3px 0 color-mix(in oklab,var(--chart-1)55%,white)}.homepage-scene-forest{box-shadow:inset 0 3px 0 color-mix(in oklab,var(--chart-3)48%,white)}.homepage-scene-ink{box-shadow:inset 0 3px 0 color-mix(in oklab,var(--chart-2)45%,white)}.homepage-primary-btn{box-shadow:0 1px 2px color-mix(in oklab,var(--primary)25%,transparent),0 4px 12px color-mix(in oklab,var(--primary)15%,transparent);transition:box-shadow .2s,transform .2s}.homepage-primary-btn:hover{box-shadow:0 2px 4px color-mix(in oklab,var(--primary)30%,transparent),0 8px 20px color-mix(in oklab,var(--primary)18%,transparent);transform:translateY(-1px)}.homepage-primary-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--ring)75%,transparent);outline-offset:2px}.homepage-secondary-btn{border-color:var(--home-border);background:color-mix(in oklab,var(--background)70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,background .2s}.homepage-secondary-btn:hover{border-color:color-mix(in oklab,var(--primary)30%,var(--border))}.homepage-secondary-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--ring)75%,transparent);outline-offset:2px}.homepage-utility-btn{border-color:var(--home-border);background:color-mix(in oklab,var(--background)70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s}.homepage-utility-btn:hover{border-color:color-mix(in oklab,var(--primary)30%,var(--border))}.homepage-utility-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--ring)75%,transparent);outline-offset:2px}.homepage-warm{border-radius:var(--radius-2xl);background:color-mix(in oklab,var(--primary)3%,var(--background));margin-inline:calc(-1*clamp(1rem,3vw,2rem));padding-block:clamp(2rem,3.5vw,3rem);padding-inline:clamp(1rem,3vw,2rem)}.homepage-warm .homepage-section{border-top:none;padding-top:0}.homepage-showcase-card:hover{box-shadow:0 8px 24px color-mix(in oklab,var(--foreground)7%,transparent),0 20px 48px color-mix(in oklab,var(--foreground)4%,transparent);transform:translateY(-6px)}.homepage-value-icon,.homepage-feature-icon{background:color-mix(in oklab,var(--primary)10%,var(--background))}.homepage-model-compact:hover{background:color-mix(in oklab,var(--primary)2%,transparent)}.homepage-provider-tag{background:color-mix(in oklab,var(--secondary)72%,var(--background))}.homepage-cost-tag{background:color-mix(in oklab,var(--primary)8%,var(--background));color:var(--primary)}.homepage-pill{background:color-mix(in oklab,var(--primary)8%,var(--background))}.homepage-stepper-number{background:var(--primary);color:var(--primary-foreground)}.homepage-stepper-line{background:color-mix(in oklab,var(--primary)45%,transparent)}.homepage-border-top{border-top:1px solid var(--home-border)}.homepage-item-border{border-top:1px solid color-mix(in oklab,var(--border)65%,transparent)}.homepage-model-border{border-bottom:1px solid var(--home-border)}.homepage-header{border-bottom:1px solid var(--home-border);background:color-mix(in oklab,var(--background)82%,transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4)}.homepage-showcase-surface{background:var(--home-surface);border:1px solid var(--home-border)}.homepage-scene-card{border:1px solid var(--home-border);background:linear-gradient(180deg,color-mix(in oklab,var(--background)86%,var(--card)),color-mix(in oklab,var(--secondary)28%,var(--background)));box-shadow:0 1px 2px color-mix(in oklab,var(--foreground)3%,transparent)}.homepage-scene-card:hover{box-shadow:0 2px 4px color-mix(in oklab,var(--foreground)4%,transparent),0 8px 20px color-mix(in oklab,var(--foreground)3%,transparent);transform:translateY(-2px)}.homepage-scene-tag{background:color-mix(in oklab,var(--background)78%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.homepage-hero-card{box-shadow:0 4px 16px color-mix(in oklab,var(--foreground)8%,transparent),0 20px 48px color-mix(in oklab,var(--foreground)6%,transparent);border:1px solid var(--home-border)}.homepage-hero-label{background:color-mix(in oklab,var(--background)80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.homepage-model-group,.homepage-model-rail,.homepage-footer-border{border-top:1px solid var(--home-border)}.homepage-value-prop-grid>:nth-child(-n+2) .homepage-value-icon{background:color-mix(in oklab,var(--primary)15%,var(--background));width:3rem;height:3rem}.homepage-value-prop-grid>:nth-child(-n+2) .homepage-value-title{font-size:clamp(1.25rem,1.8vw,1.5rem)}