/* MAPPIN V12 - COMMERCIAL RECOVERY */
.v12-home-hero{padding:58px 0 48px;background:radial-gradient(circle at 82% 12%,rgba(64,197,255,.21),transparent 30%),linear-gradient(180deg,#fbfeff,#edf8ff)}
.v12-home-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.v12-lead{font-size:1.16rem;line-height:1.62;color:#294f6d!important;max-width:800px}
.v12-proofline{color:#0b74c5!important;font-weight:850;font-size:.98rem;margin:16px 0 0!important}
.v12-device-visual{padding:12px;border-radius:24px;background:linear-gradient(145deg,#d8f3ff,#f8fdff);border:1px solid #add8f1;box-shadow:0 28px 72px rgba(23,90,144,.16)}
.v12-device-visual img{display:block;width:100%;height:auto;border-radius:16px}

.v12-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v12-benefit-grid article{background:white;border:1px solid #bddff2;border-radius:18px;padding:23px;box-shadow:0 14px 36px rgba(31,104,158,.08)}
.v12-benefit-grid span{display:block;color:#0b82de;font-size:.76rem;font-weight:900;letter-spacing:.1em}
.v12-benefit-grid h3{font-size:1.35rem;margin:9px 0!important}.v12-benefit-grid p{margin:0!important;line-height:1.55}

.v12-route{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center}
.v12-route h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.03;margin:8px 0 12px!important}
.v12-route>div:first-child p{font-size:1.02rem;line-height:1.62}
.v12-route-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v12-route-card{display:block;text-decoration:none;background:#f8fcff;border:1px solid #badcf0;border-radius:17px;padding:22px}
.v12-route-card b{display:block;color:#061b42;font-size:1.25rem;margin-bottom:7px}.v12-route-card span{color:#365d7a;line-height:1.5}

.v12-about-grid{display:grid;grid-template-columns:1fr .92fr;gap:28px;align-items:start}
.v12-about-copy{background:rgba(255,255,255,.94);border:1px solid #bddff2;border-radius:24px;padding:32px;box-shadow:0 18px 52px rgba(31,104,158,.10)}
.v12-about-copy>p{font-size:1.01rem;line-height:1.64}
.v12-principles{display:grid;gap:10px;margin-top:24px}.v12-principles>div{padding:16px 18px;background:#f4fbff;border:1px solid #c5e3f4;border-radius:14px}
.v12-principles b{display:block;color:#061b42;margin-bottom:4px}.v12-principles span{color:#365d79}
.v12-about-side{display:grid;gap:13px;padding:28px;border-radius:24px;background:linear-gradient(180deg,#edf9ff,#f9fdff);border:1px solid #b9def2}
.v12-about-side article{background:white;border:1px solid #c4e1f2;border-radius:16px;padding:20px}
.v12-about-side article>span{color:#0a80da;font-size:.74rem;font-weight:900;letter-spacing:.13em}
.v12-about-side h3{font-size:1.45rem;margin:7px 0!important}.v12-about-side p{margin:0!important;line-height:1.54}
.v12-release-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v12-release-row>div{background:white;border:1px solid #bddff2;border-radius:17px;padding:22px}
.v12-release-row span,.v12-release-row small{display:block;color:#496b85}.v12-release-row strong{display:block;color:#061b42;font-size:1.55rem;margin:5px 0}

.v12-why-intro{display:grid;grid-template-columns:1.07fr .78fr;gap:34px;align-items:end;margin-bottom:26px}.v12-why-intro>p{font-size:1.06rem;line-height:1.63}
.v12-reader-cta{margin-top:24px;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px 28px;border-radius:20px;background:linear-gradient(135deg,#0b2b54,#0a67ac);color:white}
.v12-reader-cta h2{color:white!important;margin:0 0 6px!important;font-size:1.75rem}.v12-reader-cta p{color:#dceeff!important;margin:0!important;line-height:1.52}

.v12-product-hero{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.v12-product-hero>div:first-child{max-width:930px}.v12-product-hero .mc-actions{flex:none}
.v12-product-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.v12-product-columns article{background:white;border:1px solid #bddff2;border-radius:20px;padding:28px;box-shadow:0 16px 42px rgba(31,104,158,.08)}
.v12-product-columns article>span{font-size:.76rem;letter-spacing:.13em;color:#0b80db;font-weight:900}.v12-product-columns h2{font-size:2rem;margin:8px 0 10px!important}.v12-product-columns p{line-height:1.62}
.v12-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.v12-chip-row b{font-size:.78rem;color:#0a5f9e;background:#edf8ff;border:1px solid #bce0f4;border-radius:999px;padding:7px 10px}
.v12-connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.v12-connect-grid>div{background:white;border:1px solid #bddff2;border-radius:17px;padding:21px}
.v12-connect-grid span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0b84e2;color:white;font-weight:900}.v12-connect-grid b{display:block;color:#061b42;font-size:1.15rem;margin:9px 0 5px}.v12-connect-grid p{margin:0!important;line-height:1.5}

/* Support readability — explicit selectors from the actual support form. */
.support-form .form-note,.support-form .v10-support-note{color:#d9ecff!important;opacity:1!important}
.support-form .form-note strong,.support-form .v10-support-note strong{color:#ffffff!important}
.support-form input::placeholder,.support-form textarea::placeholder{color:#a9bfd4!important;opacity:1!important}

/* Keep service page title proportional. */
.v10-content-card>h1{font-size:clamp(2.5rem,3.6vw,4rem)!important}

@media(max-width:1100px){
  .v12-home-grid,.v12-about-grid,.v12-why-intro,.v12-route{grid-template-columns:1fr}
  .v12-benefit-grid,.v12-release-row{grid-template-columns:repeat(2,1fr)}
  .v12-product-hero{display:block}.v12-product-hero .mc-actions{margin-top:20px}
}
@media(max-width:760px){
  .v12-benefit-grid,.v12-route-actions,.v12-release-row,.v12-product-columns,.v12-connect-grid{grid-template-columns:1fr}
  .v12-reader-cta{display:block}.v12-reader-cta .mc-button{margin-top:17px}
}