/* نواتج بلس — قسم الجولة المرئية في الواجهة العامة */
.nw-showcase-section{
    padding-block:var(--section-y);
    background:linear-gradient(180deg,var(--page) 0%,var(--surface-3) 100%);
    border-block:1px solid var(--line);
}
.nw-showcase-heading{margin-bottom:clamp(30px,4vw,44px)}
.nw-showcase{
    position:relative;isolation:isolate;overflow:hidden;outline:none;
    border-radius:var(--r-xl);background:#092841;
    border:1px solid rgba(18,59,94,.30);box-shadow:var(--shadow-xl);
}
.nw-showcase:focus-visible{box-shadow:0 0 0 4px rgba(18,168,143,.22),var(--shadow-xl)}
.nw-showcase-stage{position:relative;min-height:590px}
.nw-showcase-slide{
    display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.55fr);
    align-items:stretch;min-height:590px;color:#fff;
    background:radial-gradient(circle at 10% 15%,rgba(47,199,170,.24),transparent 26%),linear-gradient(135deg,#081E33,#0D4059 58%,#0E5D63);
}
.nw-showcase-slide[hidden]{display:none!important}
.nw-showcase-slide.is-active{animation:nwShowcaseEnter .55s var(--ease) both}
.nw-showcase-copy{padding:52px 38px 88px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.nw-showcase-number{font-family:var(--font-display);font-size:58px;line-height:1;color:rgba(255,255,255,.13);font-weight:900;margin-bottom:12px;font-variant-numeric:tabular-nums}
.nw-showcase-tag{display:inline-flex;align-self:flex-start;padding:7px 13px;border-radius:var(--r-pill);background:rgba(143,232,212,.13);border:1px solid rgba(143,232,212,.28);color:#BDF3E5;font-size:12px;font-weight:700;margin-bottom:14px}
.nw-showcase-copy h3{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(27px,3vw,42px);line-height:1.45;color:#fff}
.nw-showcase-copy p{margin:0;color:#D9E9F2;font-size:16px;line-height:2}
.nw-showcase-visual{margin:0;padding:24px 24px 72px 0;display:grid;place-items:center;min-width:0;overflow:hidden}
.nw-showcase-visual img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:20px;background:#F2F7FA;box-shadow:0 22px 55px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.28)}
.nw-showcase-controls{position:absolute;z-index:5;inset-inline:0;bottom:21px;display:flex;align-items:center;justify-content:center;gap:16px;padding-inline:22px}
.nw-showcase-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.24);border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font:900 29px/1 var(--font-display);cursor:pointer;display:grid;place-items:center;transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease);backdrop-filter:blur(10px)}
.nw-showcase-arrow:hover,.nw-showcase-arrow:focus-visible{background:#fff;color:#0D3B63;transform:translateY(-2px);outline:none}
.nw-showcase-dots{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:var(--r-pill);background:rgba(4,24,39,.46);backdrop-filter:blur(10px)}
.nw-showcase-dots button{width:9px;height:9px;padding:0;border:0;border-radius:var(--r-pill);background:rgba(255,255,255,.42);cursor:pointer;transition:width .25s var(--ease),background .25s var(--ease)}
.nw-showcase-dots button.is-active{width:30px;background:#8FE8D4}
.nw-showcase-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.nw-showcase-progress{position:absolute;z-index:5;inset-inline:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}
.nw-showcase-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue-500),var(--teal-400),var(--gold))}
.nw-showcase.is-running .nw-showcase-progress span{animation:nwShowcaseProgress 6s linear forwards}
@keyframes nwShowcaseEnter{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes nwShowcaseProgress{from{width:0}to{width:100%}}
@media(max-width:980px){
    .nw-showcase-stage,.nw-showcase-slide{min-height:0}
    .nw-showcase-slide{grid-template-columns:1fr}
    .nw-showcase-copy{padding:38px 30px 20px}
    .nw-showcase-number{font-size:44px}
    .nw-showcase-copy h3{font-size:30px}
    .nw-showcase-visual{padding:12px 20px 82px}
    .nw-showcase-visual img{max-height:none}
}
@media(max-width:680px){
    .nw-showcase{border-radius:22px}
    .nw-showcase-copy{padding:30px 22px 14px}
    .nw-showcase-copy h3{font-size:25px}
    .nw-showcase-copy p{font-size:14px;line-height:1.85}
    .nw-showcase-number{font-size:36px}
    .nw-showcase-visual{padding:8px 12px 78px}
    .nw-showcase-visual img{border-radius:13px}
    .nw-showcase-controls{bottom:17px;gap:9px}
    .nw-showcase-arrow{width:38px;height:38px;border-radius:12px}
    .nw-showcase-dots{gap:6px;padding:8px 10px}
    .nw-showcase-dots button{width:8px;height:8px}
    .nw-showcase-dots button.is-active{width:22px}
}
@media(prefers-color-scheme:dark){
    .nw-showcase-section{background:linear-gradient(180deg,var(--page),#0D2338)}
}
@media(prefers-reduced-motion:reduce){
    .nw-showcase-slide.is-active,.nw-showcase.is-running .nw-showcase-progress span{animation:none!important}
    .nw-showcase-arrow,.nw-showcase-dots button{transition:none!important}
}
@media print{.nw-showcase-section{display:none!important}}