/* WEBNERIVO market section. Every selector is scoped to this section. */
.market-showcase { position:relative; isolation:isolate; overflow:hidden; padding:76px 0 44px; color:#f3f7fc; background:#0b1422; border-top:1px solid #89c8ff16; }
.market-showcase *, .market-showcase *::before, .market-showcase *::after { box-sizing:border-box; }
.market-showcase .ms-shell { position:relative; z-index:1; width:calc(100% - clamp(40px,8vw,160px)); max-width:1640px; margin-inline:auto; }
.market-showcase .ms-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.88fr) minmax(0,1.18fr); gap:clamp(28px,3vw,52px); align-items:center; }
.market-showcase .ms-layout > * { min-width:0; }
.market-showcase .ms-copy { padding-block:8px; }
.market-showcase .ms-eyebrow { margin:0 0 22px; font-size:12px; line-height:1.5; font-weight:700; letter-spacing:.12em; color:#b5c4d9; }
.market-showcase h2 { max-width:23ch; margin:0 0 24px; color:#f5f8ff; font-size:clamp(30px,2.45vw,45px); line-height:1.17; letter-spacing:-.035em; font-weight:700; text-wrap:balance; overflow-wrap:break-word; }
.market-showcase .ms-description { margin:0 0 28px; max-width:65ch; font-size:15px; line-height:1.85; color:#b6c1d2; }
.market-showcase .ms-cta { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:54px; max-width:100%; padding:15px 22px; border:1px solid #2885ff; border-radius:7px; background:linear-gradient(110deg,#0752ec,#007cfa); box-shadow:0 8px 28px #006cff28,inset 0 1px 0 #ffffff1a; color:#fff; text-decoration:none; font-size:15px; line-height:1.45; font-weight:600; transition:background .25s,box-shadow .25s,transform .25s; }
.market-showcase .ms-cta > span { flex-shrink:0; font-size:20px; transition:transform .25s; }
.market-showcase .ms-cta:focus-visible { outline:2px solid #9cddff; outline-offset:5px; }
.market-showcase .resource-links { display:flex; flex-wrap:wrap; gap:10px 20px; margin:22px 0 0 !important; font-size:13px; line-height:1.65; }
.market-showcase .resource-links a { color:#91d4fb; text-decoration:underline; text-underline-offset:4px; }
.market-showcase .ms-features { display:grid; gap:30px; padding:0; margin:0; list-style:none; }
.market-showcase .ms-features li { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:16px; }
.market-showcase .ms-feature-icon { display:grid; place-items:center; width:48px; height:50px; border:1px solid #72bbf83b; border-radius:8px; background:linear-gradient(145deg,#233e5877,#111c2c66); box-shadow:inset 0 1px 0 #b4e6ff1f,0 8px 20px #0002; transition:transform .3s,border-color .3s,box-shadow .3s; }
.market-showcase svg { display:block; width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; color:#73caff; }
.market-showcase .ms-features h3 { margin:2px 0 6px; color:#eef4ff; font-size:16px; font-weight:600; line-height:1.4; letter-spacing:-.02em; overflow-wrap:break-word; }
.market-showcase .ms-features p { margin:0; color:#aab9ce; font-size:14px; line-height:1.65; }
.market-showcase .ms-ambient { position:absolute; z-index:0; inset:0; pointer-events:none; background:radial-gradient(ellipse at 88% 40%,#0757b729,transparent 48%),radial-gradient(ellipse at 30% 100%,#21395818,transparent 55%); }
.market-showcase .ms-ambient span { position:absolute; width:65%; height:140px; right:-10%; top:48%; border:1px solid #4eb9ff26; border-radius:50%; transform:rotate(-14deg); box-shadow:0 0 24px #2b9cff12,inset 0 0 24px #2b9cff10; }
.market-showcase .ms-ambient span + span { top:52%; right:-5%; transform:rotate(11deg); width:55%; height:100px; border-color:#4eb9ff19; }
.market-showcase .ms-visual { position:relative; width:100%; aspect-ratio:1.12; min-width:0; pointer-events:none; }
.market-showcase .ms-device-glow { position:absolute; inset:15% 2% 5%; border-radius:50%; background:radial-gradient(ellipse,#136edb3b,transparent 67%); filter:blur(12px); }
.market-showcase .ms-orbit { position:absolute; top:35%; left:-8%; width:120%; height:25%; border:1px solid #4ebaff3d; border-radius:50%; transform:rotate(-22deg); box-shadow:0 0 9px #0c88ff28; }
.market-showcase .ms-orbit-two { transform:rotate(18deg); top:49%; opacity:.5; }
.market-showcase .ms-location { position:absolute; z-index:0; right:4%; top:1%; display:flex; align-items:center; gap:9px; padding:10px 12px; border:1px solid #79bfff27; border-radius:10px; background:#0e223577; color:#a7c7e9; font-size:10px; line-height:1.5; }
.market-showcase .ms-location svg { width:25px; height:30px; filter:drop-shadow(0 0 7px #37b4ff55); }
.market-showcase .ms-location strong { display:block; color:#badfff; font-size:13px; font-weight:500; }
.market-showcase .ms-laptop { position:absolute; z-index:2; top:20%; left:3%; width:84%; transform:perspective(1000px) rotateY(-14deg) rotateZ(-7deg); transform-origin:50% 70%; }
.market-showcase .ms-laptop-screen { position:relative; aspect-ratio:1.56; padding:9px 9px 12px; border:1px solid #6c7d9788; border-radius:12px 12px 4px 4px; background:linear-gradient(135deg,#192334,#02050a 40%); box-shadow:-8px 16px 30px #0009,0 0 0 2px #020712; }
.market-showcase .ms-camera { position:absolute; top:3px; left:50%; width:3px; height:3px; border-radius:50%; background:#40516b; }
.market-showcase .ms-laptop-base { position:absolute; left:-12%; top:99%; width:116%; height:23%; border-radius:2px 3px 16px 19px; background:linear-gradient(170deg,#38465c,#142235 63%,#42516a 66%,#0c1220 76%); transform:perspective(300px) rotateX(43deg) skewX(-16deg); transform-origin:top; box-shadow:0 16px 17px #0008; }
.market-showcase .ms-laptop-base::before { content:""; position:absolute; left:12%; right:12%; top:7%; height:42%; border:1px solid #7a8da026; border-radius:3px; background:repeating-linear-gradient(0deg,transparent 0 4px,#070e1a 4px 6px),repeating-linear-gradient(90deg,#28384a 0 7px,#050c16 7px 9px); }
.market-showcase .ms-laptop-base span { position:absolute; top:55%; left:39%; width:25%; height:29%; border:1px solid #8ea0b535; border-radius:3px; background:#172438; }
.market-showcase .ms-site-preview { position:absolute; inset:9px 9px 12px; overflow:hidden; background:linear-gradient(90deg,#06172bb8,#0b1f3b30),url('../assets/images/geography-bg.webp') left center/auto 100% no-repeat; }
.market-showcase .ms-site-top { position:relative; display:flex; justify-content:space-between; align-items:center; gap:8px; padding:6% 5% 0; color:#e1edff; }
.market-showcase .ms-site-brand { display:flex; align-items:center; gap:4px; white-space:nowrap; font-weight:750; font-size:clamp(6px,.62vw,11px); letter-spacing:-.03em; }
.market-showcase .ms-site-brand svg { width:14px; height:14px; stroke-width:1.6; }
.market-showcase .ms-site-nav { font-size:clamp(3px,.35vw,6px); white-space:nowrap; }
.market-showcase .ms-site-content { position:relative; padding:16% 6% 8%; }
.market-showcase .ms-site-eyebrow { display:block; font-size:clamp(3px,.34vw,6px); color:#8ed9ff; letter-spacing:.06em; margin-bottom:6px; }
.market-showcase .ms-site-content strong { display:block; max-width:17ch; color:#fff; font-size:clamp(12px,1.25vw,22px); line-height:1.15; letter-spacing:-.03em; font-weight:650; }
.market-showcase .ms-site-button { display:inline-block; margin-top:10px; border:1px solid #4bb0ff55; border-radius:3px; padding:5px 8px; background:#0875f4; box-shadow:0 4px 15px #005bec38; color:#fff; font-size:clamp(4px,.45vw,8px); }
.market-showcase .ms-site-line { position:absolute; bottom:5%; left:6%; width:34%; height:2px; background:linear-gradient(90deg,#69ccff,transparent); }
.market-showcase .ms-phone { position:absolute; z-index:3; width:29%; aspect-ratio:.485; right:1%; top:28%; padding:5px; border:1px solid #5b6c80; border-radius:20px; background:linear-gradient(120deg,#26364a,#01050b 45%); transform:rotate(8deg); box-shadow:9px 16px 20px #0009,inset 0 0 0 2px #010509; }
.market-showcase .ms-phone .ms-site-preview { inset:5px; border-radius:14px; background-position:18% center; }
.market-showcase .ms-phone-notch { position:absolute; z-index:4; top:5px; left:27%; width:46%; height:10px; border-radius:0 0 9px 9px; background:#01050b; }
.market-showcase .ms-phone .ms-site-top { padding:22% 8% 0; }
.market-showcase .ms-phone .ms-site-brand { gap:2px; font-size:clamp(5px,.42vw,7px); }
.market-showcase .ms-phone .ms-site-brand svg { width:9px; height:12px; }
.market-showcase .ms-phone .ms-site-nav { font-size:9px; }
.market-showcase .ms-phone .ms-site-content { padding:35% 9% 0; }
.market-showcase .ms-phone .ms-site-eyebrow { display:none; }
.market-showcase .ms-phone .ms-site-content strong { font-size:clamp(9px,.7vw,12px); line-height:1.22; }
.market-showcase .ms-phone .ms-site-button { margin-top:10px; font-size:clamp(3px,.32vw,6px); padding:5px; }
.market-showcase .ms-device-shadow { position:absolute; z-index:0; left:0; bottom:0; width:100%; height:12%; border-radius:50%; background:#02070c99; filter:blur(10px); }
.market-showcase .ms-benefits { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; list-style:none; padding:28px 0 0; margin:44px 0 0; border-top:1px solid #aacdf522; }
.market-showcase .ms-benefits li { display:flex; gap:15px; align-items:flex-start; padding:0 22px; border-left:1px solid #aacdf52b; min-width:0; }
.market-showcase .ms-benefits li:first-child { padding-left:0; border-left:0; }
.market-showcase .ms-benefits li:last-child { padding-right:0; }
.market-showcase .ms-benefit-icon { flex-shrink:0; margin-top:2px; }
.market-showcase .ms-benefit-icon svg { width:30px; height:32px; }
.market-showcase .ms-benefits strong { display:block; font-size:14px; line-height:1.5; color:#eef4ff; font-weight:600; overflow-wrap:break-word; }
.market-showcase .ms-benefits small { display:block; margin-top:6px; font-size:13px; line-height:1.6; color:#aab9ce; }
@media (hover:hover) and (pointer:fine) {
  .market-showcase .ms-cta:hover { transform:translateY(-3px); background:linear-gradient(110deg,#0967ff,#168fff); box-shadow:0 12px 34px #006cff45; }
  .market-showcase .ms-cta:hover > span { transform:translate(2px,-2px); }
  .market-showcase .ms-features li:hover .ms-feature-icon { transform:translateY(-3px); border-color:#79d3ff9c; box-shadow:0 6px 24px #1687e91f,inset 0 1px 0 #b4e6ff30; }
}
@keyframes ms-light-drift { from { opacity:.45; } to { opacity:.9; } }
@media (prefers-reduced-motion:no-preference) { .market-showcase .ms-ambient span { animation:ms-light-drift 6s ease-in-out 2 alternate; } }
@media (max-width:1199px) {
  .market-showcase { padding-top:60px; }
  .market-showcase .ms-layout { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:40px; align-items:start; }
  .market-showcase h2 { font-size:clamp(30px,3.4vw,39px); }
  .market-showcase .ms-features { padding-top:8px; gap:25px; }
  .market-showcase .ms-visual { grid-column:1/-1; width:min(100%,620px); justify-self:center; aspect-ratio:1.5; margin-top:-10px; }
  .market-showcase .ms-laptop { width:77%; top:9%; left:7%; }
  .market-showcase .ms-phone { width:23%; top:22%; right:4%; }
  .market-showcase .ms-location { top:0; }
  .market-showcase .ms-site-brand { font-size:10px; }
  .market-showcase .ms-site-nav { font-size:5px; }
  .market-showcase .ms-site-eyebrow { font-size:5px; }
  .market-showcase .ms-site-content strong { font-size:22px; }
  .market-showcase .ms-site-button { font-size:7px; }
  .market-showcase .ms-phone .ms-site-brand { font-size:7px; }
  .market-showcase .ms-phone .ms-site-content strong { font-size:12px; }
  .market-showcase .ms-phone .ms-site-button { font-size:5px; }
  .market-showcase .ms-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px 0; margin-top:26px; }
  .market-showcase .ms-benefits li { padding-inline:18px; }
  .market-showcase .ms-benefits li:nth-child(4) { border-left:0; padding-left:0; }
}
@media (max-width:767px) {
  .market-showcase { padding:44px 0 32px; }
  .market-showcase .ms-shell { width:calc(100% - 40px); }
  .market-showcase .ms-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .market-showcase .ms-copy { padding:0; }
  .market-showcase h2 { font-size:clamp(29px,6.8vw,39px); max-width:24ch; margin-bottom:20px; }
  .market-showcase .ms-description { font-size:15px; line-height:1.8; }
  .market-showcase .ms-cta { min-height:54px; padding:15px 18px; font-size:14px; }
  .market-showcase .ms-features { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 22px; padding:0; }
  .market-showcase .ms-features li { grid-template-columns:minmax(0,1fr); gap:12px; }
  .market-showcase .ms-features h3 { font-size:16px; }
  .market-showcase .ms-features p { font-size:14px; line-height:1.6; }
  .market-showcase .ms-visual { grid-column:auto; width:min(100%,520px); aspect-ratio:1.35; margin-top:0; }
  .market-showcase .ms-laptop { top:16%; }
  .market-showcase .ms-phone { top:26%; width:24%; right:3%; border-radius:17px; padding:4px; }
  .market-showcase .ms-phone .ms-site-preview { inset:4px; border-radius:12px; }
  .market-showcase .ms-site-brand { font-size:clamp(5px,1.55vw,9px); }
  .market-showcase .ms-site-brand svg { width:10px; height:11px; }
  .market-showcase .ms-site-nav { font-size:clamp(3px,.8vw,5px); }
  .market-showcase .ms-site-content strong { font-size:clamp(13px,3.3vw,21px); }
  .market-showcase .ms-site-eyebrow { font-size:4px; }
  .market-showcase .ms-site-button { font-size:5px; padding:4px 6px; margin-top:7px; }
  .market-showcase .ms-phone .ms-site-brand { font-size:clamp(4px,1vw,6px); }
  .market-showcase .ms-phone .ms-site-content strong { font-size:clamp(8px,1.9vw,11px); }
  .market-showcase .ms-phone .ms-site-button { font-size:3px; padding:4px 3px; margin-top:7px; }
  .market-showcase .ms-phone-notch { top:4px; height:7px; }
  .market-showcase .ms-location { top:0; right:0; padding:7px 10px; }
  .market-showcase .ms-location strong { font-size:12px; }
  .market-showcase .ms-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; padding-top:24px; margin-top:12px; }
  .market-showcase .ms-benefits li, .market-showcase .ms-benefits li:nth-child(4) { border:0; padding:0; gap:10px; }
  .market-showcase .ms-benefits strong { font-size:14px; }
  .market-showcase .ms-benefits small { font-size:13px; }
  .market-showcase .ms-benefit-icon svg { width:25px; height:28px; }
}
@media (max-width:359px) {
  .market-showcase .ms-shell { width:calc(100% - 32px); }
  .market-showcase .ms-features { grid-template-columns:minmax(0,1fr); gap:23px; }
  .market-showcase .ms-features li { grid-template-columns:44px minmax(0,1fr); gap:14px; }
  .market-showcase .ms-feature-icon { width:44px; height:46px; }
  .market-showcase .ms-benefits { grid-template-columns:minmax(0,1fr); gap:19px; }
}
@media (prefers-reduced-motion:reduce) {
  .market-showcase *, .market-showcase *::before, .market-showcase *::after { animation:none !important; transition:none !important; }
}