.product-showcase{--stage-h:min(52vh, 520px);font-family:var(--font-sans), "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;margin:0}.product-showcase .op-container{width:min(1280px,94vw);margin:0 auto}.product-showcase .op-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-orange-800);margin:0;font-size:.75rem;font-weight:600}.product-showcase .op-eyebrow--on-dark{color:var(--color-orange-400)}.product-showcase .op-section{padding:64px 0}.product-showcase .op-section--compact{padding:48px 0}.product-showcase .op-section--dark{background:var(--color-blue-900);color:#fff}.product-showcase .op-section--light{background:color-mix(in srgb, var(--color-blue-50) 58%, transparent)}.product-showcase .op-section__title{letter-spacing:-.02em;color:var(--text-primary);margin:12px 0 0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.product-showcase .op-section__title--light{color:#fff}.product-showcase .op-section__lead{max-width:40rem;color:var(--text-secondary);margin:12px 0 0;font-size:1rem;line-height:1.6}.product-showcase .op-hero{background:radial-gradient(ellipse 90% 55% at 75% -5%, color-mix(in srgb, var(--color-blue-400) 28%, transparent), transparent 58%), linear-gradient(155deg, #bfe0ff 0%, #d9edff 38%, #ebf5ff 68%, #f5faff 100%);padding:28px 0 40px;position:relative;overflow:hidden}.product-showcase .op-hero__badge{border:1px solid color-mix(in srgb, var(--color-orange-500) 55%, transparent);background:color-mix(in srgb, var(--color-orange-500) 18%, transparent);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffe8cc;border-radius:999px;align-items:center;gap:8px;margin:0 0 12px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.product-showcase .op-hero__badge-dot{background:var(--color-orange-500);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-orange-500) 25%, transparent);border-radius:50%}.product-showcase .op-hero__title{letter-spacing:-.02em;color:var(--text-primary);margin:10px 0 0;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.08}.product-showcase .op-hero__title--on-dark{color:#fff}.product-showcase .op-hero__title-accent{color:var(--color-orange-500);display:block}.product-showcase .op-hero__lead{max-width:32rem;color:var(--text-secondary);margin:14px 0 0;font-size:1.025rem;line-height:1.6}.product-showcase .op-hero__lead--on-dark{color:color-mix(in srgb, #fff 82%, var(--color-gray-300))}.product-showcase .op-hero__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.product-showcase .op-btn{border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:12px 22px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.product-showcase .op-btn:active{transform:translateY(1px)}.product-showcase .op-btn--primary{background:var(--color-orange-500);border-color:var(--color-orange-500);color:#fff}.product-showcase .op-btn--primary:hover{background:var(--color-orange-600);border-color:var(--color-orange-600)}.product-showcase .op-btn--ghost{background:color-mix(in srgb, #fff 12%, var(--color-blue-900));border-color:color-mix(in srgb, #fff 45%, var(--color-blue-900));color:#fff}.product-showcase .op-btn--ghost:hover{background:color-mix(in srgb, #fff 20%, var(--color-blue-900))}.product-showcase .op-stage-stack{gap:20px;margin-top:28px;display:grid}.product-showcase .op-stage{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-e3);min-height:var(--stage-h);background:var(--color-blue-900);margin:0;position:relative;overflow:hidden}.product-showcase .op-stage--hero{min-height:min(72vh,640px)}.product-showcase .op-stage__img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.product-showcase .op-stage.is-placeholder .op-stage__img{opacity:.15}.product-showcase .op-stage__scrim{z-index:1;pointer-events:none;background:linear-gradient(105deg,#0f2338eb 0%,#0f2338c7 34%,#0f233847 58%,#0f233814 100%);position:absolute;inset:0}.product-showcase .op-stage--flip .op-stage__scrim{background:linear-gradient(255deg,#0f2338eb 0%,#0f2338c7 34%,#0f233847 58%,#0f233814 100%)}.product-showcase .op-stage__copy{z-index:2;box-sizing:border-box;width:min(100%,28rem);min-height:var(--stage-h);color:#fff;flex-direction:column;justify-content:flex-end;padding:28px 28px 32px;display:flex;position:relative}.product-showcase .op-stage--hero .op-stage__copy{justify-content:center;width:min(100%,34rem);min-height:min(72vh,640px);padding:40px 36px}.product-showcase .op-stage--flip .op-stage__copy{text-align:left;margin-left:auto}.product-showcase .op-feature__tag{background:color-mix(in srgb, var(--color-orange-500) 22%, transparent);border:1px solid color-mix(in srgb, var(--color-orange-500) 45%, transparent);width:fit-content;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-orange-400);border-radius:999px;margin-bottom:10px;padding:4px 10px;font-size:.6875rem;font-weight:600;display:inline-block}.product-showcase .op-feature__title{color:#fff;margin:0 0 10px;font-size:clamp(1.25rem,2.4vw,1.65rem);font-weight:700;line-height:1.2}.product-showcase .op-feature__desc{color:color-mix(in srgb, #fff 84%, var(--color-gray-300));margin:0;font-size:.95rem;line-height:1.55}.product-showcase .op-feature__list{margin:14px 0 0;padding:0;list-style:none}.product-showcase .op-feature__list li{color:color-mix(in srgb, #fff 78%, var(--color-gray-300));margin-bottom:6px;padding-left:1.1rem;font-size:.875rem;position:relative}.product-showcase .op-feature__list li:before{content:"";background:var(--color-orange-400);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}@media (max-width:720px){.product-showcase{--stage-h:min(68vh, 480px)}.product-showcase .op-stage__scrim,.product-showcase .op-stage--flip .op-stage__scrim{background:linear-gradient(#0f233859 0%,#0f2338b8 45%,#0f2338f0 100%)}.product-showcase .op-stage__copy,.product-showcase .op-stage--flip .op-stage__copy{justify-content:flex-end;width:100%;margin-left:0;padding:24px 20px 28px}.product-showcase .op-stage--hero .op-stage__copy{justify-content:flex-end;width:100%;padding:28px 20px}}.product-showcase .op-pillars{gap:16px;margin-top:24px;display:grid}@media (min-width:768px){.product-showcase .op-pillars{grid-template-columns:repeat(3,1fr)}}.product-showcase .op-pillar{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:color-mix(in srgb, #fff 84%, var(--color-blue-50));box-shadow:var(--shadow-e2);padding:20px}.product-showcase .op-pillar__icon{background:color-mix(in srgb, var(--color-orange-500) 14%, #fff);width:36px;height:36px;color:var(--color-orange-800);border-radius:10px;place-items:center;font-size:1.05rem;display:grid}.product-showcase .op-pillar__title{color:var(--text-primary);margin:12px 0 6px;font-size:1.0625rem;font-weight:700}.product-showcase .op-pillar__desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.product-showcase .op-usecases__tabs{flex-wrap:wrap;gap:8px;margin:24px 0 20px;display:flex}.product-showcase .op-usecases__tab{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;padding:10px 16px;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.product-showcase .op-usecases__tab.is-active,.product-showcase .op-usecases__tab:hover{border-color:var(--color-orange-500);background:color-mix(in srgb, var(--color-orange-500) 10%, #fff);color:var(--color-orange-800)}.product-showcase .op-usecases__panel{display:none}.product-showcase .op-usecases__panel.is-active{display:block}.product-showcase .op-metrics{gap:20px;margin-top:28px;display:grid}@media (min-width:768px){.product-showcase .op-metrics{grid-template-columns:repeat(3,1fr)}}.product-showcase .op-metric{border-radius:var(--radius-lg);text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;padding:28px 24px}.product-showcase .op-metric__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-orange-400);font-size:.6875rem}.product-showcase .op-metric__value{letter-spacing:-.02em;margin:8px 0;font-size:2.25rem;font-weight:800}.product-showcase .op-metric__note{color:var(--color-gray-300);margin:0;font-size:.875rem;line-height:1.5}.product-showcase .op-cta{text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in srgb, var(--color-blue-400) 22%, transparent), transparent 70%), var(--color-blue-900);color:#fff;padding:64px 0;position:relative;overflow:hidden}.product-showcase .op-cta__title{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.product-showcase .op-cta__lead{max-width:36rem;color:var(--color-gray-300);margin:14px auto 28px;font-size:1.0625rem;line-height:1.6}.product-showcase .op-made-in{font-family:var(--font-mono);color:var(--color-gray-300);align-items:center;gap:8px;margin-top:32px;font-size:.8125rem;display:inline-flex}@media (prefers-reduced-motion:no-preference){.product-showcase--interactive .op-stage:not(.op-stage--hero){transition:transform .35s,box-shadow .35s}.product-showcase--interactive .op-stage:not(.op-stage--hero):hover{box-shadow:var(--shadow-e4);transform:translateY(-2px)}.product-showcase--interactive .op-stage:not(.op-stage--hero) .op-stage__img{transition:transform .6s}.product-showcase--interactive .op-stage:not(.op-stage--hero):hover .op-stage__img{transform:scale(1.02)}}
