/* v2.7 — approved illustration fidelity pass
   Only Hero + Concept & Who are rebalanced here. */

/* HERO — use the approved balloon/beaver/hotel illustration as one visual scene */
#hero.dm-hero{
  height:520px!important;
  background:linear-gradient(90deg,#fffdfb 0%,#fffaf7 48%,#fff9f5 100%)!important;
}
#hero .dm-hero-grid{
  grid-template-columns:50% 50%!important;
}
#hero .dm-hero-copy{
  padding:0 0 0 8px!important;
  align-self:center;
}
#hero .dm-hero-art{
  position:relative;
  height:100%;
  overflow:visible;
  isolation:isolate;
}
#hero .dm-hero-art::before{
  content:"";
  position:absolute;
  inset:8% -8% 1% -4%;
  background:radial-gradient(ellipse at 54% 54%,rgba(255,233,226,.44),rgba(255,249,245,0) 68%);
  pointer-events:none;
  z-index:0;
}
#hero .dm-hero-art img{
  position:absolute!important;
  z-index:1;
  width:min(620px,53vw)!important;
  max-width:none!important;
  height:auto!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  object-fit:contain!important;
  mix-blend-mode:multiply!important;
  filter:saturate(.98) contrast(.99)!important;
}
#hero .dm-hero-note{display:none!important}

/* Keep the approved CTA/benefit hierarchy while preventing the illustration from crowding it. */
#hero .dm-hero-actions-v26{width:min(100%,560px)!important}
#hero .dm-hero-benefits{width:min(100%,590px)!important}

/* CONCEPT & WHO — approved laptop beaver, no oval crop / no photo-like treatment */
.dm-concept{
  background:#fffdfb!important;
}
.dm-concept-grid{
  grid-template-columns:40% 29% 31%!important;
  gap:24px!important;
  align-items:center!important;
}
.dm-concept-mascot{
  padding:0!important;
  min-height:245px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.dm-concept-mascot::before{
  content:"";
  position:absolute;
  width:270px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,236,226,.58),rgba(255,253,251,0) 72%);
  z-index:0;
}
.dm-concept-mascot p{display:none!important}
.dm-concept-mascot img{
  position:relative;
  z-index:1;
  display:block;
  width:292px!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  mix-blend-mode:multiply!important;
  filter:saturate(.98) contrast(.99)!important;
}

/* Subtle section rhythm to match the approved comp without redesigning v10 content. */
.dm-concept-copy h2{letter-spacing:.025em!important}
.dm-concept-points article{border-color:#f0e8e2!important}
.dm-cases{background:linear-gradient(180deg,#fffaf7 0%,#fff8f4 100%)!important}
.dm-plans{background:#fffdfb!important}

@media(max-width:1100px){
  #hero .dm-hero-art img{width:min(580px,54vw)!important}
  .dm-concept-grid{grid-template-columns:39% 29% 32%!important;gap:18px!important}
  .dm-concept-mascot img{width:260px!important}
}
@media(max-width:820px){
  #hero.dm-hero{height:auto!important;padding-top:42px!important}
  #hero .dm-hero-grid{display:block!important}
  #hero .dm-hero-art{height:440px;margin-top:8px!important}
  #hero .dm-hero-art img{width:min(620px,92vw)!important;top:49%!important}
  .dm-concept-grid{grid-template-columns:1fr 300px!important;gap:24px!important}
  .dm-concept-mascot{min-height:260px}
  .dm-concept-mascot img{width:285px!important}
}
@media(max-width:560px){
  #hero.dm-hero{padding-top:32px!important}
  #hero .dm-hero-art{height:355px;margin-top:12px!important}
  #hero .dm-hero-art img{width:min(500px,100vw)!important}
  .dm-concept-grid{grid-template-columns:1fr!important}
  .dm-concept-mascot{order:2;min-height:250px;margin:2px 0 4px}
  .dm-concept-mascot img{width:min(300px,90vw)!important}
  .dm-concept-points{order:3}
}