/* WLF v72 sale-readiness polish: palette docking + mobile breathing room. */
@media(max-width:760px){
}

/* Website guide-cover engagement layer */

/* WLF v73 live mobile QA fixes: palette, covers, mobile sales flow. */
:root{--wlf-palette-bottom:max(12px, env(safe-area-inset-bottom, 0px));}
body.wlf-has-bottom-nav{--wlf-palette-bottom:calc(92px + env(safe-area-inset-bottom, 0px));}
#wlf-switch-btn{right:12px!important;bottom:var(--wlf-palette-bottom)!important;width:42px!important;height:42px!important;opacity:.52!important;border-radius:999px!important;z-index:10000!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;}
#wlf-switch-panel{right:12px!important;bottom:calc(var(--wlf-palette-bottom) + 52px)!important;max-width:calc(100vw - 24px)!important;max-height:min(420px,64vh)!important;z-index:10001!important;}
.wlf-palette-docked,#wlf-switch-footer.wlf-palette-docked{position:fixed!important;left:auto!important;right:12px!important;top:auto!important;bottom:var(--wlf-palette-bottom)!important;width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:999px!important;overflow:hidden!important;background:rgba(8,23,45,.94)!important;border:1px solid rgba(56,189,248,.45)!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;z-index:10000!important;color:#fff!important;-webkit-text-fill-color:#fff!important;backdrop-filter:blur(14px)!important;font-size:0!important;line-height:1!important;opacity:.70!important;}
.wlf-palette-docked:hover,#wlf-switch-btn:hover{opacity:1!important;}
.wlf-palette-docked:not(.wlf-palette-open)>*{display:none!important;}
.wlf-palette-docked::before{content:"🎨";font-size:18px!important;line-height:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
.wlf-palette-docked.wlf-palette-open{width:min(286px,calc(100vw - 24px))!important;max-width:min(286px,calc(100vw - 24px))!important;height:auto!important;min-height:54px!important;max-height:min(430px,68vh)!important;overflow:auto!important;border-radius:18px!important;padding:12px!important;flex-wrap:wrap!important;justify-content:flex-start!important;font-size:12px!important;}
.wlf-palette-docked.wlf-palette-open::before{content:"Color Palette";display:block;width:100%;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 4px!important;color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;}
.wlf-palette-docked.wlf-palette-open>*{display:flex!important;}
.wlf-palette-docked.wlf-palette-open span:first-child{display:none!important;}
.wlf-palette-docked.wlf-palette-open button{flex:0 0 auto!important;width:28px!important;height:28px!important;min-height:28px!important;border-radius:999px!important;padding:0!important;margin:2px!important;font-size:0!important;}
@media(max-width:760px){
  #wlf-switch-btn{right:10px!important;width:38px!important;height:38px!important;}
  #wlf-switch-panel{right:10px!important;width:min(250px,calc(100vw - 20px))!important;}
  .wlf-palette-docked,#wlf-switch-footer.wlf-palette-docked{right:10px!important;width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;opacity:.58!important;}
  .wlf-palette-docked::before{font-size:16px!important;}
  .wlf-palette-docked.wlf-palette-open{width:min(274px,calc(100vw - 20px))!important;max-width:min(274px,calc(100vw - 20px))!important;}
}

/* Guide/PDF cover readability and premium card treatment. */
.wlf-guide-cover-wrap{width:100%;aspect-ratio:5/7;border-radius:16px;overflow:hidden;border:1px solid rgba(191,219,254,.34);background:#08172D;margin:0 0 15px;box-shadow:0 18px 44px rgba(0,0,0,.30);}
.wlf-guide-cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
.wlf-guide-hero-cover{width:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(191,219,254,.38);box-shadow:0 24px 62px rgba(0,0,0,.40);background:#08172D;margin-bottom:18px;}
.wlf-guide-hero-cover img{display:block;width:100%;height:auto;}
.pdf-mock .wlf-guide-hero-cover{margin:-4px 0 20px;}
.pdf-mock.wlf-has-cover .pdf-logo-ring{display:none!important;}
.pdf-mock.wlf-has-cover{background:linear-gradient(145deg,#071426 0%,#0B1B33 64%,#102A4D 100%)!important;border-color:rgba(56,189,248,.42)!important;color:#EAF4FF!important;}
.pdf-mock.wlf-has-cover .pdf-title,.pdf-mock.wlf-has-cover .pdf-sub,.pdf-mock.wlf-has-cover .privacy,.pdf-mock.wlf-has-cover .app-link-bar,.pdf-mock.wlf-has-cover .app-link-bar *{color:#EAF4FF!important;-webkit-text-fill-color:#EAF4FF!important;}
.pdf-mock.wlf-has-cover .privacy{opacity:.86!important;}
.pdf-mock.wlf-has-cover .app-link-bar{background:rgba(8,23,45,.72)!important;border-color:rgba(56,189,248,.32)!important;}
@media(max-width:760px){.wlf-guide-cover-wrap{border-radius:12px;margin-bottom:13px}.wlf-guide-hero-cover{margin-bottom:14px;border-radius:14px}.pdf-mock{padding:18px!important}.pdf-mock .pdf-title{font-size:22px!important}.app-link-bar{font-size:12px!important;line-height:1.45!important}}

/* Seller page: tighter world-class mobile sales path after live QA. */
@media(max-width:820px){
  body{overflow-x:hidden!important;}
  .hero{padding:34px 0 24px!important;}
  .hero h1,h1{font-size:clamp(38px,12vw,58px)!important;line-height:.96!important;letter-spacing:-.055em!important;}
  .lead{font-size:16px!important;line-height:1.55!important;}
  .heroActions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .heroActions .btn{width:100%!important;min-height:54px!important;}
  .deviceStage{display:none!important;}
  .wlf-simple-proof{display:none!important;}
  .microBadges{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:16px!important;}
  .micro{display:block!important;text-align:center!important;padding:10px 6px!important;border-radius:14px!important;background:rgba(8,23,45,.72)!important;border:1px solid rgba(191,219,254,.18)!important;font-size:11px!important;line-height:1.25!important;}
  .microIcon{margin:0 auto 6px!important;width:30px!important;height:30px!important;}
  .section{padding:34px 0!important;}
  .section h2{font-size:clamp(28px,8.5vw,40px)!important;}
  .sectionLead{font-size:15.5px!important;}
  .grid3,.grid4,.grid2,.steps,.statCards,.bentoGrid,.priceGrid,.liveFlow{grid-template-columns:1fr!important;gap:12px!important;}
  .card,.bento,.tier,.controlBox,.marketPanel,.vault,.wellness,.cta{border-radius:18px!important;padding:18px!important;}
  .vault{display:block!important;}
  .vaultItem{margin-top:10px!important;border-left:none!important;padding-left:0!important;text-align:left!important;}
  .ecoTable,.compareTable{font-size:12px!important;min-width:620px!important;}
  .section.center .wrap>div[style*="grid-template-columns:repeat(3"], .section.center .wrap>div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important;}
  .wlf-cover-showcase{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;}
  .wlf-cover-card:nth-child(n+5){display:none!important;}
  .wlf-cover-card span{font-size:10px!important;}
  #toolkit .bento:not(.big){display:none!important;}
  #toolkit .bento.big{display:block!important;}
  section:has(.compareTable), section:has(.marketPanel){display:none!important;}
  .footer{padding-bottom:78px!important;}
}
@media(max-width:420px){.microBadges{grid-template-columns:repeat(2,1fr)!important}.brand{font-size:16px!important}.navlinks .btn{font-size:12px!important}}

/* WLF v74 guide card polish: make cover cards feel more premium across the demo site. */
a.guide-card, .grid a.card, .related a, .card-grid a.card {overflow:hidden}
a.guide-card .wlf-guide-cover-wrap, .grid a.card .wlf-guide-cover-wrap, .related a .wlf-guide-cover-wrap, .card-grid a.card .wlf-guide-cover-wrap{margin-bottom:14px}
a.guide-card:hover .wlf-guide-cover-wrap img, .grid a.card:hover .wlf-guide-cover-wrap img, .related a:hover .wlf-guide-cover-wrap img, .card-grid a.card:hover .wlf-guide-cover-wrap img{transform:translateY(-2px)}
a.guide-card .wlf-guide-cover-wrap img, .grid a.card .wlf-guide-cover-wrap img, .related a .wlf-guide-cover-wrap img, .card-grid a.card .wlf-guide-cover-wrap img{transition:transform .18s ease}


/* v76 graphic polish: when a real cover is injected, keep the CTA card cleaner. */
.pdf-mock.wlf-has-cover .pdf-title,
.pdf-mock.wlf-has-cover .pdf-sub,
.pdf-mock.wlf-has-cover hr,
.pdf-mock.wlf-has-cover div[style*="height:1px"]{display:none!important;}
.pdf-mock.wlf-has-cover .pdf-badge{margin-bottom:8px;}

/* Program cover polish for the PDF programs page. */
.program-cover{width:100%;aspect-ratio:5/7;border-radius:16px;overflow:hidden;border:1px solid rgba(191,219,254,.34);background:#08172D;margin:0 0 16px;box-shadow:0 18px 44px rgba(0,0,0,.28);}
.program-cover img{width:100%;height:100%;display:block;object-fit:cover;}
.program.has-cover{min-height:unset;}
.program.has-cover h3{margin-top:2px;}
.program.has-cover .price{margin-top:12px;}
.program-hero-cover{width:min(100%,420px);margin:0 auto 18px;border-radius:22px;overflow:hidden;border:1px solid rgba(191,219,254,.36);box-shadow:0 24px 58px rgba(0,0,0,.34);}
.program-hero-cover img{display:block;width:100%;height:auto;}
@media(max-width:760px){.program-cover{aspect-ratio:4/5;margin-bottom:14px}.program-hero-cover{max-width:360px;border-radius:18px}}