.product-showcase{background:var(--color-mist);padding:clamp(64px,8vw,112px) max(24px,50% - 560px)}.showcase-heading-row{justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px;display:flex}.showcase-eyebrow{color:var(--color-subtle);letter-spacing:.12em;margin-bottom:12px;font-size:12px;font-weight:600}.showcase-heading-row h2{letter-spacing:-.035em;font-size:clamp(28px,3.8vw,48px);font-weight:700;line-height:1.25}.showcase-catalog-link,.showcase-source-link{min-height:44px;color:var(--color-accent);white-space:nowrap;align-items:center;gap:5px;font-size:14px;display:inline-flex}.showcase-catalog-link:hover{text-decoration:underline}.showcase-tabs{background:#e8e8ed;border-radius:30px;width:fit-content;max-width:100%;margin-bottom:24px;padding:5px;display:flex}.showcase-tabs button{min-height:44px;color:var(--color-body);cursor:pointer;border-radius:24px;padding:9px 24px;font-size:14px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s}.showcase-tabs button[aria-selected=true]{color:var(--color-ink);background:#fff;box-shadow:0 2px 8px #0000000c}.showcase-panel{min-height:620px;color:var(--color-ink);background:#fff;border-radius:32px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.showcase-panel[hidden]{display:none}.showcase-tone-blue{--showcase-halo:#c7e4fc}.showcase-tone-violet{--showcase-halo:#e0d5f5}.showcase-tone-mint{--showcase-halo:#c8e9e3}.showcase-copy{align-self:center;padding:64px 16px 56px 56px;animation:.55s ease-out both showcase-enter}.showcase-app-name{align-items:center;gap:12px;font-weight:600;display:flex}.showcase-app-name img{border-radius:9px}.showcase-copy h3{letter-spacing:-.04em;margin-top:28px;font-size:clamp(28px,3.1vw,42px);font-weight:700;line-height:1.35}.showcase-copy>p{max-width:350px;color:var(--color-subtle);margin-top:22px;font-size:17px;line-height:1.85}.showcase-source-link{color:#fff;background:var(--color-accent-strong);border-radius:24px;margin-top:26px;padding:11px 20px;transition:background .2s}.showcase-source-link:hover{background:var(--color-accent-hover)}.showcase-detail{border-top:1px solid #d2d2d7;margin-top:40px;padding-top:22px}.showcase-detail p{font-size:12px}.showcase-detail span{color:var(--color-subtle);font-size:11px}.showcase-visual{isolation:isolate;background:radial-gradient(ellipse at 50% 55%, var(--showcase-halo), transparent 70%);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-width:0;padding:42px 36px;display:flex;position:relative}.showcase-device{background:#1d1d1f;border:2px solid #77777c;flex-shrink:0;padding:7px;animation:.7s cubic-bezier(.22,1,.36,1) both showcase-enter;position:relative;overflow:hidden;box-shadow:0 28px 42px -20px #00000050,inset 0 0 0 1px #aaaaaf}.showcase-device-phone{border-radius:36px;width:230px}.showcase-device-tablet{border-radius:22px;width:100%;max-width:460px;padding:10px}.showcase-device img{width:100%;height:auto;display:block}.showcase-device-phone img{border-radius:27px}.showcase-device-tablet img{border-radius:11px}.showcase-visual figcaption{color:var(--color-subtle);font-size:11px}.dark .product-showcase{background:#101012}.dark .showcase-eyebrow{color:#a1a1a6}.dark .showcase-catalog-link{color:var(--color-accent-dark)}.dark .showcase-tabs{background:#2c2c2e}.dark .showcase-tabs button{color:#d2d2d7}.dark .showcase-tabs button[aria-selected=true]{color:#fff;background:#48484a}.dark .showcase-panel{color:#f5f5f7;background:#1d1d1f}.dark .showcase-copy>p,.dark .showcase-detail span,.dark .showcase-visual figcaption{color:#a1a1a6}.dark .showcase-detail{border-color:#424245}.dark .showcase-tone-blue{--showcase-halo:#18364b}.dark .showcase-tone-violet{--showcase-halo:#332742}.dark .showcase-tone-mint{--showcase-halo:#1d3c36}@keyframes showcase-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.showcase-heading-row{flex-direction:column;align-items:start;gap:18px}.showcase-tabs{width:100%}.showcase-tabs button{flex:1;padding-inline:10px;font-size:12px}.showcase-panel{border-radius:24px;grid-template-columns:1fr}.showcase-copy{padding:32px 26px 0}.showcase-copy>p{font-size:15px}.showcase-detail{margin-top:28px}.showcase-visual{min-height:480px;padding:32px 24px}.showcase-device-phone{border-radius:31px;width:190px}.showcase-device-phone img{border-radius:22px}.showcase-device-tablet{border-radius:17px;padding:6px}}@media (prefers-reduced-motion:reduce){.showcase-copy,.showcase-device{animation:none}.showcase-tabs button,.showcase-source-link{transition:none}}.showcase-scroll-track{--story-progress:1}.showcase-ambient{z-index:-1;pointer-events:none;background:radial-gradient(ellipse, var(--showcase-halo), transparent 65%);opacity:.55;position:absolute;inset:8% -10%}.showcase-glass{pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff08 44%,#ffffff70 49.5%,#ffffff0c 51%,#0000 57%);position:absolute;inset:-35%;transform:translate(70%)}.showcase-parts{gap:10px;width:100%;max-width:290px;display:grid}.showcase-part{-moz-column-gap:9px;background:#ffffffed;border:1px solid #ffffffb3;border-radius:17px;grid-template-columns:8px 1fr;align-items:center;gap:3px 9px;padding:13px 16px;display:grid;box-shadow:0 8px 25px -12px #15334d30}.showcase-part strong{font-size:12px;font-weight:600}.showcase-part>span:last-child{color:var(--color-subtle);grid-column:2;font-size:10px}.showcase-part-dot{background:var(--color-accent-strong);border-radius:50%;width:6px;height:6px}.dark .showcase-part{background:#29292ded;border-color:#ffffff1c}.dark .showcase-part>span:last-child{color:#b0b0b5}@media (min-width:960px) and (min-height:800px) and (prefers-reduced-motion:no-preference){.showcase-scroll-track[data-scroll-story]{height:calc(620px + 75vh)}[data-scroll-story] .showcase-panel{height:620px;position:sticky;top:88px}[data-scroll-story] .showcase-visual{perspective:1100px}[data-scroll-story] .showcase-device{transform:translate3d(0, calc((1 - var(--story-progress)) * 18px), 0) rotateY(calc((1 - var(--story-progress)) * -9deg)) scale(calc(.94 + var(--story-progress) * .08));animation:none}[data-scroll-story] .showcase-ambient{opacity:calc(.15 + var(--story-progress) * .65);transform:scale(calc(.85 + var(--story-progress) * .2))}[data-scroll-story] .showcase-glass{transform:translate3d(calc(-70% + var(--story-progress) * 140%), 0, 0)}[data-scroll-story] .showcase-parts{display:contents}[data-scroll-story] .showcase-part{z-index:1;max-width:215px;opacity:calc(.15 + var(--story-progress) * .85);position:absolute}[data-scroll-story] .showcase-part-0{transform:translate3d(calc((1 - var(--story-progress)) * -55px), calc((1 - var(--story-progress)) * 40px), 0);bottom:145px;left:16px}[data-scroll-story] .showcase-part-1{transform:translate3d(calc((1 - var(--story-progress)) * 55px), calc((1 - var(--story-progress)) * -40px), 0);top:120px;right:16px}[data-scroll-story] .showcase-visual-tablet .showcase-part-0{bottom:150px}[data-scroll-story] .showcase-visual-tablet .showcase-part-1{top:150px}}@media (prefers-reduced-motion:reduce){.showcase-glass{display:none}}