/* Forge Web: project-led, with one monitor and one quiet roadmap. */
.forge-showcase{background:#faf9f6;color:#102b3f;padding:88px 0 96px;overflow:hidden}
.showcase-heading{margin-bottom:48px}
.showcase-heading h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.6px;font-weight:500}
.showcase-heading p{margin-top:12px;color:#506b7d;font-size:15px}
.showcase-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:64px;align-items:center}
.showcase-device{min-width:0}
.desktop-display{position:relative;padding:9px 9px 20px;background:linear-gradient(135deg,#303b43,#111c24 65%,#303a40);border:1px solid #859096;border-radius:17px;box-shadow:inset 0 1px 0 #e6edf266,0 16px 30px -19px #102b3f55}
.desktop-display:after{content:'';position:absolute;bottom:8px;left:50%;width:3px;height:3px;border-radius:50%;background:#64737c}
.showcase-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#101416;touch-action:pan-y;cursor:grab;outline-offset:6px}
.showcase-screen:focus-visible{outline:2px solid #173f5a}
.showcase-screen.is-dragging{cursor:grabbing}
.showcase-track{display:flex;width:100%;height:100%;transform:translate3d(0,0,0);transition:transform 550ms cubic-bezier(.22,.68,.25,1);will-change:transform}
.is-dragging .showcase-track{transition:none}
.showcase-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;user-select:none}
.showcase-slide img{display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none}
.showcase-slide.minimal-slide img{position:absolute;width:124.3671%;left:-12.3418%;top:-14.627%;height:auto}
.desktop-neck{position:relative;width:66px;height:43px;margin-inline:auto;background:linear-gradient(90deg,#bec5ca,#e9ecee 45%,#9ca8ae);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}
.desktop-base{position:relative;height:9px;width:176px;margin-inline:auto;border-radius:50% 50% 4px 4px;background:linear-gradient(#e1e5e8,#a3aeb5);box-shadow:0 13px 14px -5px #173f5a26}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;min-height:46px}
.showcase-project{display:flex;flex-direction:column;gap:2px;min-width:100px}
.showcase-project strong{font-size:14px;font-weight:500;line-height:1.4}
.showcase-project small{color:#506b7d;font-size:11px;line-height:1.4}
.showcase-navigation{display:flex;align-items:center;gap:14px}
.showcase-counter{font-size:11px;letter-spacing:1px;color:#506b7d;white-space:nowrap;font-variant-numeric:tabular-nums}
.showcase-dots{display:flex;align-items:center;gap:0}
.showcase-dot{display:grid;place-items:center;width:28px;height:44px;padding:0;border:0;background:none;border-radius:5px}
.showcase-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#bac8d1;transition:background .2s,transform .2s}
.showcase-dot[aria-pressed=true]:before{background:#e71926;transform:scale(1.2)}
.showcase-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid #102b3f24;border-radius:50%;color:#102b3f;transition:background .2s,transform .2s}
.showcase-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.showcase-arrow:hover{background:#e5edf2;transform:translateY(-1px)}
.showcase-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:7px 12px;border:1px solid #ffffff25;border-radius:8px;background:#102b3fbd;color:#faf9f6;font-size:11px;line-height:1.3;pointer-events:none;opacity:1;transition:opacity .35s;white-space:nowrap;backdrop-filter:blur(8px)}
.showcase-hint.is-dismissed{opacity:0}
.forge-roadmap h3{font-size:28px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin-bottom:20px}
.roadmap-journey{position:relative}
.roadmap-line{position:absolute;left:0;top:0;width:40px;height:372px;overflow:visible;pointer-events:none}
.roadmap-line path{fill:none;stroke-width:1.2;stroke-linecap:round}
.roadmap-base{stroke:#d3dfe6}
.roadmap-progress{stroke:#7594a6}
.roadmap-marker{fill:#e71926;stroke:#faf9f6;stroke-width:2;opacity:0}
.roadmap-steps{position:relative;list-style:none;margin:0;padding:0}
.roadmap-step{position:relative;display:flex;align-items:center;gap:21px;width:100%;height:62px;text-align:left;border:0;background:none;padding:0 0 0 15px;border-radius:8px;color:#102b3f}
.roadmap-node{position:relative;flex-shrink:0;width:10px;height:10px;border:1px solid #8ba5b4;border-radius:50%;background:#faf9f6;transition:border-color .25s,background .25s,box-shadow .25s}
.roadmap-step.is-reached .roadmap-node{background:#173f5a;border-color:#173f5a}
.roadmap-step[aria-pressed=true] .roadmap-node{border-color:#e71926;background:#e71926;box-shadow:0 0 0 4px #e7192610}
.roadmap-step-copy{min-width:0;display:block}
.roadmap-label{display:block;font-size:14px;line-height:1.4;font-weight:500}
.roadmap-description{display:block;max-height:0;opacity:0;overflow:hidden;font-size:12px;line-height:1.45;color:#506b7d;transition:opacity .25s,max-height .25s}
.roadmap-step[aria-pressed=true] .roadmap-description{max-height:38px;opacity:1;margin-top:3px}
.roadmap-step:hover{background:#e5edf24d}
.roadmap-step.is-reached .roadmap-label{animation:roadmap-reached .55s ease-out}
.roadmap-step:last-child.is-reached .roadmap-label{color:#173f5a}
.roadmap-replay{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;margin:3px 0 15px 40px;border:0;background:none;color:#506b7d;font-size:11px;border-radius:5px}
.roadmap-replay svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.forge-roadmap .showcase-cta{width:100%;max-width:270px;min-height:48px;background:#102b3f;border-color:#102b3f;color:#faf9f6;font-size:13px;border-radius:11px;margin-left:40px}
.showcase-dot:focus-visible,.showcase-arrow:focus-visible,.roadmap-step:focus-visible,.roadmap-replay:focus-visible{outline:2px solid #173f5a;outline-offset:3px}
.forge-showcase.is-introduced .showcase-grid{animation:showcase-enter .6s ease-out both}
@keyframes showcase-enter{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes roadmap-reached{from{opacity:.7}to{opacity:1}}
@media(max-width:1100px){.showcase-grid{gap:36px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.showcase-navigation{gap:7px}.showcase-counter{letter-spacing:.4px}.forge-roadmap h3{font-size:26px}.forge-roadmap .showcase-cta{max-width:calc(100% - 40px)}}
@media(max-width:900px){.showcase-grid{grid-template-columns:1fr;gap:54px}.showcase-device{max-width:730px;width:100%;margin-inline:auto}.forge-roadmap{width:100%;max-width:420px;margin-inline:auto}.showcase-heading{margin-bottom:35px}.forge-showcase{padding:64px 0 72px}.forge-roadmap .showcase-cta{max-width:270px}}
@media(max-width:600px){.forge-showcase{padding:56px 0 64px}.showcase-heading h2{font-size:32px;letter-spacing:-1.2px}.showcase-heading p{font-size:14px;max-width:260px}.showcase-controls{flex-wrap:wrap;gap:10px;margin-top:23px}.showcase-navigation{gap:5px}.showcase-dots{margin-right:1px}.showcase-arrow{width:44px;height:44px}.showcase-counter{font-size:10px}.showcase-project{min-width:90px}.showcase-project strong{font-size:13px}.showcase-project small{font-size:10px}.desktop-display{padding:6px 6px 15px;border-radius:12px}.desktop-display:after{bottom:5px;width:2px;height:2px}.showcase-screen{border-radius:5px}.desktop-neck{height:28px;width:50px}.desktop-base{width:130px;height:7px}.showcase-hint{bottom:9px;font-size:9px;padding:5px 9px}.showcase-grid{gap:44px}.forge-roadmap h3{font-size:26px}.roadmap-description{font-size:12px}.forge-roadmap .showcase-cta{max-width:calc(100% - 40px)}}
@media(max-width:380px){.showcase-controls{align-items:flex-start}.showcase-project{width:100%;flex-direction:row;align-items:baseline;gap:8px}.showcase-navigation{width:100%;justify-content:space-between}.showcase-dots{margin-left:auto}.showcase-grid{gap:38px}}
@media(prefers-reduced-motion:reduce){.showcase-track{transition:none}.showcase-arrow,.showcase-dot:before,.showcase-hint,.roadmap-node,.roadmap-description{transition:none}.forge-showcase.is-introduced .showcase-grid,.roadmap-step.is-reached .roadmap-label{animation:none}.showcase-arrow:hover{transform:none}}
/* Show deliberate hero viewports of the new supplied concepts. */
.showcase-slide.mrl-slide img{position:absolute;width:109.97%;left:-4.93%;top:-12.24%;height:auto}
.showcase-slide.zeus-slide img{position:absolute;width:111.111%;left:-5.556%;top:-9.877%;height:auto}
/* Icon-only controls, no caption, counter or button containers. */
.showcase-controls{justify-content:center;margin-top:22px}
.showcase-navigation{gap:12px}
.showcase-arrow{border:0;background:none;border-radius:5px;box-shadow:none}
.showcase-arrow:hover{background:transparent;color:#506b7d}
.showcase-dots{order:1}
.showcase-arrow[data-carousel-prev]{order:0}
.showcase-arrow[data-carousel-next]{order:2}
@media(max-width:600px){.showcase-navigation{gap:12px}.showcase-controls{flex-wrap:nowrap}.showcase-navigation{width:auto;justify-content:center}.showcase-dots{margin:0}}
/* Crisp static rendering and logo-led selection. Originals remain untouched. */
.showcase-track{will-change:auto}
.forge-showcase.is-introduced .showcase-grid{animation:showcase-fade .45s ease-out both}
@keyframes showcase-fade{from{opacity:.8}to{opacity:1}}
.showcase-slide img{filter:none;image-rendering:auto}
.showcase-slide.verdea-slide{background:#faf9f6}
.showcase-slide.verdea-slide img{width:100%;height:100%;object-fit:contain;object-position:center}
.showcase-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;width:100%;gap:10px}
.showcase-logos{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;order:1;min-width:0;padding-bottom:9px}
.showcase-logo{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0;background:transparent;border:0;border-radius:5px;opacity:.65;transition:opacity .2s}
.showcase-logo img{display:block;width:100%;max-width:110px;height:44px;object-fit:contain}
.showcase-logo:hover,.showcase-logo[aria-pressed=true]{opacity:1}
.showcase-logo-marker{position:absolute;bottom:1px;left:calc(var(--active-logo,0)*25% + 12.5%);width:22px;height:2px;border-radius:2px;background:#e71926;transform:translateX(-50%);transition:left 550ms cubic-bezier(.22,.68,.25,1);pointer-events:none}
.showcase-logo:focus-visible,.showcase-expand:focus-visible,.showcase-close:focus-visible{outline:2px solid #173f5a;outline-offset:3px}
.showcase-expand,.showcase-close{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:5px;background:none;color:#102b3f;cursor:pointer}
.showcase-expand{order:3}
.showcase-expand svg,.showcase-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.showcase-expand:hover{color:#506b7d}
.showcase-lightbox{padding:0;border:1px solid #ffffffa0;border-radius:14px;background:#faf9f6;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);box-shadow:0 24px 80px #001b3860;overflow:visible}
.showcase-lightbox::backdrop{background:#071b2bc9;backdrop-filter:blur(8px)}
.showcase-lightbox img{display:block;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);width:auto;height:auto;object-fit:contain;border-radius:13px}
.showcase-close{position:absolute;top:9px;right:9px;background:#faf9f6e8;box-shadow:0 1px 8px #102b3f18;border:1px solid #173f5a20;z-index:1}
@media(max-width:600px){.showcase-navigation{grid-template-columns:repeat(3,44px);justify-content:center;gap:4px;width:100%}.showcase-logos{grid-column:1/-1;width:100%;grid-row:1;min-width:calc(100vw - 47px);margin-left:calc((132px - (100vw - 47px))/2);gap:6px}.showcase-arrow[data-carousel-prev]{grid-column:1;grid-row:2}.showcase-arrow[data-carousel-next]{grid-column:2;grid-row:2}.showcase-expand{grid-column:3;grid-row:2}.showcase-logo img{height:42px}.showcase-lightbox,.showcase-lightbox img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}}
@media(prefers-reduced-motion:reduce){.showcase-logo,.showcase-logo-marker{transition:none}.forge-showcase.is-introduced .showcase-grid{animation:none}}
@media(max-width:600px){.showcase-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.showcase-logos{order:0;flex:0 0 100%;width:100%;min-width:0;margin:0 0 4px;gap:6px}.showcase-arrow[data-carousel-prev]{order:1}.showcase-arrow[data-carousel-next]{order:2}.showcase-expand{order:3}}
/* Match the hero's unboxed three-column brand selectors. */
.showcase-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:420px;margin-inline:auto;gap:14px 0}
.showcase-logos{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:420px;gap:26px 30px;padding:0;margin:0;min-width:0;order:0}
.showcase-logo{position:relative;width:100%;min-height:65px;padding:0 0 9px;border-radius:4px;opacity:.78;transition:opacity .2s,transform .2s}
.showcase-logo img{width:112px;max-width:100%;height:57px}
.showcase-logo:hover{opacity:1;transform:translateY(-1px)}
.showcase-logo[aria-pressed=true]:after{content:'';position:absolute;bottom:1px;left:50%;width:3px;height:3px;border-radius:50%;background:#416471;transform:translateX(-50%)}
.showcase-logo-marker{display:none}
.showcase-arrow[data-carousel-prev],.showcase-arrow[data-carousel-next],.showcase-expand{grid-row:2;justify-self:center;order:0}
.showcase-arrow[data-carousel-prev]{grid-column:1}.showcase-arrow[data-carousel-next]{grid-column:2}.showcase-expand{grid-column:3}
@media(max-width:600px){.showcase-navigation{display:grid;max-width:310px;gap:10px 0}.showcase-logos{max-width:310px;gap:24px 15px;margin:0;min-width:0}.showcase-logo{min-height:58px}.showcase-logo img{width:96px;height:50px}}
@media(max-width:360px){.showcase-logos{gap:23px 12px}.showcase-logo img{width:82px;height:47px}}
@media(prefers-reduced-motion:reduce){.showcase-logo{transition:none}.showcase-logo:hover{transform:none}}
/* A full-width logo grid is the only navigation beneath the monitor. */
.showcase-navigation{display:block;max-width:420px}
.showcase-logos{grid-column:auto;grid-row:auto;margin-inline:auto}
.showcase-slide.zeus-slide img,.showcase-clone.zeus-slide img{position:static;width:100%;height:100%;object-fit:contain;object-position:center;left:auto;top:auto}
.showcase-clone{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden;user-select:none}
.showcase-clone img{display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none}
.showcase-clone.verdea-slide{background:#faf9f6}
.showcase-clone.verdea-slide img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.showcase-navigation{display:block;max-width:310px}}
/* A precision silver display: slim bezel, milled edge, restrained support. */
.desktop-display{padding:7px 7px 13px;border-radius:13px;border:1px solid #c0c6ca;background:#111619;box-shadow:0 0 0 1px #e8ebed,inset 0 1px 0 #4b545a,0 3px 3px #12212b12,0 18px 34px -24px #102b3f55}
.desktop-display:before{content:'';position:absolute;inset:1px;border:1px solid #dce4e718;border-radius:11px;pointer-events:none}
.desktop-display:after{bottom:4px;width:2px;height:2px;background:#53636f}
.showcase-screen{border-radius:6px}
.desktop-neck{width:51px;height:38px;clip-path:polygon(9% 0,91% 0,100% 100%,0 100%);background:linear-gradient(90deg,#b9c1c6,#d5dce1 35%,#c6cfd5 70%,#a8b4bd);box-shadow:inset 0 0 0 1px #bac5cc}
.desktop-base{width:166px;height:6px;border-radius:2px 2px 3px 3px;background:linear-gradient(180deg,#dce3e7,#adb9c1);box-shadow:0 1px 0 #8e9ca5,0 12px 15px -5px #18374528}
.showcase-controls{margin-top:24px}
@media(max-width:600px){.desktop-display{padding:5px 5px 10px;border-radius:10px}.desktop-display:before{border-radius:8px}.showcase-screen{border-radius:4px}.desktop-neck{width:39px;height:27px}.desktop-base{width:125px;height:5px}}
/* The completed destination stays gold after a two-second echo. */
.roadmap-step.is-complete .roadmap-node,.roadmap-step.is-complete[aria-pressed=true] .roadmap-node{background:#b18a38;border-color:#a77d2f;box-shadow:0 0 0 3px #ba954512}
.roadmap-step.is-complete .roadmap-label,.roadmap-step:last-child.is-complete.is-reached .roadmap-label{color:#977127}
.roadmap-step.is-complete .roadmap-node:after{content:'';position:absolute;inset:-3px;border:1px solid #b18a38;border-radius:50%;opacity:0;animation:launch-echo 1s ease-out 2}
@keyframes launch-echo{from{opacity:.65;transform:scale(.8)}to{opacity:0;transform:scale(2.7)}}
.forge-showcase:not(.roadmap-is-visible) .roadmap-step.is-complete .roadmap-node:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.roadmap-step.is-complete .roadmap-node:after{animation:none}}
/* Two rows of two crisp brand marks, with even optical spacing. */
.showcase-navigation{max-width:340px}
.showcase-logos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px;gap:24px 36px}
.showcase-logo{min-height:73px;padding-bottom:10px}
.showcase-logo img{width:128px;height:64px;max-width:100%;filter:none;image-rendering:auto}
@media(max-width:600px){.showcase-navigation,.showcase-logos{max-width:300px}.showcase-logos{gap:20px 28px}.showcase-logo img{width:120px;height:60px}}
@media(max-width:360px){.showcase-logos{gap:18px 22px}.showcase-logo img{width:112px;height:57px}}
/* New MR L widescreen artwork needs no presentation-matte crop. */
.showcase-slide.mrl-slide img,.showcase-clone.mrl-slide img{position:static;width:100%;height:100%;left:auto;top:auto;object-fit:contain;object-position:center}
.premium-monitor-stand{display:block;width:36%;max-width:238px;height:auto;margin:-1px auto 0;filter:drop-shadow(0 9px 8px #173f5a20);pointer-events:none}
@media(max-width:600px){.premium-monitor-stand{width:39%;max-width:160px}}