.b2b-page{--background:oklch(10.5% 0 0);--foreground:oklch(97% 0 0);--card:oklch(17.5% 0 0);--card-foreground:var(--foreground);--muted:oklch(20.5% 0 0);--muted-foreground:oklch(75% 0 0);--border:oklch(36% 0 0);--input:var(--border);--primary:var(--magenta);--primary-foreground:oklch(100% 0 0);--accent:var(--magenta);--accent-foreground:var(--primary-foreground);--ring:var(--magenta);--b2b-hero-overlay:linear-gradient(90deg, color-mix(in oklab, var(--background) 88%, transparent), color-mix(in oklab, var(--background) 30%, transparent)), linear-gradient(0deg, var(--background), transparent 45%);--b2b-card-overlay:linear-gradient(0deg, color-mix(in oklab, var(--background) 98%, transparent), color-mix(in oklab, var(--background) 12%, transparent) 90%);color:var(--foreground);background:var(--background);padding-top:86px}.b2b-page h1,.b2b-page h2,.b2b-page h3,.b2b-page p,.b2b-page button,.b2b-page a{letter-spacing:0}.b2b-page h1{max-width:920px;font-size:64px;line-height:1.02}.b2b-page h2{font-size:42px;line-height:1.1}.b2b-page h3{line-height:1.15}.b2b-hero{align-items:center;min-height:min(690px,100svh - 150px);padding-block:86px 100px;display:flex}.b2b-hero-overlay{background:var(--b2b-hero-overlay)}.b2b-card-overlay{background:var(--b2b-card-overlay)}.b2b-section{padding-block:80px}.b2b-scroll-target{scroll-margin-top:112px}.b2b-category{min-height:360px}.b2b-tab[aria-selected=true]{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.b2b-tab[aria-selected=false]:hover{background:var(--muted);color:var(--foreground);border-color:var(--primary)}.b2b-page :focus-visible{outline-color:var(--ring)}.b2b-slot{aspect-ratio:1.65}.b2b-closing{padding-block:90px}@media (width>=1600px){.b2b-hero{min-height:720px}}@media (width<=767px){.b2b-page{padding-top:76px}.b2b-page h1{font-size:40px}.b2b-page h2{font-size:30px}.b2b-hero{min-height:0;padding-block:58px 68px}.b2b-section{padding-block:52px}.b2b-category{min-height:350px}.b2b-slot{aspect-ratio:1.1}.b2b-closing{padding-block:64px}}@media (prefers-reduced-motion:reduce){.b2b-page *,.b2b-page :before,.b2b-page :after{transition:none!important;animation:none!important}}@media (width<=380px){.b2b-page h1{font-size:34px}}
