.premium-scroll-hero{--hero-grid:color-mix(in oklab, var(--primary-foreground) 7%, transparent);--hero-grid-strong:color-mix(in oklab, var(--primary-foreground) 12%, transparent);--hero-surface:color-mix(in oklab, var(--primary) 84%, var(--primary-soft))}.premium-scroll-hero .hero-stage{box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--primary-foreground) 12%, transparent)}.premium-scroll-hero .hero-atmosphere{background:radial-gradient(circle at 74% 35%, color-mix(in oklab, var(--primary-foreground) 13%, transparent), transparent 32%), radial-gradient(circle at 68% 66%, color-mix(in oklab, var(--accent) 10%, transparent), transparent 25%), linear-gradient(180deg, color-mix(in oklab, var(--primary-soft) 64%, var(--primary)) 0%, var(--hero-surface) 52%, var(--primary) 100%)}.premium-scroll-hero .hero-blueprint{opacity:.38;background-image:linear-gradient(var(--hero-grid) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid) 1px, transparent 1px), linear-gradient(var(--hero-grid-strong) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-strong) 1px, transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px;-webkit-mask-image:linear-gradient(270deg,#000 8%,#000000c2 52%,#0000 78%);mask-image:linear-gradient(270deg,#000 8%,#000000c2 52%,#0000 78%)}.premium-scroll-hero .hero-tech-backdrop{background:color-mix(in oklab, var(--primary) 90%, black)}.premium-scroll-hero .hero-tech-light{background:radial-gradient(circle at 58% 50%, color-mix(in oklab, var(--primary-foreground) 9%, transparent), transparent 32%), radial-gradient(circle at 58% 50%, color-mix(in oklab, var(--accent) 7%, transparent), transparent 19%)}.premium-scroll-hero .hero-copy-scrim{background:linear-gradient(90deg, color-mix(in oklab, var(--primary) 93%, transparent) 0%, color-mix(in oklab, var(--primary) 68%, transparent) 31%, transparent 62%)}.premium-scroll-hero .hero-handoff-shade{background:linear-gradient(to top, var(--primary), transparent)}.premium-scroll-hero .hero-intro h1,.premium-scroll-hero .hero-intro p,.premium-scroll-hero .hero-caption{text-shadow:0 2px 24px color-mix(in oklab, var(--primary) 72%, transparent)}.premium-scroll-hero .hero-intro a{isolation:isolate;position:relative;overflow:hidden}.premium-scroll-hero .hero-intro a:after{content:"";background:linear-gradient(105deg, transparent 30%, color-mix(in oklab, var(--primary-foreground) 24%, transparent), transparent 70%);transition:translate .7s var(--ease-smooth);pointer-events:none;position:absolute;inset:0;translate:-115%}.premium-scroll-hero .hero-intro a:hover:after{translate:115%}@media (width<=767px){.premium-scroll-hero{height:400svh!important}.premium-scroll-hero .hero-stage{height:100svh}.premium-scroll-hero canvas{touch-action:pan-y}.premium-scroll-hero .hero-intro{top:max(82px, calc(env(safe-area-inset-top) + 70px));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));max-width:none;translate:none}.premium-scroll-hero .hero-intro>div:first-child{margin-bottom:10px}.premium-scroll-hero .hero-intro>div:first-child p{letter-spacing:.15em;font-size:9px}.premium-scroll-hero .hero-intro h1{font-size:clamp(29px,7.6vw,40px);line-height:1.01}.premium-scroll-hero .hero-intro>p{max-width:31rem;margin-top:11px;font-size:13px;line-height:1.42}.premium-scroll-hero .hero-intro>div:last-child{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:13px;display:grid}.premium-scroll-hero .hero-intro a{justify-content:center;width:100%;height:auto;min-height:46px;padding:10px 14px;font-size:12px}.premium-scroll-hero .hero-intro a:nth-child(2){display:none}.premium-scroll-hero .hero-caption{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(104px, calc(env(safe-area-inset-bottom) + 88px));-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c1117f0;max-width:none;min-height:106px;padding:11px 13px}.premium-scroll-hero .hero-caption>div{letter-spacing:.14em;font-size:9px}.premium-scroll-hero .hero-caption p{margin-top:6px;font-size:13px;line-height:18px}.premium-scroll-hero .hero-progress{bottom:max(91px, calc(env(safe-area-inset-bottom) + 75px));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right))}.premium-scroll-hero .hero-copy-scrim{background:linear-gradient(180deg, color-mix(in oklab, var(--primary) 95%, transparent) 0%, color-mix(in oklab, var(--primary) 68%, transparent) 42%, transparent 69%)}.premium-scroll-hero .hero-blueprint{opacity:.2;background-size:28px 28px,28px 28px,140px 140px,140px 140px;-webkit-mask-image:linear-gradient(#0000 0%,#000 42% 100%);mask-image:linear-gradient(#0000 0%,#000 42% 100%)}.hero-solution-handoff>div{padding-block:3.75rem;padding-inline:1rem}.hero-solution-handoff ul{margin-top:2.25rem}.hero-solution-handoff ul>li>a{padding:1.25rem}}@media (width<=380px){.premium-scroll-hero .hero-intro{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right))}.premium-scroll-hero .hero-intro h1{font-size:28px}.premium-scroll-hero .hero-intro>p{font-size:12px;line-height:1.38}}@media (width<=767px) and (height<=620px){.premium-scroll-hero .hero-intro{top:max(72px, calc(env(safe-area-inset-top) + 62px))}.premium-scroll-hero .hero-intro h1{font-size:27px}.premium-scroll-hero .hero-intro>div:first-child{margin-bottom:7px}.premium-scroll-hero .hero-intro>p{display:none}.premium-scroll-hero .hero-intro>div:last-child{margin-top:10px}.premium-scroll-hero .hero-caption{min-height:96px}}@media (prefers-reduced-motion:reduce){.premium-scroll-hero .hero-intro a:after{display:none}}.hero-solution-handoff:before{content:"";background:linear-gradient(to bottom, transparent, var(--color-card));pointer-events:none;height:7rem;position:absolute;inset:0 0 auto;translate:0 -100%}.hero-solution-handoff:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accent) 44%, transparent), transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}