.hero-sub:has(.hero-wb-icon) h1{font-size:clamp(2.75rem,5.5vw,4rem);font-weight:700}.hero-sub:has(.hero-wb-icon){background:linear-gradient(180deg,#ecfeff,#f0fdfa 30%,#f8fafc)}.hero-sub:has(.hero-wb-icon) .orb-blue-md{display:none}[data-theme=dark] .hero-sub:has(.hero-wb-icon){background:linear-gradient(180deg,#0a1f2e 0%,#0c2d3f 30%,var(--bg-base) 100%)}@media(prefers-color-scheme:dark){[data-theme=auto] .hero-sub:has(.hero-wb-icon){background:linear-gradient(180deg,#0a1f2e 0%,#0c2d3f 30%,var(--bg-base) 100%)}}[data-theme=light] .hero-sub:has(.hero-wb-icon){background:linear-gradient(180deg,#ECFEFF 0%,#E0F7FA 30%,var(--bg-base) 100%)}@media(prefers-color-scheme:light){[data-theme=auto] .hero-sub:has(.hero-wb-icon){background:linear-gradient(180deg,#ECFEFF 0%,#E0F7FA 30%,var(--bg-base) 100%)}}.hero-sub:has(.hero-wb-icon) .pill-blue{color:#0891b2;background:#0891b20f;border-color:#0891b226}.hero-sub:has(.hero-wb-icon) .btn-primary{background:#0e7490;border-color:#0e7490}.hero-sub:has(.hero-wb-icon) .btn-primary:hover{background:#0c6b85;border-color:#0c6b85}body:has(.hero-wb-icon) .cta-accent .btn-primary{background:#0e7490;color:#fff;border-color:#0e7490}body:has(.hero-wb-icon) .cta-accent .btn-primary:hover{background:#0c6b85;border-color:#0c6b85}.hero-wb-icon:where(.astro-3lynhhqp){display:inline-block;width:1.15em;height:1.15em;vertical-align:-.15em;margin-right:.15em;color:var(--text-heading)}.hero-screenshot-wrap:where(.astro-3lynhhqp){margin-top:2.5rem}.hero-screenshot:where(.astro-3lynhhqp){max-width:1100px;margin:0 auto}.hero-screenshot:where(.astro-3lynhhqp) img:where(.astro-3lynhhqp){border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000000d,0 20px 50px -12px #0000001f,0 0 0 1px #00000005;width:100%;height:auto;aspect-ratio:1440 / 900}.screenshot-dark:where(.astro-3lynhhqp){display:none}[data-theme=dark] .screenshot-light:where(.astro-3lynhhqp){display:none}[data-theme=dark] .screenshot-dark:where(.astro-3lynhhqp){display:block}@media(prefers-color-scheme:dark){[data-theme=auto] .screenshot-light:where(.astro-3lynhhqp){display:none}[data-theme=auto] .screenshot-dark:where(.astro-3lynhhqp){display:block}}.wb-feature-icon:where(.astro-3lynhhqp){width:44px;height:44px;border-radius:11px;background:#0891b214;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#0891b2}.spec-screenshot:where(.astro-3lynhhqp){max-width:1100px;margin:0 auto}.spec-screenshot:where(.astro-3lynhhqp) img:where(.astro-3lynhhqp){border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000000d,0 20px 50px -12px #0000001a;width:100%;height:auto;aspect-ratio:1440 / 900}.spec-badges:where(.astro-3lynhhqp){display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:2rem}.spec-badge:where(.astro-3lynhhqp){display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;color:#0891b2;background:#0891b20f;border:1px solid rgba(8,145,178,.12);border-radius:999px}.spec-badge:where(.astro-3lynhhqp) strong:where(.astro-3lynhhqp){font-weight:700}.wb-usecase:where(.astro-3lynhhqp){text-align:center}.wb-usecase-icon:where(.astro-3lynhhqp){width:56px;height:56px;border-radius:14px;background:#0891b214;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#0891b2}@media(max-width:640px){.hero-screenshot-wrap:where(.astro-3lynhhqp){margin-top:2rem}.hero-screenshot:where(.astro-3lynhhqp) img:where(.astro-3lynhhqp),.spec-screenshot:where(.astro-3lynhhqp) img:where(.astro-3lynhhqp){border-radius:10px}.spec-badges:where(.astro-3lynhhqp){gap:8px}.spec-badge:where(.astro-3lynhhqp){padding:6px 14px;font-size:.8rem}}