.showcase-section{padding-top:110px;overflow:clip;--rail-gutter:max(24px,calc((100vw - 1320px)/2));--card-width:440px;--card-gap:26px;background:#090e17;border-top:1px solid #172235;border-bottom:1px solid #172235}
.scroll-story{height:auto}.showcase-pin{padding:38px 0 42px}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.showcase-heading h2{font-size:48px;margin-bottom:0}.showcase-heading>p{color:var(--muted);font-size:16px;max-width:390px;margin:0 0 5px}
.showcase-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#3b546e #0a131e;padding:14px 0 28px;overscroll-behavior-x:contain;perspective:1800px}.showcase-track{display:flex;gap:var(--card-gap);width:max-content;padding:0 var(--rail-gutter);transform-style:preserve-3d}
.showcase-card{position:relative;width:var(--card-width);flex:0 0 var(--card-width);border:1px solid #2a3548;border-radius:22px;overflow:hidden;scroll-snap-align:center;background:#101722;transform-origin:50% 65%;transition:border-color .35s,box-shadow .35s;transform:rotateY(var(--card-turn,0deg)) translateY(var(--card-lift,0px));backface-visibility:hidden;box-shadow:0 16px 34px #0003}
.showcase-card.is-current{border-color:#547b99;box-shadow:0 16px 44px #0005,0 0 30px #5fa2da0b}.showcase-card:hover{border-color:#7697b7}.showcase-art{height:325px;position:relative;overflow:hidden;background:#0b1320}.showcase-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.motion-enabled .showcase-card:hover .showcase-image{transform:scale(1.07)}.showcase-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b122012 60%,#101722 100%)}.showcase-art-caption{position:absolute;bottom:12px;left:30px;z-index:1;color:#9dafc3;font-size:12px;letter-spacing:1.5px;font-family:'Space Grotesk',sans-serif}
.showcase-card-copy{padding:19px 30px 31px;min-height:255px;display:flex;flex-direction:column}.card-index{font-size:12px;letter-spacing:1.2px;color:#8daccc;font-family:'Space Grotesk',sans-serif}.showcase-card h3{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:18px 0 15px;line-height:1.2}.showcase-card p{font-size:16px;color:#aab8cb;margin:0 0 23px;line-height:1.7}.showcase-card .text-link{font-size:14px;color:#bad8ed;margin-top:auto;align-self:flex-start}.showcase-card .text-link:after{content:'↗';display:inline-block;margin-left:12px;transition:transform .25s}.motion-enabled .showcase-card:hover .text-link:after{transform:translate(3px,-3px)}
.showcase-footer{display:flex;align-items:center;gap:30px;margin-top:6px}.showcase-hint{font-size:14px;color:#a3b7ce}.showcase-progress{height:2px;background:#273c51;flex:1;overflow:hidden;max-width:390px}.showcase-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(var(--rail-progress,.04));transform-origin:left}.showcase-controls{display:flex;gap:14px;align-items:center;margin-left:auto}.showcase-controls button{border:1px solid #3d536b;border-radius:9px;background:#101b29;padding:9px 14px;font-size:14px;color:#c0d5e9;min-height:42px}.showcase-controls button:hover{border-color:var(--cyan);color:#fff}.showcase-controls button:disabled{opacity:.4;cursor:default}.showcase-controls>span{font-size:12px;font-family:'Space Grotesk',sans-serif;color:#9bb7d4;min-width:54px;text-align:center}
.scroll-story.is-pinned{height:calc(var(--pin-height,740px) + var(--scroll-travel,1600px))}.is-pinned .showcase-pin{position:sticky;top:var(--sticky-top,95px);height:var(--pin-height,740px);padding-top:20px;display:flex;flex-direction:column;justify-content:center}.is-pinned .showcase-viewport{overflow:hidden;scroll-snap-type:none;flex-shrink:0}.is-pinned .showcase-track{will-change:transform}.is-pinned .showcase-heading{margin-bottom:20px}.is-pinned .showcase-heading h2{font-size:clamp(32px,3vw,46px)}.is-pinned .showcase-heading>p{max-width:320px}.is-pinned .showcase-art{height:clamp(210px,28vh,340px)}.is-pinned .showcase-card-copy{min-height:245px}.is-pinned .showcase-footer{margin-top:4px}.feature-details-section{padding-top:90px}
@media(min-width:900px) and (max-height:850px){.is-pinned .showcase-heading h2{font-size:36px}.is-pinned .showcase-heading .eyebrow{margin-top:0}.is-pinned .showcase-heading>p{font-size:14px}.is-pinned .showcase-card-copy{padding:13px 27px 23px;min-height:220px}.is-pinned .showcase-card h3{font-size:25px;margin:12px 0}.is-pinned .showcase-card p{margin-bottom:18px}.is-pinned .showcase-viewport{padding-bottom:19px}.is-pinned .showcase-pin{padding-bottom:22px}}
@media(max-width:1100px){.showcase-section{--rail-gutter:32px;--card-width:390px;--card-gap:22px}.showcase-art{height:300px}.logo-float{width:320px}.motion-toggle span{display:none}.nav{gap:18px}.nav-links{gap:20px}}
@media(max-width:800px){.showcase-section{padding-top:50px;--rail-gutter:20px;--card-width:min(390px,85vw);--card-gap:18px}.showcase-heading{display:block;margin-bottom:25px}.showcase-heading h2{font-size:38px;margin-bottom:18px}.showcase-heading>p{font-size:16px}.showcase-footer{gap:18px;flex-wrap:wrap}.showcase-hint{flex-basis:100%}.showcase-progress{min-width:50px}.showcase-controls{gap:10px}.feature-details-section{padding-top:55px}.nav .motion-toggle{margin-left:0}.nav-links{margin-left:0}.logo-float{width:320px}.showcase-art{height:280px}.showcase-card-copy{padding:18px 25px 26px;min-height:268px}.showcase-card h3{font-size:25px}}
@media(max-width:480px){.nav{gap:10px;padding-inline:14px}.motion-toggle{padding:8px}.logo-float{width:275px}.logo-float .brand-visual{border-radius:42px}.showcase-card h3{font-size:24px}.showcase-heading h2{font-size:35px}.showcase-art{height:245px}.showcase-art-caption{left:25px;font-size:11px}.showcase-controls button{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .logo-float,html:not(.motion-enabled) .logo-reflection,html:not(.motion-enabled) .orbit,html:not(.motion-enabled) .art-tag{animation:none!important}html:not(.motion-enabled) .showcase-card{transform:none!important}html:not(.motion-enabled) .reveal-ready{opacity:1!important;transform:none!important}html:not(.motion-enabled) .feature-panel.feature-changing h3,html:not(.motion-enabled) .feature-panel.feature-changing>p,html:not(.motion-enabled) .feature-panel.feature-changing .feature-facts{animation:none!important}}