/* MAPPIN V10 - STORY ARCHITECTURE
   Purpose: remove duplicated storytelling and clarify page roles.
   Existing blue/white CI, cards, readers and Manager layout remain intact. */

.v10-home-visual{
  min-height:430px;padding:34px;border-radius:24px;
  background:linear-gradient(145deg,#082c55,#0a6caf);
  box-shadow:0 28px 70px rgba(22,83,137,.18);
  display:flex;flex-direction:column;justify-content:center;color:white;
}
.v10-visual-kicker{font-size:.78rem;letter-spacing:.16em;font-weight:900;color:#81d4ff}
.v10-home-visual h2{color:white!important;font-size:clamp(2.5rem,4vw,4.6rem);line-height:.98;margin:14px 0 28px!important;letter-spacing:-.045em}
.v10-signal-grid{display:grid;gap:10px}
.v10-signal-grid>div{background:rgba(255,255,255,.09);border:1px solid rgba(164,220,255,.22);border-radius:14px;padding:15px 17px}
.v10-signal-grid b{display:block;color:white;margin-bottom:4px}.v10-signal-grid span{color:#d8efff}

.v10-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v10-journey{display:block;text-decoration:none;background:white;border:1px solid #bddff2;border-radius:18px;padding:24px;box-shadow:0 14px 36px rgba(31,104,158,.08)}
.v10-journey span{display:block;color:#0a82df;font-weight:900;font-size:.78rem;letter-spacing:.1em}
.v10-journey b{display:block;color:#061b42;font-size:1.55rem;margin:8px 0}.v10-journey p{margin:0!important;line-height:1.55}

.v10-about-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:26px;align-items:start}
.v10-architecture{display:grid;gap:14px;padding:28px;border-radius:24px;background:linear-gradient(180deg,#eef9ff,#f9fdff);border:1px solid #b9def2;box-shadow:0 18px 50px rgba(31,104,158,.09)}
.v10-architecture article{background:white;border:1px solid #c5e2f3;border-radius:16px;padding:20px}
.v10-architecture article>span{color:#0a80da;font-size:.73rem;font-weight:900;letter-spacing:.12em}
.v10-architecture h3{font-size:1.45rem;margin:7px 0!important}.v10-architecture p{margin:0!important;line-height:1.55}

.v10-legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v10-legal-grid a{display:block;text-decoration:none;background:white;border:1px solid #bfdff2;border-radius:16px;padding:20px}
.v10-legal-grid b{display:block;color:#061b42;font-size:1.25rem;margin-bottom:6px}.v10-legal-grid span{color:#365c78;line-height:1.48}

.v10-product-intro{display:flex;gap:32px;justify-content:space-between;align-items:flex-end}
.v10-product-intro>div:first-child{max-width:950px}.v10-product-intro .mc-actions{flex:none}
.v10-product-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v10-product-roles article{background:white;border:1px solid #bddff2;border-radius:18px;padding:25px;box-shadow:0 14px 36px rgba(31,104,158,.08)}
.v10-product-roles article>span{color:#0a80da;font-size:.76rem;font-weight:900;letter-spacing:.14em}
.v10-product-roles h2{font-size:1.8rem;margin:9px 0!important}.v10-product-roles p{margin:0!important;line-height:1.58}

.v10-content-card{background:rgba(255,255,255,.94);border:1px solid #bddff2;border-radius:24px;padding:38px;box-shadow:0 20px 58px rgba(30,101,156,.11)}
.v10-content-card>h1{font-size:clamp(2.6rem,4vw,4.3rem);line-height:1;margin:8px 0 15px!important}
.v10-lead{font-size:1.08rem;line-height:1.62;max-width:930px}
.v10-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.v10-data-grid section{background:#f8fcff;border:1px solid #c3e1f3;border-radius:16px;padding:21px}
.v10-data-grid h2{font-size:1.35rem;margin:0 0 8px!important}.v10-data-grid p{margin:0!important;line-height:1.55}
.v10-request-box{padding:24px;border-radius:18px;background:#edf8ff;border:1px solid #b9def3;margin-top:22px}
.v10-request-box h2{margin-top:0!important}.v10-request-box li{margin:6px 0}
.v10-single-cta{margin-top:30px;padding-top:24px;border-top:1px solid #c7e3f3}.v10-single-cta h2{margin:0 0 8px!important}.v10-single-cta p{margin:0 0 18px!important}

/* Make the explanatory support-address line readable inside the dark support form.
   The installer also tags the exact sentence with this class when found. */
.v10-support-note{
  color:#d7ebff!important;
  opacity:1!important;
  font-weight:600!important;
}
.v10-support-note a{color:#8dd8ff!important}

/* Legal pages are still stable direct URLs but are secondary navigation.
   Footer links remain available. */
@media(max-width:1000px){
  .v10-journey-grid,.v10-legal-grid,.v10-product-roles,.v10-data-grid{grid-template-columns:1fr}
  .v10-about-grid{grid-template-columns:1fr}
  .v10-product-intro{display:block}.v10-product-intro .mc-actions{margin-top:20px}
}