.home-showcase{background:var(--bg);color:var(--text)}
.showcase-panel[hidden]{display:none}.showcase-panel{min-height:640px}
.showcase-overview{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.6fr);gap:clamp(30px,3vw,64px);align-items:center;padding:42px clamp(24px,3vw,64px)}
.showcase-intro{padding:20px 0;max-width:500px}.showcase-intro h1{font-size:clamp(57px,4.6vw,84px);line-height:1.08;letter-spacing:-.028em;text-wrap:initial}
.showcase-intro .eyebrow{font-size:12px;line-height:1.8;letter-spacing:.15em;margin-bottom:26px}
.showcase-description{font-size:18px;line-height:1.85;max-width:510px;margin-top:26px}
.showcase-intro .button{margin-top:30px;font-size:15px}
.showcase-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.showcase-tile{position:relative;display:block;aspect-ratio:3/2;isolation:isolate;overflow:hidden}
.showcase-tile img{object-fit:cover;transition:transform .5s ease}.showcase-tile:hover img{transform:scale(1.025)}
.showcase-tile::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(6,18,14,.82));z-index:1}
.showcase-tile>span{position:absolute;inset-inline:20px;bottom:17px;z-index:2;color:#fff;font-size:17px;line-height:1.5;font-weight:500}
.showcase-feature{position:relative;isolation:isolate;display:flex;align-items:center;padding:70px max(56px,calc((100vw - 1400px)/2));min-height:clamp(640px,45vw,850px);color:#fff}
.feature-photo{position:absolute;inset:0;z-index:-2}.feature-photo img{object-position:center}
.showcase-feature::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,15,10,.78),rgba(4,15,10,.5) 46%,rgba(4,15,10,.08))}
html[dir=rtl] .showcase-feature::after{background:linear-gradient(270deg,rgba(4,15,10,.78),rgba(4,15,10,.5) 46%,rgba(4,15,10,.08))}
.feature-copy{max-width:720px}.feature-copy .eyebrow{color:#fff;font-size:14px}.feature-copy h2{font-size:clamp(54px,5.7vw,88px);line-height:1.08;letter-spacing:-.025em}.feature-copy .showcase-description{color:#fff;max-width:510px}.feature-copy .button{margin-top:28px;background:#f8f7f2;color:#203c34;border-color:#f8f7f2;font-size:16px}
.showcase-stage{position:relative;display:grid;touch-action:pan-y pinch-zoom;cursor:grab;overflow:clip}
.showcase-stage>.showcase-panel{grid-area:1/1;min-width:0}
.showcase-stage.is-dragging{cursor:grabbing;user-select:none}
.showcase-stage img{-webkit-user-drag:none;user-select:none}
.showcase-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.showcase-playback[hidden]{display:none}
.showcase-playback{position:absolute;inset-inline-end:20px;bottom:16px;z-index:5;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ffffff60;border-radius:3px;background:#13271fe6;color:#fff;cursor:pointer}
.showcase-playback span{width:10px;height:12px;border-inline:3px solid currentColor}
.showcase-playback.is-paused span{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.showcase-playback:focus-visible{outline:2px solid #d0dfc4;outline-offset:3px}
.feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.feature-copy .feature-actions .button{margin:0;min-height:54px;justify-content:center;padding:15px 26px;white-space:nowrap}
.feature-copy .feature-secondary{background:rgba(9,25,18,.7);color:#fff;border-color:rgba(255,255,255,.65)}
.feature-copy .feature-secondary:hover{background:rgba(9,25,18,.9);border-color:#fff}
.showcase-navigation{display:flex;align-items:center;justify-content:space-between;gap:28px;border-block:1px solid var(--line);padding:18px clamp(20px,3vw,64px);background:var(--bg)}
.showcase-navigation-label{font-size:15px;color:var(--muted);flex-shrink:0}
.showcase-product-links{display:flex;flex-wrap:wrap;gap:8px 32px}
.showcase-product-links a{display:flex;align-items:center;min-height:44px;font-size:16px;color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:7px}
.showcase-product-links a:hover,.showcase-navigation-label:hover{text-decoration-color:var(--text);color:var(--text)}
@media(max-width:1100px){.showcase-navigation{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:600px){.showcase-product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;width:100%}.showcase-product-links a{font-size:14px}.showcase-navigation-label{font-size:13px}.feature-actions{gap:10px;margin-top:24px}.feature-copy .feature-actions .button{font-size:14px;padding:13px 18px;min-height:50px}.feature-copy .feature-actions .feature-secondary{background:transparent;color:var(--text);border-color:var(--muted)}.feature-copy .feature-actions .feature-secondary:hover{background:var(--surface)}}

html[lang=zh-Hans] .showcase-intro h1{font-size:clamp(43px,3.65vw,64px);line-height:1.5;letter-spacing:.045em}
html[lang=zh-Hans] .feature-copy h2{font-size:clamp(45px,4.6vw,72px);line-height:1.45}
html[lang=ru] .showcase-intro h1{font-size:clamp(44px,3.6vw,67px)}
html[lang=ar] .showcase-intro h1{font-size:clamp(52px,4.6vw,78px);line-height:1.4;letter-spacing:0}
html[lang=ar] .showcase-intro .eyebrow{letter-spacing:0}
@media(min-width:1900px){.showcase-overview{grid-template-columns:minmax(400px,.75fr) minmax(0,1.65fr);padding-block:50px;gap:75px}.showcase-description{font-size:20px}.showcase-tile>span{font-size:20px}}
@media(max-width:1100px){.showcase-overview{grid-template-columns:1fr;padding:30px 35px;gap:30px}.showcase-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;max-width:none;align-items:start}.showcase-intro .eyebrow{grid-column:1/-1;margin-bottom:20px}.showcase-intro h1{grid-row:2/4;font-size:60px}.showcase-intro .showcase-description{margin-top:0}.showcase-intro .button{width:fit-content;margin-top:20px}.showcase-mosaic{max-width:100%;width:100%}.showcase-panel{min-height:0}.showcase-feature{min-height:700px;padding:65px 35px}}
@media(max-width:600px){.showcase-overview{padding:30px 20px 24px;gap:28px}.showcase-intro{display:block;padding:0}.showcase-intro h1{font-size:53px}.showcase-intro .eyebrow{font-size:11px;margin-bottom:18px}.showcase-description,.showcase-intro .showcase-description{font-size:16px;margin-top:20px;line-height:1.85}.showcase-intro .button{margin-top:23px;font-size:14px}.showcase-mosaic{gap:8px}.showcase-tile{aspect-ratio:1.24}.showcase-tile>span{font-size:13px;inset-inline:10px;bottom:10px}.showcase-tile::after{inset:40% 0 0}.showcase-feature{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:30px 20px 24px;min-height:0;color:var(--text)}.showcase-feature::after{display:none}.feature-photo{position:relative;inset:auto;z-index:auto;order:2;aspect-ratio:3/2}.feature-copy .eyebrow{color:var(--text);font-size:12px;margin-bottom:20px}.feature-copy h2{font-size:47px;line-height:1.12}.feature-copy .showcase-description{color:var(--muted);font-size:16px}.feature-copy .button{background:var(--accent);color:var(--button-text);border-color:var(--accent);font-size:14px;margin-top:22px}html[lang=zh-Hans] .showcase-intro h1{font-size:43px;line-height:1.5}html[lang=zh-Hans] .feature-copy h2{font-size:37px;line-height:1.5}html[lang=ru] .showcase-intro h1{font-size:41px}html[lang=ru] .feature-copy h2{font-size:40px}html[lang=ar] .showcase-intro h1{font-size:48px;line-height:1.35}html[lang=ar] .feature-copy h2{font-size:43px;line-height:1.4}}
@media(max-width:370px){.showcase-intro h1{font-size:45px}.showcase-tile>span{font-size:12px;inset-inline:8px}html[lang=zh-Hans] .showcase-intro h1{font-size:38px}html[lang=ru] .showcase-intro h1{font-size:36px}.feature-copy h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.showcase-tile img{transition:none}}