/* ManualeReef Home · v3 compact sections (26 Oct 2026).
   Loaded after guide-seo.css, home-ecosystem-v215.css and Home v2.
   Scoped only to the public Home: does not affect Atlas/Academy pages or Reader dashboard. */

/* Ecosystem: concise six-card overview instead of a second set of large hero tiles. */
.public-gate.mr-home-v3 .mr-eco{
 padding:clamp(24px,3vw,40px) clamp(18px,5vw,70px);
}
.public-gate.mr-home-v3 .mr-eco-head{max-width:830px;margin:0 auto 19px}
.public-gate.mr-home-v3 .mr-eco-head>span{font-size:11px;letter-spacing:.12em}
.public-gate.mr-home-v3 .mr-eco-head h2{font-size:clamp(25px,2.8vw,36px);margin:5px 0 7px;line-height:1.15}
.public-gate.mr-home-v3 .mr-eco-head p{font-size:13.5px;line-height:1.55;margin:0}
.public-gate.mr-home-v3 .mr-eco-grid{gap:12px;align-items:stretch}
.public-gate.mr-home-v3 .mr-eco-card:last-child{grid-column:auto}
.public-gate.mr-home-v3 .mr-eco-card{
 display:flex;flex-direction:column;min-width:0;height:auto;
 padding:0 0 13px;
 border-radius:13px;
 box-shadow:0 5px 17px rgba(7,40,65,.065);
}
.public-gate.mr-home-v3 .mr-eco-card .mr-eco-media{width:100%;height:118px;flex:none}
.public-gate.mr-home-v3 .mr-eco-card h3{
 font-size:17px;line-height:1.25;
 margin:12px 15px 4px;color:#0d3049
}
.public-gate.mr-home-v3 .mr-eco-card p{
 margin:0 15px 9px;min-height:0;flex:1;
 font-size:12.5px;line-height:1.46;color:#526e82
}
.public-gate.mr-home-v3 .mr-eco-card b{
 display:block;margin:0 15px;
 font-size:12.5px;line-height:1.3
}
.public-gate.mr-home-v3 .mr-eco-card .mr-eco-media>img{
 height:100%;width:100%;object-fit:cover;
}
.public-gate.mr-home-v3 .mr-eco-card:first-child .mr-eco-media>img,
.public-gate.mr-home-v3 .mr-eco-card .mr-eco-phone>img{
 object-fit:contain;padding:8px;
}
.public-gate.mr-home-v3 .mr-eco-card .mr-eco-insight>img{
 position:absolute!important;
 height:auto!important;width:82%!important;max-height:63px!important;
 max-width:82%!important;top:4px!important;left:9%!important;
 object-fit:contain!important;object-position:center!important;
 padding:0!important;
}
.public-gate.mr-home-v3 .mr-eco-card .mr-insight-chart{
 height:78px;width:76%;bottom:1px;left:12%;
}
.public-gate.mr-home-v3 .mr-eco-card .mr-eco-designer{
 display:flex;align-items:center;justify-content:center;
 background:radial-gradient(circle at 55% 24%,#16698d,#082d49 80%);
}
.public-gate.mr-home-v3 .mr-eco-designer-svg{
 display:block;width:min(98%,380px);height:115px;flex:none;
}
.public-gate.mr-home-v3 .mr-eco-designer .mr-eco-designer-tank{display:none!important}
.public-gate.mr-home-v3 .mr-eco-card:focus-visible{outline:3px solid #deb342;outline-offset:3px}

/* Insight: separate dark technical ribbon with the approved, recognizable logo.
   No fake stability score and no second large hero. */
.public-gate.mr-home-v3 .mr-insight-band.mr3-analysis-showcase{
 display:grid;
 grid-template-columns:minmax(150px,210px) minmax(240px,.95fr) minmax(380px,1.25fr);
 align-items:center;gap:clamp(17px,2.3vw,36px);
 padding:23px clamp(20px,5vw,72px);
 background:linear-gradient(115deg,#061f36 0%,#083451 58%,#0b4965 100%);
 color:#e9f6fa;
 border-top:1px solid #0d718d;border-bottom:3px solid #15b8d2;
}
.public-gate.mr-home-v3 .mr-insight-brand{
 display:flex;flex-direction:column;gap:4px;
 align-items:center;justify-content:center;min-width:0;
 padding:5px 17px 5px 0;
 border-right:1px solid rgba(184,231,239,.22);
}
.public-gate.mr-home-v3 .mr-insight-brand img{
 display:block;object-fit:contain;object-position:center;
 width:min(100%,205px);max-height:93px;height:auto;
}
.public-gate.mr-home-v3 .mr-insight-brand>span{
 color:#99cede;font-size:10px;font-weight:750;
 letter-spacing:.05em;text-align:center;line-height:1.4
}
.public-gate.mr-home-v3 .mr-insight-intro{min-width:0}
.public-gate.mr-home-v3 .mr-insight-intro .mr-redesign-eyebrow{
 color:#5ed8ec;font-size:10px;letter-spacing:.09em
}
.public-gate.mr-home-v3 .mr-insight-intro h2{
 color:#fff;margin:5px 0 7px;
 font-size:clamp(22px,2.1vw,31px);line-height:1.15;
}
.public-gate.mr-home-v3 .mr-insight-intro h2 span{color:#66dbe9}
.public-gate.mr-home-v3 .mr-insight-intro p{
 color:#bedbe7;font-size:13px;line-height:1.55;
 margin:0;max-width:560px
}
.public-gate.mr-home-v3 .mr-insight-intro .mr-redesign-inline-link{
 display:inline-block;color:#80e5ef!important;font-weight:750;
 font-size:12px;margin-top:9px;text-underline-offset:3px
}
.public-gate.mr-home-v3 .mr-insight-compact-features{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px;min-width:0;
}
.public-gate.mr-home-v3 .mr-insight-compact-features>div{
 min-width:0;display:flex;align-items:flex-start;gap:9px;
 border:1px solid rgba(131,203,223,.18);
 background:rgba(255,255,255,.045);
 padding:9px 10px;border-radius:9px;
}
.public-gate.mr-home-v3 .mr-insight-compact-features img{
 display:block;width:19px;height:19px;flex:0 0 19px;
 filter:brightness(0) invert(1);opacity:.9
}
.public-gate.mr-home-v3 .mr-insight-compact-features span{display:flex;flex-direction:column;gap:2px;min-width:0}
.public-gate.mr-home-v3 .mr-insight-compact-features b{
 color:#effaff;font-size:12px;font-weight:800;line-height:1.25
}
.public-gate.mr-home-v3 .mr-insight-compact-features small{
 color:#b0d3e1;font-size:10.5px;font-weight:450;line-height:1.4
}
/* The benefits become a quiet, visibly separate status ribbon. */
.public-gate.mr-home-v3 .mr3-benefits{
 padding:12px clamp(18px,5vw,72px);
 gap:13px;background:#eef7fa;
 border-bottom:1px solid #d0e5ed;
}
.public-gate.mr-home-v3 .mr3-benefits>div{gap:9px}
.public-gate.mr-home-v3 .mr3-benefits i img{width:21px;height:21px}
.public-gate.mr-home-v3 .mr3-benefits b{font-size:12px;line-height:1.25}
.public-gate.mr-home-v3 .mr3-benefits small{font-size:11px;line-height:1.35}

/* Academy: editorial compact carousel instead of a full-screen picture section. */
.public-gate.mr-home-v3 .home-academy-guides{
 padding:clamp(19px,2.1vw,29px) clamp(19px,5vw,72px)!important;
 background:#fff;border-top:0;border-bottom:1px solid #e1ebee;
}
.public-gate.mr-home-v3 .home-academy-guides .mr3-guides-head{
 display:flex;align-items:end;gap:16px;
 justify-content:space-between;margin:0 0 8px;
}
.public-gate.mr-home-v3 .home-academy-guides .mr-guide-kicker{
 font-size:10px;letter-spacing:.12em
}
.public-gate.mr-home-v3 .home-academy-guides h2{
 font-size:clamp(24px,2.5vw,31px);
 line-height:1.12;letter-spacing:-.025em;margin:5px 0 0;
}
.public-gate.mr-home-v3 .home-academy-guides .mr3-guides-head p{
 font-size:12.5px;line-height:1.5;
 max-width:390px;margin:0;
 color:#526d80
}
.public-gate.mr-home-v3 .home-academy-track{
 gap:12px;padding:3px 2px 7px;
}
.public-gate.mr-home-v3 .home-academy-card{
 flex:0 0 clamp(220px,23.5vw,320px);
 height:150px;aspect-ratio:auto;
 border-radius:12px;
 box-shadow:0 5px 19px rgba(3,24,42,.10)
}
.public-gate.mr-home-v3 .home-academy-card span{
 left:16px;right:15%;bottom:14px
}
.public-gate.mr-home-v3 .home-academy-card small{
 font-size:10.5px;letter-spacing:.07em;margin-bottom:5px
}
.public-gate.mr-home-v3 .home-academy-card strong{
 font-size:clamp(16px,1.36vw,20px);line-height:1.1
}
.public-gate.mr-home-v3 .home-academy-arrow{
 width:36px;height:36px;font-size:24px;
 margin-top:-18px
}
.public-gate.mr-home-v3 .home-academy-dots{margin:0 0 4px}
.public-gate.mr-home-v3 .mr3-guides-more{
 margin-top:9px;font-size:12.5px
}
/* Large desktops: show the six overview items in one concise row, not two large decks. */
@media(min-width:1380px){
 .public-gate.mr-home-v3 .mr-eco-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
 .public-gate.mr-home-v3 .mr-eco-card .mr-eco-media{height:102px}
 .public-gate.mr-home-v3 .mr-eco-card h3{font-size:15px;margin:11px 12px 4px}
 .public-gate.mr-home-v3 .mr-eco-card p{font-size:11.5px;line-height:1.45;margin:0 12px 10px}
 .public-gate.mr-home-v3 .mr-eco-card b{font-size:11.5px;margin:0 12px}
}
@media(max-width:1120px){
 .public-gate.mr-home-v3 .mr-insight-band.mr3-analysis-showcase{
  grid-template-columns:175px minmax(0,1fr)
 }
 .public-gate.mr-home-v3 .mr-insight-compact-features{
  grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))
 }
 .public-gate.mr-home-v3 .mr-insight-brand img{max-height:76px}
 .public-gate.mr-home-v3 .mr-insight-compact-features>div{padding:8px}
}
@media(max-width:740px){
 .public-gate.mr-home-v3 .mr-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .public-gate.mr-home-v3 .mr-eco-card .mr-eco-media{height:104px}
 .public-gate.mr-home-v3 .mr-insight-band.mr3-analysis-showcase{
  grid-template-columns:minmax(0,1fr);gap:13px;padding:20px 18px
 }
 .public-gate.mr-home-v3 .mr-insight-brand{
  flex-direction:row;justify-content:flex-start;
  border-right:0;border-bottom:1px solid #407088;
  padding:0 0 12px
 }
 .public-gate.mr-home-v3 .mr-insight-brand img{width:142px;max-height:58px}
 .public-gate.mr-home-v3 .mr-insight-brand>span{text-align:left}
 .public-gate.mr-home-v3 .mr-insight-compact-features{
  grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))
 }
 .public-gate.mr-home-v3 .mr3-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .public-gate.mr-home-v3 .home-academy-guides .mr3-guides-head{
  display:block;margin-bottom:11px
 }
 .public-gate.mr-home-v3 .home-academy-guides .mr3-guides-head p{
  margin-top:7px;font-size:12px
 }
 .public-gate.mr-home-v3 .home-academy-card{
  flex-basis:min(68vw,285px);height:148px;
 }
 .public-gate.mr-home-v3 .home-academy-card strong{font-size:18px}
}
@media(max-width:480px){
 .public-gate.mr-home-v3 .mr-eco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .public-gate.mr-home-v3 .mr-eco-card{padding-bottom:10px}
 .public-gate.mr-home-v3 .mr-eco-card h3{font-size:14px;margin:10px 11px 4px}
 .public-gate.mr-home-v3 .mr-eco-card p{font-size:11px;margin:0 11px 8px;line-height:1.45}
 .public-gate.mr-home-v3 .mr-eco-card b{font-size:11px;margin:0 11px}
 .public-gate.mr-home-v3 .mr-eco-card .mr-eco-media{height:82px}
 .public-gate.mr-home-v3 .mr-insight-compact-features b{font-size:11px}
 .public-gate.mr-home-v3 .mr-insight-compact-features small{font-size:10px}
 .public-gate.mr-home-v3 .mr-insight-brand>span{font-size:9px}
 .public-gate.mr-home-v3 .mr3-benefits{gap:10px!important;padding:12px 15px}
 .public-gate.mr-home-v3 .mr3-benefits b{font-size:11.5px}
 .public-gate.mr-home-v3 .mr3-benefits small{font-size:10.5px}
 .public-gate.mr-home-v3 .home-academy-card{
  flex-basis:78vw;height:143px
 }
 .public-gate.mr-home-v3 .home-academy-guides h2{font-size:27px}
}
@media(max-width:340px){
 .public-gate.mr-home-v3 .mr-eco-grid{grid-template-columns:1fr}
 .public-gate.mr-home-v3 .mr-insight-compact-features{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .public-gate.mr-home-v3 .home-academy-track{scroll-behavior:auto}
}