:root{
  --kml-sky:#eaf6ff;
  --kml-mint:#e9fff4;
  --kml-sun:#ffd95a;
  --kml-coral:#ff7f6d;
  --kml-violet:#745cff;
}
.home-approved{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 44%,#ffffff 100%);
}
.home-approved .topbar{
  background:linear-gradient(90deg,#0b5cff,#745cff 58%,#ff6f86);
}
.approved-hero{
  padding:38px 0 42px;
  background:
    radial-gradient(circle at 9% 15%,rgba(255,217,90,.35),transparent 28%),
    radial-gradient(circle at 88% 15%,rgba(82,202,255,.24),transparent 30%),
    linear-gradient(135deg,#fffdf7 0%,#f0f8ff 58%,#eefdf7 100%);
}
.approved-hero-grid{
  grid-template-columns:.78fr 1.22fr;
  gap:34px;
  align-items:center;
}
.approved-hero-copy{
  position:relative;
  z-index:2;
  padding:34px 0;
}
.approved-hero h1{
  background:linear-gradient(135deg,#082b73 15%,#0b5cff 62%,#745cff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.approved-hero-photo{
  min-height:510px;
  align-self:center;
}
.approved-hero-photo img{
  border-radius:32px;
  object-position:58% center;
  box-shadow:0 28px 70px rgba(27,69,145,.2);
  border:6px solid rgba(255,255,255,.9);
}
.lab-explorer{
  background:linear-gradient(180deg,#ffffff 0%,#f0f9ff 48%,#f5fff9 100%);
  padding:66px 0 54px;
}
.lab-toggle-photo{
  width:96px;
  height:96px;
  overflow:hidden;
  background:none!important;
  border:5px solid #fff;
  box-shadow:0 14px 34px rgba(21,58,125,.16);
}
.lab-toggle-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.lab-toggle[aria-selected="true"] .lab-toggle-photo{
  border-color:#ffd95a;
  box-shadow:0 0 0 4px #0b5cff,0 18px 36px rgba(21,58,125,.2);
}
.lab-detail{
  border:2px solid rgba(11,92,255,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(234,246,255,.98) 52%,rgba(233,255,244,.98));
  box-shadow:0 24px 60px rgba(20,64,140,.12);
}
.lab-mini-card{
  border:0;
  box-shadow:0 14px 30px rgba(20,57,122,.1);
  background:linear-gradient(160deg,#fff,#f8fbff);
}
.lab-mini-card:nth-child(4n+1){border-top:5px solid #0b5cff}
.lab-mini-card:nth-child(4n+2){border-top:5px solid #ff7f6d}
.lab-mini-card:nth-child(4n+3){border-top:5px solid #10a95b}
.lab-mini-card:nth-child(4n){border-top:5px solid #745cff}
.home-showcase{
  padding:58px 0 72px;
  background:linear-gradient(180deg,#fff,#fff9ee);
}
.showcase-card{
  border:0;
  box-shadow:0 24px 64px rgba(22,55,118,.12);
}
.featured-book{
  min-height:255px;
  background-image:none!important;
  border:3px solid rgba(255,255,255,.92);
  box-shadow:0 18px 36px rgba(13,40,95,.2);
}
.featured-book-cover{
  position:absolute!important;
  inset:0;
  z-index:0!important;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.featured-book:before{
  background:linear-gradient(180deg,rgba(2,16,48,.02) 34%,rgba(2,16,48,.88) 100%);
  z-index:1;
}
.featured-book strong,.featured-book small{z-index:2}
.book-illustration{display:none}
.featured-book strong{font-size:1.06rem}
.freebies-card{
  background:
    radial-gradient(circle at 90% 8%,rgba(255,217,90,.42),transparent 30%),
    linear-gradient(145deg,#edfff5,#f5fbff);
}
.freebie-item{
  box-shadow:0 9px 22px rgba(24,70,115,.07);
}
.family-proof{
  padding:18px 0 74px;
  background:#fff9ee;
}
.family-proof-card{
  border:0;
  box-shadow:0 24px 64px rgba(22,55,118,.12);
}
.family-visual{
  padding:0;
  overflow:hidden;
  background:#dff2ff;
}
.family-visual img{
  width:100%;
  height:100%;
  min-height:310px;
  object-fit:cover;
  display:block;
}
.founder-mini{
  background:
    radial-gradient(circle at 12% 16%,rgba(116,92,255,.1),transparent 25%),
    linear-gradient(135deg,#f7faff,#fff);
}
.founder-mini img{
  border:5px solid #fff;
  box-shadow:0 22px 52px rgba(21,58,125,.18);
}
@media(max-width:980px){
  .approved-hero-grid{grid-template-columns:1fr}
  .approved-hero-photo{min-height:430px}
  .approved-hero-copy{padding-bottom:6px}
}
@media(max-width:640px){
  .approved-hero{padding:22px 0 34px}
  .approved-hero h1{font-size:3.05rem}
  .approved-hero-photo{min-height:330px}
  .approved-hero-photo img{object-position:68% center;border-radius:24px}
  .lab-toggle-photo{width:70px;height:70px}
  .featured-book{min-height:215px}
  .family-visual img{min-height:240px}
}

/* Landing page presentation fix: show complete artwork instead of cropping it. */
.home-approved .family-proof{display:none!important}
.home-approved .approved-hero-photo img{
  object-fit:contain!important;
  object-position:center!important;
  background:#f4f8ff;
}
.home-approved .lab-toggle-photo{
  width:118px;
  height:96px;
  border-radius:20px;
  background:#fff!important;
}
.home-approved .lab-toggle-photo img{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
}
.home-approved .featured-book{
  background:#fff!important;
}
.home-approved .featured-book-cover{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff;
}
@media(max-width:640px){
  .home-approved .lab-toggle-photo{width:76px;height:66px;border-radius:15px}
  .home-approved .approved-hero-photo img{object-position:center!important}
}