/* WWCFAM HOME • VIBRANT REPAIR 2026-10-10
   A clean homepage-only stylesheet; replaces the old home-fast.css.
   No global header, Mail, admin, recognition or Vortex API changes. */
body[data-page="home"]{--wwc-cyan:#70f2fd;--wwc-green:#82ffbb;--wwc-purple:#b28bff;background:#040817;color:#f6fcff;overflow-x:clip}
body[data-page="home"] #wwc-holo,body[data-page="home"] .wwc-holo-shade,body[data-page="home"] .wwu-react-ui,body[data-page="home"] .wwu-live-stage,body[data-page="home"] .wwu-video,body[data-page="home"] .wwu-webgl,body[data-page="home"] .wwu-gif{display:none!important}
body[data-page="home"] .wwp-shell{width:min(1440px,calc(100% - 24px));margin:auto;padding:10px 0 55px;min-width:0;overflow:visible}
body[data-page="home"] #main *,body[data-page="home"] #main *::before,body[data-page="home"] #main *::after{box-sizing:border-box}
/* ONE compact navigation row. Explore is a contained dropdown, not a giant second navbar. */
body[data-page="home"] .wwcfam-home-nav{position:relative!important;isolation:isolate;z-index:10!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;width:min(1020px,100%)!important;margin:7px auto 16px!important;padding:9px!important;border:1px solid #416db6!important;border-radius:18px!important;background:linear-gradient(125deg,rgba(4,26,50,.96),rgba(17,14,45,.97))!important;box-shadow:0 8px 32px #0008, inset 0 1px #79deff24!important}
body[data-page="home"] .wwcfam-home-nav::before,body[data-page="home"] .wwcfam-home-nav::after,body[data-page="home"] .wwcfam-home-nav a::before,body[data-page="home"] .wwcfam-home-nav a::after{content:none!important;display:none!important}
body[data-page="home"] .wwcfam-home-nav>a,body[data-page="home"] .wwcfam-nav-more>summary{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 1 auto!important;gap:7px!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:8px 13px!important;border:1px solid #47729b!important;border-radius:12px!important;background:linear-gradient(140deg,#143853,#102b49)!important;color:#f3feff!important;font:800 12px/1.3 system-ui,sans-serif!important;text-align:center!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;box-shadow:inset 0 1px #e0ffff12!important;cursor:pointer;transition:background .18s,border-color .18s!important}
body[data-page="home"] .wwcfam-home-nav a:hover,body[data-page="home"] .wwcfam-nav-more>summary:hover{background:linear-gradient(120deg,#1c6070,#173e79)!important;border-color:#7aebff!important}
body[data-page="home"] .wwcfam-home-nav a[aria-current],body[data-page="home"] .wwcfam-home-nav .wwp-subnav-create{background:linear-gradient(120deg,#0f7280,#4a4ac2)!important;border-color:#79e8ff!important;box-shadow:0 0 15px #18c7e52c!important}
body[data-page="home"] .wwcfam-home-nav .wwp-nav-icon{display:none!important}
body[data-page="home"] .wwcfam-nav-more{position:relative!important;display:block!important;flex:0 0 auto!important;max-width:100%!important;margin:0!important;padding:0!important}
body[data-page="home"] .wwcfam-nav-more>summary{list-style:none!important;user-select:none}
body[data-page="home"] .wwcfam-nav-more>summary::-webkit-details-marker{display:none}
body[data-page="home"] .wwcfam-nav-more[open]>summary{border-color:var(--wwc-cyan)!important;background:linear-gradient(110deg,#21487a,#472d77)!important}
body[data-page="home"] .wwcfam-nav-more[open] .wwcfam-arrow{transform:rotate(180deg)}
body[data-page="home"] .wwcfam-nav-more-grid{position:absolute!important;display:grid!important;top:calc(100% + 12px)!important;right:0!important;left:auto!important;z-index:100!important;width:min(550px,calc(100vw - 38px))!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;padding:14px!important;border:1px solid #497bac!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(8,27,56,.99),rgba(24,18,52,.99))!important;box-shadow:0 24px 60px #000d,0 0 24px #15dcff20!important}
body[data-page="home"] .wwcfam-nav-more:not([open]) .wwcfam-nav-more-grid{display:none!important}
body[data-page="home"] .wwcfam-nav-more-grid>a,body[data-page="home"] .wwcfam-nav-more-grid>button{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:9px 10px!important;border:1px solid #366789!important;border-radius:11px!important;background:linear-gradient(140deg,#0d304b,#172c52)!important;color:#e9fcff!important;font:750 12px/1.32 system-ui,sans-serif!important;text-decoration:none!important;text-align:center!important;white-space:normal!important;word-break:normal!important;cursor:pointer!important}
body[data-page="home"] .wwcfam-nav-more-grid>a:hover,body[data-page="home"] .wwcfam-nav-more-grid>button:hover{background:#205475!important;border-color:#81efff!important}
body[data-page="home"] .wwcfam-nav-more-grid>button[aria-pressed="true"]{background:#125948!important;border-color:#91facc!important}
/* Alive again: guaranteed packaged real artwork, not image injected by an animation engine. */
body[data-page="home"] .wwp-hero--cosmic-home{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;align-items:center!important;gap:clamp(18px,2vw,28px)!important;min-height:0!important;width:100%!important;margin:0 auto 15px!important;padding:clamp(22px,2.5vw,38px)!important;overflow:hidden!important;border:1px solid #3b88bb!important;border-radius:28px!important;background:linear-gradient(102deg,rgba(3,13,33,.82),rgba(4,13,40,.67)),url('/wwcfam-home-assets/universe/wwcfam-orbit-home-fast.webp') center/cover no-repeat!important;box-shadow:0 20px 55px #000a,0 0 40px #187cbe1e!important}
body[data-page="home"] .wwp-hero--cosmic-home::before,body[data-page="home"] .wwp-hero--cosmic-home::after{content:none!important;display:none!important}
body[data-page="home"] .wwp-hero-copy{position:relative!important;z-index:1!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:7px 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
body[data-page="home"] .wwp-kicker{color:#9ef7ff!important;font:900 clamp(10px,.9vw,13px)/1.6 system-ui,sans-serif!important;letter-spacing:.14em!important;text-align:center!important}
body[data-page="home"] .wwp-hero h1{max-width:100%!important;margin:12px auto 18px!important;color:#fff!important;font:950 clamp(33px,4.8vw,73px)/1.075 system-ui,sans-serif!important;letter-spacing:-.045em!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;text-wrap:balance!important;text-shadow:0 6px 24px #00152d77!important}
body[data-page="home"] .wwp-gradient{color:transparent!important;background:linear-gradient(110deg,#fff 5%,#96f6ff 30%,#69e4ff 57%,#bda4ff 95%)!important;background-clip:text!important;-webkit-background-clip:text!important}
body[data-page="home"] .wwp-lede{max-width:660px!important;margin:0 auto 14px!important;color:#e6f3ff!important;font:450 clamp(13px,1.15vw,17px)/1.65 system-ui,sans-serif!important;text-align:center!important}
body[data-page="home"] .wwp-values{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:6px!important;margin:12px auto 18px!important}
body[data-page="home"] .wwp-values span{padding:5px 9px!important;color:#d7faff!important;font:850 10px/1.2 system-ui,sans-serif!important;border:1px solid #4395b5!important;border-radius:30px!important;background:#021b32b8!important}
body[data-page="home"] .wwp-actions{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important}
body[data-page="home"] .wwp-actions .wwp-btn{display:inline-flex!important;justify-content:center!important;align-items:center!important;max-width:100%!important;width:auto!important;min-height:39px!important;padding:9px 14px!important;border-radius:11px!important;font:850 clamp(11px,.9vw,13px)/1.35 system-ui,sans-serif!important;text-align:center!important;box-shadow:none!important;animation:none!important;transform:none!important}
body[data-page="home"] .wwp-actions .wwp-btn.primary{color:#071828!important;background:linear-gradient(110deg,#7dffae,#6ae5ee)!important;border-color:#b9fff0!important}
body[data-page="home"] .wwp-actions .wwp-btn.cyan{color:white!important;background:linear-gradient(115deg,#07829e,#5c4ccc)!important;border-color:#88e4ff!important}
body[data-page="home"] .wwp-actions .wwp-btn::before{content:none!important;display:none!important}
body[data-page="home"] .wwp-visual--commanddeck{position:relative!important;isolation:isolate!important;display:block!important;min-width:0!important;max-width:100%!important;width:100%!important;min-height:0!important;aspect-ratio:1.28!important;padding:0!important;overflow:hidden!important;border:1px solid #78caff!important;border-radius:23px!important;background:linear-gradient(125deg,#0c2251,#022132)!important;box-shadow:0 14px 38px #0009,0 0 22px #3ecaff42!important}
body[data-page="home"] .wwp-visual--commanddeck::before,body[data-page="home"] .wwp-visual--commanddeck::after{display:none!important;content:none!important}
body[data-page="home"] .wwcfam-home-hero-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important}
body[data-page="home"] .wwp-visual-badge{position:absolute!important;top:13px!important;left:12px!important;z-index:2!important;padding:7px 11px!important;border:1px solid #7df1ff!important;border-radius:99px!important;background:#011a2edb!important;color:#b5faff!important;font:900 10px/1.3 system-ui,sans-serif!important;letter-spacing:.07em!important}
body[data-page="home"] .wwp-visual-panel{position:absolute!important;z-index:2!important;max-width:66%!important;width:auto!important;min-height:0!important;margin:0!important;padding:10px 12px!important;border:1px solid #81c4ef!important;border-radius:13px!important;background:#04182fdc!important;box-shadow:0 8px 24px #0009!important;color:#eafaff!important;animation:none!important;transform:none!important;backdrop-filter:blur(3px)!important}
body[data-page="home"] .wwp-visual-panel--logo{top:auto!important;right:12px!important;bottom:20%!important;left:auto!important}
body[data-page="home"] .wwp-visual-panel--status{top:auto!important;right:auto!important;left:12px!important;bottom:11px!important}
body[data-page="home"] .wwp-visual-panel strong{display:block!important;margin-bottom:4px!important;color:#fff!important;font:900 11px/1.35 system-ui,sans-serif!important}
body[data-page="home"] .wwp-visual-panel span,body[data-page="home"] .wwp-visual-panel li{font:500 10px/1.4 system-ui,sans-serif!important;color:#e2f3ff!important}
body[data-page="home"] .wwp-visual-panel ul{margin:4px 0 0!important;padding-left:16px!important}
/* The composer is a true native details control. No JavaScript is needed just to open it. */
body[data-page="home"] .wwcfam-vortex-quick-section{position:relative!important;z-index:2!important;display:block!important;max-width:920px!important;width:100%!important;margin:10px auto 23px!important;text-align:center!important}
body[data-page="home"] .wwcfam-vortex-quick{overflow:hidden!important;border-radius:15px!important;border:1px solid #487bbd!important;box-shadow:0 10px 35px #0008!important;background:linear-gradient(110deg,#06243e,#17234b,#261c4a)!important}
body[data-page="home"] .wwcfam-vortex-quick>summary{display:flex!important;align-items:center!important;gap:10px!important;min-height:60px!important;padding:10px 17px!important;color:white!important;list-style:none!important;text-align:left!important;cursor:pointer!important}
body[data-page="home"] .wwcfam-vortex-quick>summary::-webkit-details-marker{display:none}
body[data-page="home"] .wwcfam-vortex-quick>summary strong{display:block!important;color:#fff!important;font:900 clamp(13px,1.2vw,16px)/1.4 system-ui,sans-serif!important}
body[data-page="home"] .wwcfam-vortex-quick>summary small{display:block!important;color:#b6eaf5!important;font:600 11px/1.4 system-ui,sans-serif!important}
body[data-page="home"] .wwcfam-qv-planet{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border-radius:12px!important;background:#11646c!important;flex:none!important}
body[data-page="home"] .wwcfam-qv-arrow{margin-left:auto!important}
body[data-page="home"] .wwcfam-qv-direct-link{display:inline-block!important;padding:8px 14px!important;color:#b6ebff!important;text-decoration:underline!important;font:750 11px/1.4 system-ui,sans-serif!important}
body[data-page="home"] .wwcfam-qv-loading{color:#bce5fb!important;padding:13px!important}
body[data-page="home"] .wwcfam-qv-loading a{color:#8effcf!important}
body[data-page="home"] .wwcfam-vortex-quick:not([open]) [data-wwcfam-quick-vortex-mount]{display:none!important}
/* The rest of the homepage: luminous cards, not monochrome dead boxes. */
body[data-page="home"] .wwp-section{position:relative!important;z-index:1!important;max-width:100%!important;margin:17px 0!important;padding:clamp(18px,2.6vw,32px)!important;border:1px solid #274c7d!important;border-radius:22px!important;background:linear-gradient(130deg,#091c36f4,#0f1230f5)!important;box-shadow:0 8px 35px #0004!important}
body[data-page="home"] .wwp-section::before,body[data-page="home"] .wwp-section::after{content:none!important;display:none!important}
body[data-page="home"] .wwp-section-head{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:8px!important;text-align:center!important;max-width:880px!important;margin:0 auto 17px!important}
body[data-page="home"] .wwp-section-head h2,body[data-page="home"] .wwp-section-head p{max-width:820px!important;margin-inline:auto!important;text-align:center!important}
body[data-page="home"] .wwp-section h2{font-size:clamp(23px,3vw,42px)!important;line-height:1.16!important}
body[data-page="home"] .wwp-portal-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
body[data-page="home"] .wwp-portal-card{display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important;min-height:157px!important;padding:18px 12px!important;gap:9px!important;border:1px solid #386697!important;border-radius:15px!important;background:linear-gradient(140deg,#0d3052,#142348 65%,#241c48)!important;color:#fff!important;text-align:center!important;text-decoration:none!important;transform:none!important;animation:none!important;box-shadow:inset 0 1px #9ceaff13,0 9px 22px #0004!important}
body[data-page="home"] .wwp-portal-card:hover{border-color:#6feaf7!important;background:linear-gradient(130deg,#164767,#233a69,#29205b)!important}
body[data-page="home"] .wwp-portal-icon{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;border:1px solid #579dcc!important;border-radius:12px!important;background:linear-gradient(130deg,#167b8a,#43439b)!important;color:#e3ffff!important;box-shadow:0 0 15px #20b7df55!important}
body[data-page="home"] .wwp-portal-icon svg{display:block!important;width:29px!important;height:29px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body[data-page="home"] .wwp-portal-card b{font-size:15px!important;line-height:1.25!important}
body[data-page="home"] .wwp-portal-card small{font-size:12px!important;line-height:1.4!important;color:#cfe6f8!important}
body[data-page="home"] .wwp-panel,body[data-page="home"] .wwp-cta{border:1px solid #386791!important;border-radius:17px!important;background:linear-gradient(130deg,#0b2843,#1a1b43)!important}
body[data-page="home"] .wwp-statement{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;gap:19px!important;align-items:center!important}
body[data-page="home"] .wwp-statement-big{font-size:clamp(27px,3.5vw,51px)!important;font-weight:900!important;line-height:1.08!important;text-align:center!important;color:white!important}
body[data-page="home"] .wwp-accordion-list{display:grid!important;gap:10px!important}
body[data-page="home"] .wwp-accordion{border:1px solid #34608a!important;border-radius:13px!important;background:linear-gradient(125deg,#0b2c4a,#181b44)!important;overflow:hidden!important}
body[data-page="home"] .wwp-accordion summary{padding:14px!important;cursor:pointer!important;display:grid!important;gap:5px!important}
body[data-page="home"] .wwp-accordion summary span{font-size:11px!important;font-weight:900!important;color:#84f7ff!important}
body[data-page="home"] .wwp-accordion summary b{font-size:14px!important;color:white!important}
body[data-page="home"] .wwp-accordion>div{padding:0 14px 14px!important;color:#d2edff!important}
body[data-page="home"] .wwp-footer{text-align:center!important}
body[data-page="home"].wwcfam-effects-enabled .wwp-hero--cosmic-home{box-shadow:0 12px 45px #000a,0 0 24px #197bff73!important}
body[data-page="home"].wwcfam-effects-enabled .wwp-visual--commanddeck{box-shadow:0 10px 32px #0009,0 0 18px #35dfff7d!important}
/* Layout breakpoints. Never force horizontal document scrolling. */
@media(max-width:1040px){body[data-page="home"] .wwp-hero--cosmic-home{grid-template-columns:1fr!important}body[data-page="home"] .wwp-visual--commanddeck{max-width:720px!important;margin-inline:auto!important;aspect-ratio:1.55!important}body[data-page="home"] .wwp-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:690px){body[data-page="home"] .wwp-shell{width:calc(100% - 16px)!important}body[data-page="home"] .wwcfam-home-nav{width:100%!important;padding:7px!important;gap:5px!important;border-radius:14px!important;margin-bottom:10px!important}body[data-page="home"] .wwcfam-home-nav>a,body[data-page="home"] .wwcfam-nav-more>summary{flex:1 1 calc(50% - 5px)!important;font-size:11px!important;min-height:35px!important;padding:7px 6px!important;white-space:normal!important}body[data-page="home"] .wwcfam-nav-more{flex:1 1 100%!important}body[data-page="home"] .wwcfam-nav-more>summary{width:100%!important}body[data-page="home"] .wwcfam-nav-more-grid{position:static!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:7px!important;padding:8px!important;gap:6px!important;box-shadow:none!important}body[data-page="home"] .wwcfam-nav-more-grid>a,body[data-page="home"] .wwcfam-nav-more-grid>button{min-height:38px!important;font-size:11px!important}body[data-page="home"] .wwp-hero--cosmic-home{padding:17px!important;border-radius:20px!important;gap:15px!important}body[data-page="home"] .wwp-hero h1{font-size:clamp(31px,9vw,49px)!important;margin:9px auto!important}body[data-page="home"] .wwp-lede{font-size:13px!important;line-height:1.52!important}body[data-page="home"] .wwp-visual--commanddeck{border-radius:16px!important;aspect-ratio:1.28!important}body[data-page="home"] .wwp-visual-panel{max-width:68%!important;padding:7px 9px!important}body[data-page="home"] .wwp-visual-panel--logo{bottom:18%!important}body[data-page="home"] .wwp-visual-panel--status{bottom:8px!important}body[data-page="home"] .wwp-visual-panel strong{font-size:10px!important}body[data-page="home"] .wwp-visual-panel span,body[data-page="home"] .wwp-visual-panel li{font-size:9px!important}body[data-page="home"] .wwp-section{padding:14px!important;border-radius:17px!important}body[data-page="home"] .wwp-portal-grid{gap:8px!important}body[data-page="home"] .wwp-portal-card{padding:12px 9px!important;min-height:142px!important}body[data-page="home"] .wwp-portal-card b{font-size:13px!important}body[data-page="home"] .wwp-portal-card small{font-size:11px!important}body[data-page="home"] .wwp-statement{grid-template-columns:1fr!important}body[data-page="home"] .wwcfam-home-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}body[data-page="home"] .wwcfam-home-hero-actions .wwp-btn{width:100%!important;padding:9px 7px!important;font-size:11px!important}}
@media(max-width:350px){body[data-page="home"] .wwp-portal-grid{grid-template-columns:1fr!important}body[data-page="home"] .wwcfam-home-hero-actions{grid-template-columns:1fr!important}body[data-page="home"] .wwp-hero h1{font-size:30px!important}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] *,body[data-page="home"] *::before,body[data-page="home"] *::after{animation:none!important;transition:none!important}}

/* 2026-10-11 • WWCFAM mobile hero repair.
   Preserve the original artwork, but give the two information cards their own
   space below it instead of absolutely positioning them on top of each other. */
@media screen and (max-width:690px) {
  body[data-page="home"] .wwp-visual--commanddeck {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }
  body[data-page="home"] .wwcfam-home-hero-art {
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
    flex:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  body[data-page="home"] .wwp-visual-badge {
    top:10px!important;
    left:10px!important;
    right:auto!important;
    bottom:auto!important;
    max-width:calc(100% - 20px)!important;
    font-size:clamp(8px,2.6vw,10px)!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body[data-page="home"] .wwp-visual-panel,
  body[data-page="home"] .wwp-visual-panel--logo,
  body[data-page="home"] .wwp-visual-panel--status {
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    margin:0 10px 10px!important;
    padding:11px 13px!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  body[data-page="home"] .wwp-visual-panel--logo {margin-top:10px!important;}
  body[data-page="home"] .wwp-visual-panel strong {font-size:clamp(11px,2.8vw,13px)!important;}
  body[data-page="home"] .wwp-visual-panel span,
  body[data-page="home"] .wwp-visual-panel li {font-size:clamp(10px,2.65vw,12px)!important;}
  body[data-page="home"] .wwp-visual-panel ul {padding-left:18px!important;}
}
