/* MoTi è il prodotto: MotiWeb e MotiApp sono i due ambienti coordinati. */
.mw-brand span{display:grid;font-size:20px;line-height:1.05}
.mw-brand span small{margin-top:3px;color:#9fb0c5;font-size:.57em;font-weight:600}
.mw-footer-brand span{display:grid;font-size:1.35rem;line-height:1.05}
.mw-footer-brand span small{margin-top:4px;color:#7f93aa;font-size:.58em}

.mw-channel-bridge{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:stretch;border:1px solid #c9dbe5;border-radius:22px;background:#fff;box-shadow:0 18px 42px rgba(11,23,43,.08);overflow:hidden}
.mw-channel-bridge>article{min-height:285px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end}
.mw-channel-bridge>article[data-moti-channel=web]{border-top:7px solid var(--mw-blue)}
.mw-channel-bridge>article[data-moti-channel=app]{border-top:7px solid var(--mw-lime)}
.mw-channel-bridge h3{margin:22px 0 8px;font:850 1.65rem 'Lexend',sans-serif}
.mw-channel-bridge p{margin:0;color:var(--mw-muted)}
.mw-channel-mark{height:54px;display:flex;align-items:center;gap:12px;margin-bottom:auto}
.mw-channel-mark img{width:48px;height:48px;object-fit:contain}
.mw-channel-mark span{padding:6px 9px;border-radius:5px;background:#e8f4f9;color:#0875a4;font:800 .68rem 'Lexend',sans-serif;letter-spacing:.12em}
.mw-motiapp-lockup{height:54px;margin-bottom:auto;padding:12px 15px;display:flex;align-items:center;border-radius:10px;background:#0b172b}
.mw-motiapp-lockup img{width:min(100%,260px);height:34px;object-fit:contain;object-position:left center}
.mw-channel-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:#0b172b;color:#fff;text-align:center}
.mw-channel-link span,.mw-channel-link small{font:750 .67rem 'Lexend',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.mw-channel-link b{width:64px;height:64px;margin:16px 0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#d9f36a;font:800 1.7rem 'Lexend',sans-serif}
.mw-channel-link small{color:#9fb0c5}
.mw-channel-advantage{margin-top:20px;padding:18px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-left:5px solid var(--mw-red);background:#fff;border-radius:0 12px 12px 0}
.mw-channel-advantage strong{font-family:'Lexend',sans-serif}
.mw-channel-advantage span{color:var(--mw-muted)}

.mw-motiapp-hero-logo{width:min(100%,390px);margin:0 0 24px;padding:15px 18px;display:flex;align-items:center;gap:16px;border-radius:14px;background:#0b172b;box-shadow:0 14px 30px rgba(11,23,43,.14)}
.mw-motiapp-hero-logo img{min-width:0;width:270px;height:36px;object-fit:contain;object-position:left center}
.mw-motiapp-hero-logo span{padding-left:16px;border-left:1px solid rgba(255,255,255,.22);color:#fff;font:800 .9rem 'Lexend',sans-serif}
.mw-device-app--motiapp{padding:7px 8px;border-radius:9px;background:#0b172b}
.mw-device-app--motiapp img{width:88px;height:23px;padding:0;border-radius:0;background:transparent;object-position:left center}
.mw-device-app--motiapp span{color:#fff;font-size:.68rem}

@media(max-width:1050px){
  .mw-channel-bridge{grid-template-columns:1fr 140px 1fr}
  .mw-channel-advantage{grid-template-columns:1fr}
}

@media(max-width:720px){
  .mw-channel-bridge{grid-template-columns:1fr}
  .mw-channel-link{min-height:140px}
  .mw-channel-link b{margin:10px 0;transform:rotate(90deg)}
  .mw-channel-bridge>article{min-height:245px;padding:26px}
  .mw-channel-advantage{padding:18px}
  .mw-motiapp-hero-logo{display:grid;gap:10px}
  .mw-motiapp-hero-logo img{width:100%;height:auto;max-height:32px}
  .mw-motiapp-hero-logo span{padding:8px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.22)}
}

/* Apertura MoTi: la stessa commessa passa dalla regia web al lavoro sul campo. */
.mw-hero--continuity{
  position:relative;
  padding:64px 0 72px;
  overflow:hidden;
  background:#0b172b;
  color:#fff;
}
.mw-hero--continuity:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,#000,transparent 56%);
}
.mw-hero--continuity .mw-hero-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
  gap:54px;
}
.mw-hero--continuity .mw-hero-copy{max-width:590px}
.mw-hero--continuity .mw-kicker{color:#65d6f5}
.mw-hero--continuity h1{
  max-width:680px;
  margin-bottom:24px;
  font-size:clamp(3.2rem,5.35vw,5.5rem);
  line-height:.98;
}
.mw-hero--continuity h1 em{display:block;color:#65d6f5}
.mw-hero--continuity p{margin:0;color:#bdcadb;font-size:1.12rem;line-height:1.62}
.mw-hero--continuity p strong{color:#fff}
.mw-hero--continuity .mw-btn-ghost{border-color:rgba(255,255,255,.42);background:transparent;color:#fff!important}
.mw-hero-channel-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:25px;border-block:1px solid rgba(255,255,255,.14)}
.mw-hero-channel-list span{padding:10px 8px;color:#dbe5f0;font:700 .7rem 'Lexend',sans-serif;letter-spacing:.025em;text-align:center}
.mw-hero-channel-list span+span{border-left:1px solid rgba(255,255,255,.14)}

.mw-continuity-stage{
  position:relative;
  min-width:0;
  min-height:510px;
  padding:26px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.25);
  border-radius:28px;
  background:#e8eef2;
  box-shadow:0 32px 70px rgba(0,0,0,.34);
  isolation:isolate;
}
.mw-continuity-stage:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,#f7fafc 0 62%,#b7dce9 62% 100%);
}
.mw-continuity-meta{position:absolute;z-index:4;top:18px;right:20px;display:flex;align-items:center;gap:9px}
.mw-continuity-meta span{color:#526476;font:800 .63rem 'Lexend',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mw-continuity-meta b{padding:6px 9px;border-radius:5px;background:var(--mw-red);color:#fff;font:800 .78rem 'Lexend',sans-serif}
.mw-web-window{position:relative;width:88%;margin-top:34px;overflow:hidden;border:1px solid #bdcad3;border-radius:13px;background:#fff;box-shadow:0 18px 38px rgba(11,23,43,.2);transform:rotate(-.7deg)}
.mw-window-bar{height:37px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #dce4e9;background:#f8fafb;color:#536779;font:700 .64rem 'Lexend',sans-serif}
.mw-window-bar i{width:7px;height:7px;border-radius:50%;background:#bcc8d0}
.mw-window-bar i:first-child{background:#ef5b65}
.mw-window-bar i:nth-child(2){background:#f3b833}
.mw-window-bar i:nth-child(3){background:#6abd71}
.mw-window-bar span{margin-left:5px}
.mw-window-bar small{margin-left:auto;color:#448716;font-weight:800;text-transform:uppercase}
.mw-web-window>img{display:block;width:100%;height:300px;object-fit:cover;object-position:top center}
.mw-app-window{position:absolute;z-index:3;right:20px;bottom:28px;width:43%;min-height:330px;padding:17px;border:7px solid #fff;border-radius:28px;background:#071326;color:#fff;box-shadow:0 24px 44px rgba(0,0,0,.36);transform:rotate(2deg)}
.mw-app-window-head{min-height:42px;margin-bottom:15px;padding:8px 9px;display:grid;gap:6px;border-radius:9px;background:#fff}
.mw-app-window-head img{display:block;width:100%;height:20px;object-fit:contain;object-position:left center}
.mw-app-window-head span{color:#42586d;font:750 .52rem 'Lexend',sans-serif;text-transform:uppercase;letter-spacing:.07em}
.mw-app-window>small{display:block;color:#65d6f5;font:750 .62rem 'Lexend',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.mw-app-window>strong{display:block;margin:8px 0 13px;font:800 .92rem/1.3 'Lexend',sans-serif}
.mw-app-window ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.mw-app-window li{padding:7px 9px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.07);font-size:.67rem}
.mw-app-window li b{font-family:'Lexend',sans-serif}
.mw-app-queue{position:absolute;left:16px;right:16px;bottom:15px;padding:8px;border-radius:8px;background:#fff2d0;color:#775100;font:750 .56rem/1.35 'Lexend',sans-serif;text-align:center}
.mw-app-queue i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#ef9f17}
.mw-continuity-seal{position:absolute;z-index:2;left:26px;bottom:24px;max-width:54%;padding:11px 14px;border-left:4px solid var(--mw-blue);background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(11,23,43,.12)}
.mw-continuity-seal b,.mw-continuity-seal span{display:block}
.mw-continuity-seal b{color:#0b172b;font:800 .72rem 'Lexend',sans-serif;text-transform:uppercase;letter-spacing:.07em}
.mw-continuity-seal span{margin-top:3px;color:#617385;font-size:.68rem}

@media(min-width:721px) and (max-width:1050px){
  .mw-hero--continuity .mw-hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px}
  .mw-hero--continuity h1{font-size:clamp(2.8rem,5.6vw,3.5rem)}
  .mw-hero--continuity p{font-size:1rem}
  .mw-continuity-stage{min-height:455px;padding:18px}
  .mw-web-window{width:94%;margin-top:38px}
  .mw-web-window>img{height:255px}
  .mw-app-window{right:12px;bottom:20px;width:48%;min-height:300px;padding:13px;border-width:5px}
  .mw-continuity-seal{left:18px;bottom:18px;max-width:52%;padding:9px 11px}
}

@media(max-width:720px){
  .mw-hero--continuity{padding:54px 0 60px}
  .mw-hero--continuity .mw-hero-grid{grid-template-columns:1fr;gap:38px}
  .mw-hero--continuity h1{font-size:clamp(2.75rem,13vw,4.1rem)}
  .mw-hero-channel-list span{padding-block:8px}
  .mw-continuity-stage{min-height:470px;padding:14px;border-radius:20px}
  .mw-web-window{width:100%;margin-top:42px;transform:none}
  .mw-web-window>img{height:230px}
  .mw-app-window{right:10px;bottom:18px;width:53%;min-height:285px;padding:12px;border-width:5px;border-radius:23px}
  .mw-continuity-seal{left:14px;bottom:20px;max-width:48%;padding:9px 10px}
  .mw-continuity-seal span{font-size:.6rem}
}