/* CWCOUNT homepage reference v3 — exact mockup direction, staging only */ /* Typography final swap 2026-09-17: owner rejected Proxima Nova outright (not just rhythm). Work Sans (SIL OFL 1.1, self-hosted, free to embed) replaces it site-wide. One family, two real static weight files (400/700) registered below; body.home already sets font-synthesis:none so any requested weight (500/800/etc.) resolves to the nearest real face instead of a browser-faked bold — no smear. */ @font-face{font-family:'work_sans';src:url('../fonts/WorkSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;} @font-face{font-family:'work_sans';src:url('../fonts/WorkSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;} :root{--cwc3-shell:1340px;--cwc3-gutter:48px;--cwc3-black:#070707;--cwc3-text:#1d2b3e;--cwc3-muted:#667085;--cwc3-blue:#0878ff;--cwc3-line:#dfe5ec;--cwc3-soft:#f5f7f9;} html body.home{background:#fff!important;color:var(--cwc3-black)!important;font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:17px!important;line-height:1.35!important;overflow-x:hidden!important;} html body.home *,html body.home *:before,html body.home *:after{box-sizing:border-box!important;} html body.home a{text-decoration:none!important;color:inherit;} html body.home #cwc-full-home{background:#fff!important;color:var(--cwc3-black)!important;margin:0!important;padding:0!important;} html body.home .cwc-home-shell,html body.home .cwc-coin-updates__inner,html body.home .home-video-section>.container{width:min(calc(100% - (var(--cwc3-gutter)*2)),var(--cwc3-shell))!important;max-width:var(--cwc3-shell)!important;margin-inline:auto!important;padding:0!important;} html body.home #cwc-full-home h1,html body.home #cwc-full-home h2,html body.home #cwc-full-home h3{font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;color:#050505!important;font-weight:700!important;letter-spacing:-.02em!important;} html body.home #cwc-full-home p{font-size:17px!important;color:#405068!important;line-height:1.38!important;} html body.home .cwc-kicker,html body.home .cwc-coin-updates__eyebrow{display:block!important;color:var(--cwc3-blue)!important;font-size:17px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 10px!important;} html body.home .cwc-dark-cta,html body.home .cwc-outline-cta,html body.home .cwc-text-cta,html body.home .cwc-video-all,html body.home .cwc-coin-updates__all{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:44px!important;padding:0 22px!important;border-radius:999px!important;font-size:17px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;} html body.home .cwc-dark-cta{background:#050505!important;color:#fff!important;border:1px solid #050505!important;} html body.home .cwc-outline-cta,html body.home .cwc-video-all,html body.home .cwc-coin-updates__all{background:#fff!important;color:#050505!important;border:1px solid #d2d9e3!important;} html body.home .cwc-text-cta{padding:0!important;border:0!important;background:transparent!important;color:#050505!important;} /* Header */ html body.home .header-wrap,html body.home .header-wrap--fixed{height:64px!important;min-height:64px!important;background:#fff!important;border:0!important;box-shadow:none!important;} html body.home .header,html body.home .header-wrap--fixed .header{width:min(calc(100% - 64px),1340px)!important;max-width:1340px!important;height:64px!important;min-height:64px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:24px!important;} html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{position:static!important;width:120px!important;min-width:120px!important;height:42px!important;margin:0!important;background-image:url("../images/cwcount-logo.svg")!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:contain!important;} html body.home .header__navigation{position:static!important;top:auto!important;left:auto!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;white-space:nowrap!important;} html body.home .header__navigation #top-menu{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;} html body.home .header__navigation .navigation__item{flex:0 0 auto!important;margin:0 14px 0 0!important;white-space:nowrap!important;} html body.home .header__navigation .navigation__item>a{font-size:14px!important;line-height:64px!important;font-weight:500!important;color:#111!important;padding:0!important;border:0!important;} html body.home .header__navigation .navigation__item.current-menu-item>a,html body.home .header__navigation .navigation__item>a:hover{color:var(--cwc3-blue)!important;} html body.home .header__actions{position:static!important;top:auto!important;right:auto!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;} html body.home .header__actions>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:700!important;} html body.home .header__actions>a[href*="login"]{background:#fff!important;color:#050505!important;border:1px solid #d3dae4!important;} html body.home .header__actions>a[href*="subscription"],html body.home .header__actions>a[href*="markets-we-cover"]{background:#050505!important;color:#fff!important;border:1px solid #050505!important;} html body.home #top-menu>.mobile-login{display:none!important;} /* Logged-in account chip — parent theme hardcodes #account-menu>li>a to color:#fff for the old dark header; make it visible on the white redesign */ html body.home .header__actions.user_menu_actions #account-menu{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;list-style:none!important;} html body.home .header__actions.user_menu_actions #account-menu>li{list-style:none!important;margin:0!important;padding:0!important;} html body.home .header__actions.user_menu_actions #account-menu>li>a{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0 18px!important;border-radius:999px!important;background:#fff!important;color:#050505!important;border:1px solid #d3dae4!important;font-size:14px!important;font-weight:700!important;} html body.home .header__actions.user_menu_actions #account-menu>li>a:hover{background:#f7f8fa!important;} /* Hero */ html body.home .cwc-hero-shot{position:relative!important;display:block!important;width:100%!important;min-height:458px!important;margin:0!important;padding:24px 0 12px!important;background:#fff!important;overflow:hidden!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{position:relative!important;z-index:2!important;width:min(calc(100% - 96px),1340px)!important;max-width:1340px!important;min-height:420px!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;} html body.home .cwc-hero-shot .cwc-hero-v0__copy{position:relative!important;z-index:3!important;width:41.5%!important;max-width:555px!important;margin:0!important;padding:0!important;} html body.home .cwc-hero-v0__eyebrow{display:block!important;color:var(--cwc3-blue)!important;font-size:17px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.08em!important;margin:0 0 15px!important;} html body.home .cwc-hero-v0__headline{font-size:clamp(54px,4.75vw,68px)!important;line-height:.98!important;letter-spacing:-.052em!important;margin:0 0 18px!important;max-width:610px!important;} /* 2026-09-17 09:12 KST owner reject: sub/CTA/proof read as one compressed block, not three hierarchy bands, and the illustration still felt small relative to the copy column. Widened the three internal gaps (28/30px -> 38/44px, an ascending rhythm rather than near-identical spacing) and grew the illustration (66%/960px/485px -> 69%/1010px/500px) while nudging it 1% further right; verified live (getBoundingClientRect) that the enlarged box's real overlap with .cwc-hero-proof is only transparent PNG padding, not visible pixels. Hero min-height/ padding untouched, so total hero height is unchanged (content grows into existing vertical- center slack) and the already-flagged .cwc-highlights fold overlap is neither fixed nor worsened by this pass. */ html body.home .cwc-hero-v0__sub{max-width:505px!important;font-size:17px!important;line-height:1.4!important;color:#53647a!important;margin:0 0 38px!important;} html body.home .cwc-hero-v0__actions{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 44px!important;} html body.home .cwc-hero-v0__cta,html body.home .cwc-hero-v0__secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:160px!important;height:44px!important;padding:0 20px!important;border-radius:999px!important;font-size:17px!important;font-weight:700!important;} html body.home .cwc-hero-v0__cta{background:#050505!important;color:#fff!important;border:1px solid #050505!important;} html body.home .cwc-hero-v0__secondary{background:#fff!important;color:#050505!important;border:1px solid #d0d8e2!important;} html body.home .cwc-hero-proof{display:flex!important;align-items:stretch!important;gap:0!important;margin:0!important;color:#26344a!important;} html body.home .cwc-hero-proof__item{display:flex!important;align-items:center!important;gap:8px!important;padding:0 17px!important;border-right:1px solid #dce3ea!important;font-size:17px!important;line-height:1.15!important;color:#42536b!important;} html body.home .cwc-hero-proof__item:first-child{padding-left:0!important;} html body.home .cwc-hero-proof__item:last-child{border-right:0!important;} html body.home .cwc-hero-proof__icon{display:block!important;width:28px!important;height:28px!important;flex:0 0 28px!important;color:#050505!important;} html body.home .cwc-hero-shot .cwc-hero-v0__photo-band{display:block!important;position:absolute!important;z-index:1!important;right:1.5%!important;top:50%!important;transform:translateY(-49%)!important;width:69%!important;height:500px!important;max-width:1010px!important;margin:0!important;background:url("../images/hero-illustration.png") center center/contain no-repeat!important;opacity:1!important;pointer-events:none!important;} html body.home .cwc-hero-shot__scribble{position:absolute!important;right:5.1%!important;bottom:76px!important;z-index:4!important;display:block!important;color:#17233e!important;font-size:17px!important;line-height:1!important;font-weight:700!important;font-style:italic!important;transform:rotate(-7deg)!important;} /* Banner highlights — static cards replacing the Live rolling-banner copy, same bordered-card language as Coin Updates */ html body.home .cwc-highlights{padding:8px 0 24px!important;} html body.home .cwc-highlights-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-top:18px!important;} html body.home .cwc-highlights-card{display:flex!important;flex-direction:column!important;min-width:0!important;padding:20px 18px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:10px!important;} html body.home .cwc-highlights-card h3{font-size:19px!important;line-height:1.15!important;font-weight:800!important;color:#050505!important;margin:0 0 8px!important;} html body.home .cwc-highlights-card p{font-size:16px!important;line-height:1.32!important;color:#405068!important;margin:0 0 10px!important;} html body.home .cwc-highlights-card .cwc-text-cta{margin-top:auto!important;} /* Coin Updates */ html body.home .cwc-coin-updates{margin:0!important;padding:18px 0 24px!important;background:#fff!important;border:0!important;} html body.home .cwc-coin-updates__inner{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:26px!important;align-items:start!important;} html body.home .cwc-coin-updates__intro h2{font-size:38px!important;line-height:1!important;margin:0 0 10px!important;} html body.home .cwc-coin-updates__intro p{margin:0 0 14px!important;} html body.home .cwc-coin-cards{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;width:100%!important;} html body.home .cwc-coin-card{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:152px!important;padding:14px 13px!important;background:#fff!important;border:1px solid #dfe5ec!important;border-radius:10px!important;box-shadow:none!important;} html body.home .cwc-coin-card__top{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0 0 10px!important;} html body.home .cwc-coin-card__logo{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;min-width:34px!important;border:0!important;border-radius:50%!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;} html body.home .cwc-coin-card__logo img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;margin:0!important;} html body.home .cwc-coin-card strong{font-size:17px!important;font-weight:800!important;line-height:1.05!important;} html body.home .cwc-coin-card>p{font-size:17px!important;line-height:1.28!important;color:#304259!important;margin:0 0 10px!important;} html body.home .cwc-coin-card__date{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:17px!important;line-height:1.15!important;color:#718096!important;margin-top:auto!important;white-space:nowrap!important;} html body.home .cwc-coin-card__date-icon{width:15px!important;height:15px!important;flex:0 0 auto!important;color:#718096!important;} /* Market videos */ html body.home .home-video-section{margin:0!important;padding:22px 0 24px!important;background:#fff!important;border:0!important;} html body.home .cwc-video-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin:0 0 16px!important;} html body.home .cwc-video-head .heading h2{font-size:38px!important;line-height:1!important;margin:0 0 6px!important;} html body.home .cwc-video-head .heading p{font-size:17px!important;margin:0!important;color:#45566c!important;} html body.home .cwc-video-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px 14px!important;} html body.home .cwc-video-card{display:block!important;min-width:0!important;margin:0!important;padding:0!important;} html body.home .cwc-video-card__media{position:relative!important;display:block!important;aspect-ratio:16/9!important;margin:0 0 7px!important;border-radius:7px!important;overflow:hidden!important;background:#edf1f5!important;} html body.home .cwc-video-card__media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;padding:0!important;} html body.home .cwc-video-card h3{font-size:17px!important;line-height:1.14!important;letter-spacing:-.015em!important;margin:0 0 5px!important;font-weight:800!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;} html body.home .cwc-video-card__date{font-size:17px!important;line-height:1.1!important;color:#718096!important;} html body.home .cwc-video-card__shade,html body.home .cwc-video-card__lock{display:none!important;} /* Blog + past calls */ html body.home .cwc-home-section{margin:0!important;padding:20px 0!important;border:0!important;background:#fff!important;} html body.home .cwc-blog-call-grid{display:grid!important;grid-template-columns:minmax(0,2.25fr) minmax(260px,.75fr)!important;gap:26px!important;align-items:start!important;} html body.home .cwc-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin:0 0 12px!important;} html body.home .cwc-section-head h2,html body.home .cwc-past-calls h2{font-size:30px!important;line-height:1!important;margin:0 0 7px!important;} html body.home .cwc-section-head p,html body.home .cwc-past-calls p{font-size:17px!important;line-height:1.28!important;margin:0!important;} html body.home .cwc-blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;} html body.home .cwc-blog-card{display:block!important;min-width:0!important;} html body.home .cwc-blog-card__media{display:block!important;aspect-ratio:2.12/1!important;border-radius:6px!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-color:#eef2f5!important;margin:0 0 6px!important;} html body.home .cwc-blog-card strong{display:block!important;font-size:17px!important;line-height:1.15!important;margin:0 0 4px!important;font-weight:800!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;} html body.home .cwc-blog-card>span:last-child{font-size:17px!important;line-height:1.1!important;color:#718096!important;} html body.home .cwc-past-calls{padding:0 0 0 26px!important;margin:0!important;border-left:1px solid #dfe5ec!important;background:#fff!important;border-radius:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;} html body.home .cwc-past-calls .cwc-kicker{display:none!important;} html body.home .cwc-past-calls .cwc-outline-cta{margin-top:12px!important;} /* Method row */ html body.home .cwc-method-section{padding:18px 0 20px!important;} html body.home .cwc-method-grid{display:grid!important;grid-template-columns:1fr 1fr .72fr!important;gap:0!important;align-items:stretch!important;} html body.home .cwc-method-card{padding:0 34px 0 0!important;} html body.home .cwc-method-card--why{padding:0 34px!important;border-left:1px solid #dfe5ec!important;} html body.home .cwc-method-card .cwc-kicker{display:none!important;} html body.home .cwc-method-card h2{font-size:30px!important;line-height:1!important;margin:0 0 8px!important;} html body.home .cwc-method-card p{font-size:17px!important;line-height:1.27!important;margin:0 0 12px!important;} /* Markets covered */ html body.home .cwc-markets-covered{padding:16px 0 18px!important;} html body.home .cwc-markets-covered__inner{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:34px!important;align-items:center!important;} html body.home .cwc-markets-covered__intro h2{font-size:30px!important;line-height:1!important;margin:0 0 6px!important;} html body.home .cwc-markets-covered__intro p{font-size:17px!important;line-height:1.26!important;margin:0!important;} html body.home .cwc-market-icons{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;} html body.home .cwc-market-icons>a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;text-align:center!important;min-width:0!important;} html body.home .cwc-market-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;} html body.home .cwc-market-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;} html body.home .cwc-market-icons strong{font-size:17px!important;line-height:1.1!important;color:#27364a!important;white-space:nowrap!important;} html body.home .cwc-market-icon--more{display:flex!important;color:#5b6b82!important;} html body.home .cwc-market-icon--more svg{width:56%!important;height:56%!important;} /* FAQ */ html body.home .cwc-faq-preview{padding:16px 0 18px!important;} html body.home .cwc-faq-layout{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:34px!important;align-items:start!important;} html body.home .cwc-faq-intro .cwc-kicker{display:none!important;} html body.home .cwc-faq-intro h2{font-size:30px!important;line-height:1!important;margin:0 0 7px!important;} html body.home .cwc-faq-intro p{font-size:17px!important;line-height:1.27!important;margin:0 0 12px!important;} html body.home .cwc-faq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 20px!important;} html body.home .cwc-faq-grid details{margin:0!important;padding:0 14px!important;border:1px solid #dfe5ec!important;border-radius:7px!important;background:#fff!important;overflow:hidden!important;} html body.home .cwc-faq-grid summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:42px!important;list-style:none!important;font-size:17px!important;line-height:1.15!important;font-weight:600!important;color:#1d2b3e!important;cursor:pointer!important;} html body.home .cwc-faq-grid summary::-webkit-details-marker{display:none!important;} html body.home .cwc-faq-grid details p{font-size:17px!important;line-height:1.3!important;margin:0 0 12px!important;color:#53647a!important;} /* Ready CTA */ html body.home .cwc-ready{margin:0!important;padding:14px 0 12px!important;background:#fff!important;} html body.home .cwc-ready__inner{position:relative!important;min-height:116px!important;padding:22px 30px!important;border-radius:10px!important;background:#f5f7f9!important;display:grid!important;grid-template-columns:minmax(0,1.5fr) auto minmax(175px,.62fr)!important;gap:30px!important;align-items:center!important;overflow:hidden!important;} html body.home .cwc-ready__inner:after{content:""!important;position:absolute!important;right:7%!important;bottom:-74px!important;width:330px!important;height:190px!important;background:url("../images/hero-illustration.png") right bottom/420px auto no-repeat!important;opacity:.16!important;pointer-events:none!important;} html body.home .cwc-ready .cwc-kicker{display:none!important;} html body.home .cwc-ready h2{font-size:31px!important;line-height:1!important;margin:0 0 7px!important;} html body.home .cwc-ready p{font-size:17px!important;line-height:1.26!important;margin:0!important;color:#45566c!important;} html body.home .cwc-ready__note{position:relative!important;z-index:2!important;font-size:17px!important;font-weight:600!important;color:#334155!important;} html body.home .cwc-ready .cwc-dark-cta{position:relative!important;z-index:3!important;min-width:160px!important;} /* custom footer */ html body.home footer.footer{display:none!important;} html body.home .cwc-target-footer{display:block!important;background:#fff!important;padding:8px 0 22px!important;color:#53647a!important;} html body.home .cwc-target-footer__inner{width:min(calc(100% - 64px),1340px)!important;max-width:1340px!important;margin:0 auto!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:28px!important;align-items:center!important;font-size:17px!important;} html body.home .cwc-target-footer__brand{display:flex!important;align-items:center!important;gap:14px!important;white-space:nowrap!important;} html body.home .cwc-target-footer__brand img{display:block!important;width:120px!important;height:auto!important;} html body.home .cwc-target-footer__nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;flex-wrap:wrap!important;} html body.home .cwc-target-footer__legal{display:flex!important;align-items:center!important;gap:18px!important;white-space:nowrap!important;} /* Mobile */ @media(max-width:899px){ :root{--cwc3-gutter:20px;} html body.home .header-wrap,html body.home .header-wrap--fixed{height:56px!important;min-height:56px!important;} html body.home .header,html body.home .header-wrap--fixed .header{width:100%!important;height:56px!important;min-height:56px!important;padding:0 20px!important;margin:0!important;} html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{width:34px!important;min-width:34px!important;height:22px!important;background-image:url("../images/cw-mark.svg")!important;} html body.home .header__navigation,html body.home .header__actions{display:none!important;} html body.home #rmp_menu_trigger-53292{display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;top:6px!important;right:14px!important;left:auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:8px!important;background:#fff!important;box-shadow:0 0 0 1px #d8dee7!important;z-index:999999!important;} html body.home #rmp-container-53292{width:100vw!important;height:100dvh!important;background:#fff!important;padding:74px 20px 24px!important;} html body.home #rmp-menu-wrap-53292,html body.home #rmp-menu-wrap-53292 .rmp-menu-item-link{background:#fff!important;border:0!important;} html body.home #rmp-menu-wrap-53292 .rmp-menu-item-link{height:56px!important;line-height:56px!important;padding:0!important;font-size:20px!important;font-weight:700!important;color:#050505!important;border-bottom:1px solid #edf0f3!important;} html body.home .cwc-hero-shot{min-height:0!important;padding:28px 0 16px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{order:1!important;width:calc(100% - 40px)!important;min-height:0!important;display:block!important;} html body.home .cwc-hero-shot .cwc-hero-v0__copy{width:100%!important;max-width:none!important;} html body.home .cwc-hero-v0__eyebrow{font-size:17px!important;margin-bottom:12px!important;} html body.home .cwc-hero-v0__headline{font-size:clamp(44px,11vw,54px)!important;line-height:.98!important;margin-bottom:16px!important;} html body.home .cwc-hero-v0__sub{font-size:17px!important;line-height:1.4!important;margin-bottom:16px!important;} html body.home .cwc-hero-v0__actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:16px!important;} html body.home .cwc-hero-v0__cta,html body.home .cwc-hero-v0__secondary{flex:0 0 auto!important;width:100%!important;min-width:0!important;height:44px!important;padding:0 10px!important;font-size:17px!important;} html body.home .cwc-hero-proof{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;} html body.home .cwc-hero-proof__item{padding:0!important;border:0!important;font-size:17px!important;} html body.home .cwc-hero-shot .cwc-hero-v0__photo-band{order:2!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;max-width:none!important;aspect-ratio:1100/755!important;margin:12px auto 0!important;background-size:contain!important;background-position:center!important;} html body.home .cwc-hero-shot__scribble{display:none!important;} html body.home .cwc-coin-updates{padding:16px 0 20px!important;} html body.home .cwc-coin-updates__inner{display:block!important;} html body.home .cwc-coin-updates__intro{margin-bottom:14px!important;} html body.home .cwc-coin-cards{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding:0 0 8px!important;scrollbar-width:none!important;} html body.home .cwc-coin-cards::-webkit-scrollbar{display:none!important;} html body.home .cwc-coin-card{flex:0 0 82%!important;min-height:160px!important;scroll-snap-align:start!important;} html body.home .home-video-section{padding:18px 0 22px!important;} html body.home .cwc-video-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin-bottom:14px!important;} html body.home .cwc-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important;} html body.home .cwc-video-card h3{font-size:17px!important;} html body.home .cwc-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:14px!important;} html body.home .cwc-home-section{padding:18px 0!important;} html body.home .cwc-blog-call-grid{grid-template-columns:1fr!important;gap:18px!important;} html body.home .cwc-section-head{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;} html body.home .cwc-blog-grid{grid-template-columns:1fr!important;gap:14px!important;} html body.home .cwc-blog-card__media{aspect-ratio:16/8!important;} html body.home .cwc-past-calls{padding:16px 0 0!important;border-left:0!important;border-top:1px solid #dfe5ec!important;} html body.home .cwc-method-grid{grid-template-columns:1fr!important;gap:18px!important;} html body.home .cwc-method-card,html body.home .cwc-method-card--why{padding:0!important;border:0!important;} html body.home .cwc-markets-covered__inner,html body.home .cwc-faq-layout{grid-template-columns:1fr!important;gap:16px!important;} html body.home .cwc-market-icons{grid-template-columns:repeat(3,1fr)!important;gap:16px 10px!important;} html body.home .cwc-faq-grid{grid-template-columns:1fr!important;gap:8px!important;} html body.home .cwc-ready{padding:12px 0!important;} html body.home .cwc-ready__inner{min-height:280px!important;padding:28px 22px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important;} html body.home .cwc-ready__inner:after{right:-100px!important;bottom:-58px!important;width:340px!important;height:220px!important;} html body.home .cwc-target-footer__inner{width:calc(100% - 40px)!important;grid-template-columns:1fr!important;justify-items:start!important;gap:14px!important;} html body.home .cwc-target-footer__nav,html body.home .cwc-target-footer__legal{justify-content:flex-start!important;gap:14px!important;} } @media(max-width:420px){html body.home .cwc-video-grid{grid-template-columns:1fr!important;}html body.home .cwc-hero-proof__icon{width:25px!important;height:25px!important;flex-basis:25px!important;}html body.home .cwc-highlights-grid{grid-template-columns:1fr!important;}} /* OWNER 2026-09-16 13:42 PASS */ html body.home{font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;font-synthesis:none!important;} html body.home #cwc-full-home h1,html body.home #cwc-full-home h2,html body.home #cwc-full-home h3{font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;} html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{width:108px!important;min-width:108px!important;height:34px!important;filter:grayscale(1) brightness(0)!important;} html body.home .header,html body.home .header-wrap--fixed .header{gap:16px!important;} html body.home .header__navigation .navigation__item{margin-right:12px!important;} html body.home .header__navigation .navigation__item>a{font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.01em!important;} html body.home .header__actions{gap:8px!important;} html body.home .header__actions>a{min-height:38px!important;padding:0 17px!important;font-size:14px!important;} html body.home .header [class*="search"],html body.home .header input[type="search"],html body.home .header form[role="search"]{display:none!important;} html body.home .cwc-hero-shot{min-height:calc(100vh - 64px)!important;padding:54px 0 74px!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{min-height:calc(100vh - 192px)!important;} html body.home .cwc-coin-updates{padding:96px 0 112px!important;} html body.home .home-video-section{padding:108px 0 116px!important;} html body.home .cwc-home-section{padding:104px 0!important;} html body.home .cwc-method-section{padding:102px 0!important;} html body.home .cwc-markets-covered{padding:96px 0!important;} html body.home .cwc-faq-preview{padding:96px 0!important;} html body.home .cwc-ready{padding:112px 0 104px!important;} html body.home .cwc-ready__inner{min-height:310px!important;padding:62px 66px!important;} html body.home .cwc-video-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:28px 14px!important;} html body.home footer.footer{display:block!important;} html body.home .cwc-target-footer{display:none!important;} @media(max-width:899px){ html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{width:96px!important;min-width:96px!important;height:30px!important;filter:grayscale(1) brightness(0)!important;} html body.home .cwc-hero-shot{min-height:0!important;padding:54px 0 68px!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{min-height:0!important;} html body.home .cwc-coin-updates{padding:78px 0 86px!important;} html body.home .home-video-section{padding:86px 0 92px!important;} html body.home .cwc-home-section,html body.home .cwc-method-section,html body.home .cwc-markets-covered,html body.home .cwc-faq-preview{padding:82px 0!important;} html body.home .cwc-ready{padding:88px 0 80px!important;} html body.home .cwc-ready__inner{min-height:380px!important;padding:46px 26px!important;} html body.home .cwc-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px!important;} } @media(max-width:420px){html body.home .cwc-video-grid{grid-template-columns:1fr!important;}} /* OWNER HEADER ICONS + LIVE FOOTER LOCK */ html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{width:100px!important;min-width:100px!important;height:32px!important;filter:grayscale(1) brightness(0)!important;} html body.home .header,html body.home .header-wrap--fixed .header{gap:12px!important;} html body.home .header__navigation{flex:0 1 auto!important;} html body.home .header__navigation .navigation__item{margin-right:8px!important;} html body.home .header__navigation .navigation__item>a{display:flex!important;align-items:center!important;gap:5px!important;font-size:13.5px!important;} html body.home .header__actions{flex:0 0 auto!important;width:auto!important;margin-left:auto!important;} html body.home .header__actions>a{font-size:13.5px!important;} /* 2026-09-17: solid FA glyphs replaced by JS-injected inline outline SVG (applyDesktopNavIcons in homepage-full-v2.js), matching the mobile drawer's icon family. Kill the old pseudo-icons only. */ html body.home #top-menu>.navigation__item>a:before{content:none!important;display:none!important;} html body.home #top-menu>.navigation__item>a .cwc-nav-icon{flex-shrink:0!important;width:14px!important;height:14px!important;color:#111!important;} html body.home footer.footer,html body.home footer.footer *{font-family:work_sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,arial,sans-serif!important;} html body.home footer.footer{font-size:14px!important;line-height:21px!important;background:#343f4b!important;color:#fff!important;} html body.home footer.footer .footer__bottom{line-height:21px!important;} html body.home footer.footer .recaptcha-notice{max-width:1185px!important;margin:4px auto 0!important;padding:0 15px!important;font-size:11px!important;line-height:1.4!important;color:rgba(255,255,255,.45)!important;} @media(max-width:899px){ html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{width:92px!important;min-width:92px!important;height:29px!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link{position:relative!important;padding-left:50px!important;font-size:19px!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link:before{position:absolute!important;left:9px!important;top:50%!important;transform:translateY(-50%)!important;width:26px!important;text-align:center!important;font-family:"Font Awesome 5 Free"!important;font-weight:900!important;font-size:20px!important;color:#111!important;} html body.home #rmp-menu-item-14>a:before{content:"\f015"} html body.home #rmp-menu-item-66347>a:before{content:"\f0c0"} html body.home #rmp-menu-item-179>a:before{content:"\f09d"} html body.home #rmp-menu-item-1312>a:before{content:"\f518"} html body.home #rmp-menu-item-2240>a:before{content:"\f059"} html body.home .cwc-rmp-dashboard>a:before{content:"\f007"} html body.home #rmp-menu-item-11106>a:before{content:"\f15c"} html body.home #rmp-menu-item-656>a:before{content:"\f2f6"} html body.home .cwc-rmp-explore>a:before{content:"\f201"} } html body.home .header__actions>a:nth-child(n+3){display:none!important;} /* OWNER 2026-09-16 15:52 REFERENCE COMPACTION PASS — tighten section rhythm to match new full-page owner reference; supersedes the 13:42 wide-spacing pass */ html body.home .cwc-coin-updates{padding:52px 0 60px!important;} html body.home .home-video-section{padding:52px 0 60px!important;} html body.home .cwc-home-section{padding:52px 0!important;} html body.home .cwc-method-section{padding:52px 0!important;} html body.home .cwc-markets-covered{padding:52px 0!important;} html body.home .cwc-faq-preview{padding:52px 0!important;} html body.home .cwc-ready{padding:52px 0!important;} @media(max-width:899px){ html body.home .cwc-coin-updates{padding:40px 0 48px!important;} html body.home .home-video-section{padding:40px 0 48px!important;} html body.home .cwc-home-section,html body.home .cwc-method-section,html body.home .cwc-markets-covered,html body.home .cwc-faq-preview{padding:40px 0!important;} html body.home .cwc-ready{padding:40px 0!important;} } html body.home footer.footer .footer__demo{display:none!important;} html body.home .cwc-hero-shot{min-height:0!important;padding:32px 0 40px!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{min-height:460px!important;} /* READY CTA FIDELITY FIX START */ html body.home .cwc-ready .cwc-kicker{display:block!important;color:#0878ff!important;font-size:13px!important;font-weight:800!important;letter-spacing:.1em!important;margin:0 0 10px!important;} html body.home .cwc-ready__ctas{display:flex!important;align-items:center!important;gap:12px!important;} html body.home .cwc-ready__learn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:140px!important;height:46px!important;padding:0 22px!important;border-radius:999px!important;background:#fff!important;color:#050505!important;border:1px solid #d0d8e2!important;font-size:16px!important;font-weight:700!important;} /* READY CTA FIDELITY FIX END */ /* HEADER/HERO REFERENCE FIDELITY FIX START */ html body.home .header__navigation .navigation__item > a::before{content:none!important;} html body.home .header__navigation .navigation__item > a{text-transform:none!important;} html body.home header a.actions__button[href*="markets-we-cover"]::after{content:" \2192"!important;margin-left:6px!important;} html body.home .cwc-hero-v0__cta::after{content:" \2192"!important;margin-left:8px!important;} html body.home .cwc-market-icon--more{display:flex!important;} html body.home header a.actions__button{text-transform:none!important;} @media(max-width:899px){ html body.home .header__logo,html body.home .header-wrap--fixed .header__logo{background-image:url("../images/cwcount-logo.svg")!important;} html body.home .rmp-trigger-box{display:block!important;position:relative!important;width:22px!important;height:2px!important;background:#050505!important;} html body.home .rmp-trigger-box::before,html body.home .rmp-trigger-box::after{content:""!important;position:absolute!important;left:0!important;width:22px!important;height:2px!important;background:#050505!important;} html body.home .rmp-trigger-box::before{top:-7px!important;} html body.home .rmp-trigger-box::after{top:7px!important;} } /* HEADER/HERO REFERENCE FIDELITY FIX END */ /* AI-APP MENU REFERENCE PASS START (2026-09-16 owner AI-platform menu reference) */ /* Desktop: rounded pill active/hover state to match mobile icon/radius language */ html body.home .header__navigation .navigation__item>a{display:inline-flex!important;align-items:center!important;height:36px!important;line-height:1!important;padding:0 14px!important;border-radius:999px!important;} html body.home .header__navigation .navigation__item.current-menu-item>a{background:#f2f4f7!important;color:#111!important;} html body.home .header__navigation .navigation__item>a:hover{background:#f7f8fa!important;color:#111!important;} @media(max-width:899px){ /* Modern menu/close toggle replacing the legacy 3-line hamburger */ html body.home #rmp_menu_trigger-53292{border-radius:14px!important;transform:none!important;} html body.home .rmp-trigger-box,html body.home .rmp-trigger-box::before,html body.home .rmp-trigger-box::after{display:none!important;content:none!important;background:none!important;} html body.home #rmp_menu_trigger-53292:before{font-family:"Font Awesome 5 Free"!important;font-weight:900!important;font-size:20px!important;line-height:1!important;color:#111!important;content:"\f142"!important;} html body.home #rmp_menu_trigger-53292.is-active:before{content:"\f00d"!important;font-size:18px!important;} /* App-style panel: airy rows, rounded active pill, grouped section labels */ html body.home #rmp-container-53292{padding:88px 16px 32px!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item{margin:0 0 4px!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link{height:auto!important;line-height:1.25!important;min-height:52px!important;padding:14px 16px 14px 54px!important;font-size:17px!important;font-weight:600!important;border-bottom:0!important;border-radius:14px!important;display:flex!important;align-items:center!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link:before{display:inline-block!important;left:16px!important;font-size:18px!important;width:24px!important;} html body.home #rmp-menu-wrap-53292 .rmp-menu-current-item>.rmp-menu-item-link{background:#f2f4f7!important;color:#050505!important;border-color:transparent!important;} html body.home #rmp-menu-wrap-53292 .rmp-menu-item-link:hover,html body.home #rmp-menu-wrap-53292 .rmp-menu-item-link:focus{background:#f7f8fa!important;color:#050505!important;} html body.home #rmp-menu-title-53292{display:none!important;} html body.home #rmp-menu-wrap-53292 .rmp-menu-subarrow{top:50%!important;right:14px!important;left:auto!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;line-height:28px!important;text-align:center!important;border-radius:8px!important;background:#f2f4f7!important;color:#667085!important;font-size:11px!important;} /* Correction 2 (2026-09-17): nested Education/Markets We Cover submenu rows previously inherited the global 56px/20px/700 top-level row style with no indentation, reading as oversized flat sections instead of nested children. Compact + indent per depth to read as one clean tree. */ html body.home #rmp-menu-wrap-53292 .rmp-submenu{margin:0!important;padding:0!important;} html body.home #rmp-menu-wrap-53292 .rmp-submenu .rmp-menu-item-link{height:auto!important;line-height:1.3!important;min-height:44px!important;padding:10px 40px 10px 50px!important;font-size:15px!important;font-weight:500!important;color:#42536b!important;border-bottom:0!important;border-radius:10px!important;display:flex!important;align-items:center!important;} html body.home #rmp-menu-wrap-53292 .rmp-submenu-depth-2 .rmp-menu-item-link{padding-left:66px!important;font-size:14px!important;color:#5b6b82!important;} html body.home #rmp-menu-wrap-53292 .rmp-submenu .rmp-menu-item-link:hover,html body.home #rmp-menu-wrap-53292 .rmp-submenu .rmp-menu-item-link:focus{background:#f7f8fa!important;color:#050505!important;} html body.home #rmp-menu-wrap-53292 .rmp-submenu .rmp-menu-subarrow{width:22px!important;height:22px!important;line-height:22px!important;font-size:9px!important;} html body.home .cwc-menu-group-label{display:block!important;margin:20px 0 8px!important;padding:0 16px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#8a94a3!important;list-style:none!important;} html body.home .cwc-menu-group-label:first-child{margin-top:0!important;} html body.home .cwc-menu-group-label[data-group="account"]{margin-top:28px!important;padding-top:20px!important;border-top:1px solid #edf0f3!important;} } /* AI-APP MENU REFERENCE PASS END */ /* ===== FINAL DELTA PASS 2026-09-16 20:41 KST — TYPOGRAPHY REBALANCE / READY-CTA IMAGE FIX ===== */ /* RCA (font smear): live CDP/computed-style readback on https://c3542dd53d.nxcli.io/ found devicePixelRatio=1, no ancestor transform/opacity/filter/zoom on body copy, document.fonts.check() resolves "Segoe UI" and "Arial" true, font-synthesis:none is not forcing synthetic bold. No proven rendering bug exists. The perceived softness is the 400-weight OS-fallback stack (ui-sans-serif -> Segoe UI on the verified Windows/Chrome QA session) at small size/tight line-height versus the reference site's hinted webfonts. No licensed custom font file is present anywhere in this repo (verified: no .woff/.woff2/.ttf/.otf under any theme/asset path, only unrelated Chrome-extension and .venv fonts) and none was supplied for this pass, so per task's do-not-guess/no-new-asset-without-source rule this fix stays within the existing verified-loading system stack: restrained heading weight + materially larger/heavier/more generous supporting copy. */ html body.home #cwc-full-home h1,html body.home #cwc-full-home h2,html body.home #cwc-full-home h3{font-weight:700!important;} html body.home #cwc-full-home p{font-size:18px!important;line-height:1.56!important;font-weight:500!important;} html body.home .cwc-highlights-card h3{margin:0 0 10px!important;} html body.home .cwc-highlights-card p{font-size:17px!important;line-height:1.5!important;} html body.home .cwc-coin-updates__intro h2{margin:0 0 14px!important;} html body.home .cwc-video-head .heading h2{margin:0 0 10px!important;} html body.home .cwc-video-head .heading p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-section-head h2,html body.home .cwc-past-calls h2{margin:0 0 10px!important;} html body.home .cwc-section-head p,html body.home .cwc-past-calls p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-method-card h2{margin:0 0 12px!important;} html body.home .cwc-method-card p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-markets-covered__intro h2{margin:0 0 10px!important;} html body.home .cwc-markets-covered__intro p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-faq-intro h2{margin:0 0 10px!important;} html body.home .cwc-faq-intro p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-faq-grid details p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-ready h2{margin:0 0 10px!important;} html body.home .cwc-ready p{font-size:18px!important;line-height:1.5!important;} html body.home .cwc-hero-v0__sub{font-size:18px!important;line-height:1.55!important;max-width:520px!important;} /* Ready-to-Get-Started illustration: proven cause found via live rect/computed-style readback — the existing ::after (same asset already used prominently in the hero, ../images/hero-illustration.png) was rendered at opacity:.16 AND positioned bottom:-74px against an overflow:hidden container, so ~39% of its height was clipped below the visible box on top of being nearly transparent — net effect: visually indistinguishable from "missing" even though present in CSS/DOM. Fix corrects opacity and keeps the asset inside the visible box; desktop-only resize is gated behind min-width so the separately-tuned mobile stacked-layout treatment (right:-100px/bottom:-58px block in the existing @media(max-width:899px) rule above) is untouched. */ html body.home .cwc-ready__inner:after{opacity:1!important;z-index:1!important;} html body.home .cwc-ready__learn{position:relative!important;z-index:3!important;} @media(min-width:900px){ html body.home .cwc-ready__inner:after{right:3%!important;bottom:0!important;width:420px!important;height:260px!important;background:url("../images/hero-illustration.png") right bottom/contain no-repeat!important;} } /* ===== FINAL DELTA PASS 2026-09-16 20:41 KST END ===== */ /* READY-CTA NOTE LEGIBILITY FIX — live rect readback found .cwc-ready__note directly overlapping the now-opaque illustration at BOTH breakpoints: desktop grid col 3 (note) sits under the right:3%/bottom:0 illustration; mobile stacks the note into the same right:-100px/bottom:-58px corner the illustration occupies. No prior contrast backdrop existed, so body text rendered unreadable against the image regardless of z-index. Root-cause fix: give the note its own opaque backdrop so it stays legible over any part of the illustration at any width, without moving layout or reducing the illustration itself (keeps the "restore the visual" intent). */ html body.home .cwc-ready__note{background:rgba(255,255,255,.88)!important;padding:8px 12px!important;border-radius:8px!important;} /* ===== OWNER-REJECT RECOVERY — ITEM 2 (consolidated Overview/Why) + ITEM 3 (UX pass) — 2026-09-16 ===== */ /* Item 2: #cwc-why-overview — consolidated, visually distinct Overview/Why block (no duplicate section) */ @media(min-width:900px){ html body.home .cwc-method-grid{grid-template-columns:1fr 1.3fr!important;} } html body.home .cwc-why-overview{padding:0 0 0 34px!important;border-left:1px solid #dfe5ec!important;} html body.home .cwc-why-overview .cwc-method-card--why{padding:0!important;border-left:0!important;} html body.home .cwc-why-overview__list{list-style:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 22px!important;margin:20px 0 0!important;padding:16px 0 0!important;border-top:1px solid #dfe5ec!important;} html body.home .cwc-why-overview__item{display:flex!important;align-items:flex-start!important;gap:10px!important;} html body.home .cwc-why-overview__icon{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#f3f5f7!important;color:#0878ff!important;} html body.home .cwc-why-overview__icon svg{width:18px!important;height:18px!important;} html body.home .cwc-why-overview__text{display:flex!important;flex-direction:column!important;gap:2px!important;} html body.home .cwc-why-overview__text strong{font-size:15px!important;line-height:1.2!important;font-weight:800!important;color:#111!important;} html body.home .cwc-why-overview__text span{font-size:13.5px!important;line-height:1.3!important;color:#667085!important;} @media(max-width:899px){ html body.home .cwc-why-overview{padding:18px 0 0!important;border-left:0!important;border-top:1px solid #dfe5ec!important;} html body.home .cwc-why-overview__list{grid-template-columns:1fr!important;} } /* Item 3: CTA hover/active/focus-visible states, no layout shift (background/border/outline only) */ html body.home .cwc-dark-cta,html body.home .cwc-outline-cta,html body.home .cwc-text-cta,html body.home .cwc-video-all,html body.home .cwc-coin-updates__all,html body.home .cwc-hero-v0__cta,html body.home .cwc-hero-v0__secondary,html body.home .cwc-ready__learn{transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;} html body.home .cwc-dark-cta:hover,html body.home .cwc-hero-v0__cta:hover{background:#242424!important;} html body.home .cwc-dark-cta:active,html body.home .cwc-hero-v0__cta:active{background:#000!important;} html body.home .cwc-outline-cta:hover,html body.home .cwc-video-all:hover,html body.home .cwc-coin-updates__all:hover,html body.home .cwc-ready__learn:hover,html body.home .cwc-hero-v0__secondary:hover{background:#f5f7f9!important;border-color:#b9c2cf!important;} html body.home .cwc-text-cta:hover{text-decoration:underline!important;} html body.home #cwc-full-home a:focus-visible,html body.home #cwc-full-home summary:focus-visible,html body.home #cwc-full-home button:focus-visible{outline:2px solid #0878ff!important;outline-offset:2px!important;} /* Whole-card hover affordance without layout shift (border/shadow only, no transform/resize) */ html body.home .cwc-blog-card:hover .cwc-blog-card__media,html body.home .cwc-coin-card:hover,html body.home .cwc-video-card:hover .cwc-video-card__media{box-shadow:0 0 0 1px #d2d9e3!important;} /* Video cards: clear play affordance (reuses the Font Awesome 5 Free set already loaded site-wide) */ html body.home .cwc-video-card__media::after{content:""!important;position:absolute!important;inset:0!important;margin:auto!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(5,5,5,.55)!important;pointer-events:none!important;} html body.home .cwc-video-card__media::before{content:"\f04b"!important;font-family:"Font Awesome 5 Free"!important;font-weight:900!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-size:15px!important;color:#fff!important;z-index:1!important;pointer-events:none!important;} html body.home .cwc-video-card.is-locked .cwc-video-card__media::before{content:"\f023"!important;font-size:14px!important;} html body.home .cwc-video-card__badge{position:absolute!important;top:8px!important;left:8px!important;z-index:2!important;display:inline-block!important;padding:3px 8px!important;border-radius:5px!important;background:#D44511!important;color:#fff!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.01em!important;max-width:calc(100% - 16px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;pointer-events:none!important;} /* FAQ: larger hit area (>=44px) and a clear open/closed indicator */ html body.home .cwc-faq-grid summary{min-height:48px!important;} html body.home .cwc-faq-grid summary span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;flex:0 0 auto!important;transition:transform .15s ease!important;} html body.home .cwc-faq-grid details[open] summary span{transform:rotate(45deg)!important;} html body.home .cwc-faq-grid details[open]{border-color:#0878ff!important;} /* Mobile menu: JS-managed scroll-lock backdrop (see homepage-full-v2.js mobileMenuA11y). RCA (dim/black menu regression, live computed-style readback): the Responsive Menu plugin's own panel (#rmp-container-53292) renders at z-index:99998. This backdrop was set to z-index:999998 - ten times higher - so it painted rgba(5,5,5,.4) on TOP of the white panel instead of only behind it, tinting the whole open menu dark. Fix: keep the backdrop below the panel's z-index so it only dims the page content behind the menu; the trigger button (z-index:999999) stays above both, unaffected. */ html body.home .cwc-menu-backdrop{position:fixed!important;inset:0!important;background:rgba(5,5,5,.4)!important;z-index:99997!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important;} html body.home .cwc-menu-backdrop.is-visible{opacity:1!important;pointer-events:auto!important;} html.cwc-menu-open,html.cwc-menu-open body{overflow:hidden!important;} @media(prefers-reduced-motion:reduce){ html body.home #cwc-full-home *,html body.home .cwc-menu-backdrop,html body.home #rmp-container-53292{transition:none!important;animation:none!important;} } /* ===== OWNER-REJECT RECOVERY ITEMS 2+3 END ===== */ /* Item 2 cleanup: the old 4-item .cwc-value-list markup was replaced by .cwc-why-overview__list above */ /* ===== OWNER VISUAL DELTA — 2026-09-16 23:47 KST ===== */ /* Item 1: hero-first viewport + inter-section rhythm. Root cause (live readback): the 15:52 compaction pass set .cwc-hero-shot to min-height:0 with 32-40px padding, so on common laptop viewports the "What's New at CWCOUNT" heading rendered inside the first screen. Restore a breathable hero viewport (capped, not full 100vh, so this does not regress back to the wide-spacing pass the owner already rejected) and give .cwc-highlights its own top breathing room — it was never included in the 52px rhythm pass. */ html body.home .cwc-hero-shot{min-height:min(76vh,660px)!important;padding:40px 0 48px!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{min-height:min(64vh,560px)!important;} html body.home .cwc-highlights{padding:48px 0 32px!important;} html body.home .cwc-coin-updates{padding:64px 0 72px!important;} html body.home .home-video-section{padding:64px 0 72px!important;} html body.home .cwc-home-section{padding:64px 0!important;} html body.home .cwc-method-section{padding:64px 0!important;} html body.home .cwc-markets-covered{padding:64px 0!important;} html body.home .cwc-faq-preview{padding:64px 0!important;} html body.home .cwc-ready{padding:64px 0!important;} @media(max-width:899px){ html body.home .cwc-hero-shot{min-height:0!important;padding:44px 0 44px!important;} html body.home .cwc-highlights{padding:36px 0 24px!important;} html body.home .cwc-coin-updates{padding:48px 0 52px!important;} html body.home .home-video-section{padding:48px 0 52px!important;} html body.home .cwc-home-section,html body.home .cwc-method-section,html body.home .cwc-markets-covered,html body.home .cwc-faq-preview{padding:48px 0!important;} html body.home .cwc-ready{padding:48px 0!important;} } /* Item 2: Coin Updates / Markets We Cover — premium badge treatment. The existing coin-target-*.png assets are the only owner-approved crypto badge art in this repo (cropped from the same hero-illustration.png used in the hero); at 130-135px source they render clean up to ~90px. The "not crisp" gap was undersized display (34px/46px), not asset resolution — enlarge the badge chrome so the same source reads as a premium mark, without upscaling past its native resolution. */ html body.home .cwc-coin-card{padding:18px 16px!important;} html body.home .cwc-coin-card__logo{width:56px!important;height:56px!important;min-width:56px!important;background:transparent!important;box-shadow:none!important;} html body.home .cwc-coin-card__logo img{padding:9px!important;} html body.home .cwc-coin-card__top{gap:12px!important;margin-bottom:12px!important;} html body.home .cwc-market-icon{width:64px!important;height:64px!important;} html body.home .cwc-market-icon img{padding:0!important;} /* Item 3: What's New at CWCOUNT — elevate from plain bordered text cards to an icon-led premium card, matching the .cwc-why-overview icon language already established on this page. Copy/topics unchanged. */ html body.home .cwc-highlights-card{padding:24px 20px!important;border-radius:12px!important;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease!important;} html body.home .cwc-highlights-card:hover{box-shadow:0 10px 24px rgba(15,23,42,.08)!important;border-color:#c7d0dc!important;transform:translateY(-2px)!important;} html body.home .cwc-highlights-card__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;margin:0 0 14px!important;border-radius:50%!important;background:#eaf2ff!important;color:#0878ff!important;flex:0 0 auto!important;} html body.home .cwc-highlights-card__icon svg{width:20px!important;height:20px!important;} html body.home .cwc-highlights-card h3{font-size:20px!important;} @media(prefers-reduced-motion:reduce){html body.home .cwc-highlights-card{transition:none!important;}} /* Item 4: Ready to Get Started — widen the illustration's visual impact. Reused the same owner-approved hero-illustration.png (the only approved illustration asset in this repo) at a much larger, fully-opaque size instead of the prior 420px/opacity:.16 corner watermark. A photographic mountain like the reference screenshot's Ready section does not exist anywhere in this repo/theme/Downloads (verified) — recreating that exact photo-realistic asset would require the owner to supply it; this pass restores prominence with the illustrated art already on file rather than inventing a new photographic asset. */ html body.home .cwc-ready__inner:after{background-image:linear-gradient(90deg,#f5f7f9 0%,rgba(245,247,249,0) 26%),url("../images/home-v3/ready-mountain.png")!important;background-repeat:no-repeat,no-repeat!important;} @media(min-width:900px){ html body.home .cwc-ready__inner:after{right:0!important;bottom:0!important;width:50%!important;height:100%!important;background-size:100% 100%,cover!important;background-position:left,right bottom!important;} } @media(max-width:899px){ html body.home .cwc-ready__inner:after{right:-24px!important;bottom:-24px!important;width:78%!important;height:62%!important;background-size:100% 100%,cover!important;background-position:left,right bottom!important;opacity:.9!important;} } /* ===== OWNER VISUAL DELTA 2026-09-16 23:47 KST END ===== */ /* ===== OWNER ESCALATION 2026-09-17 09:xx KST -- HERO FULL-FOLD + ILLUSTRATION + AUTH MENU HARDEN ===== */ /* Item 1: owner rejected the 23:47 pass as still visually unchanged. Live 1440x900 readback confirmed .cwc-hero-shot bottom=750 (min-height cap 660px) while .cwc-highlights started at the same 750, leaving 150px of the next section inside the first screen. Owner explicitly overrode the earlier "not too loose" caution for this pass. Raise the cap so the hero fills the common-desktop first screen (verified 90vh/820px -> bottom=900 at 1440x900 live). */ html body.home .cwc-hero-shot{min-height:min(90vh,820px)!important;} html body.home .cwc-hero-shot .cwc-hero-v0__container{min-height:min(76vh,700px)!important;} /* Item 1b: recompose the right illustration larger to use the taller hero instead of leaving dead white space; live-checked against .cwc-hero-proof bounding box before shipping -- the bounding-box overlap stays within the astronaut/mountain PNG's transparent art area, same verification method as the 09:47 KST pass (screenshot-confirmed, not coordinates alone). */ html body.home .cwc-hero-shot .cwc-hero-v0__photo-band{width:74%!important;max-width:1080px!important;height:620px!important;} /* Item 2: authenticated mobile-menu dim/grey complaint could not be reproduced live (no member session available; not created per task rule). Code review of homepage-full-v2.js and this stylesheet found no is_user_logged_in()/auth-conditional branch touching #rmp-container-53292, so this hardens the panel unconditionally against any opacity/filter dimming regardless of source, rather than leaving it unverified-open with no mitigation. */ html body.home #rmp-container-53292,html body.home #rmp-menu-wrap-53292{opacity:1!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;} /* ===== OWNER ESCALATION 2026-09-17 09:xx KST END ===== */ /* ===== EXACT STAGING CSS PATCH 2026-09-17 10:2x KST -- HERO ART COLLISION FIX + MENU SURFACE / AUTH-ROW HARDEN ===== */ /* A. Hero illustration collision (found on live 1440x900 readback of the 09:xx escalation block above): with 74%/1080px/620px centered in its box, dark art (orange wave line + mountain) reaches x~472 inside the proof-row band (y 670-709) while "Preferred & Alternate Scenarios" runs to x=596 -- a real ~120px ink collision, screenshot-confirmed and measured with a dark-pixel scan of hero-illustration.png (not bounding boxes). Fix: right-anchor the image inside its box, drop it slightly, height 620->590 (still +90px over the 09:47 baseline). Measured result: dark-art left edge 620px (>596), dark-art right edge 1417px (<1440, zero overflow), art y 241-831 inside the 900px fold. Desktop only; mobile hero rules untouched. */ @media(min-width:900px){ html body.home .cwc-hero-shot .cwc-hero-v0__photo-band{height:590px!important;right:.5%!important;transform:translateY(-43%)!important;background-position:right center!important;} } /* B. Mobile menu surfaces: the escalation block hardened only #rmp-container-53292/#rmp-menu-wrap-53292. Extend to every surface inside the panel (list, items, links, submenus) so no plugin or auth-state style can dim/tint the open menu; only .cwc-menu-backdrop (z 99997, below the panel) dims the page behind it. */ html body.home #rmp-container-53292 .rmp-menu,html body.home #rmp-container-53292 .rmp-menu-item,html body.home #rmp-container-53292 .rmp-submenu,html body.home #rmp-container-53292 .rmp-menu-item-link{opacity:1!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;mix-blend-mode:normal!important;} html body.home #rmp-container-53292 .rmp-menu,html body.home #rmp-container-53292 .rmp-submenu{background:#fff!important;} html body.home #rmp-container-53292{z-index:99998!important;} /* C. Auth rows -- read-only markup inventory (WP-CLI + theme source, no member created): Responsive Menu 53292 renders WP menu 2 "Header Menu". Its only auth-conditional row is Login (#rmp-menu-item-656, Nav Menu Roles = logged-out only); menu 2 has NO logged-in-only rows. Profile/Logout live in WP menu 22 "User Account Menu" (location "account": item 480 "Hello, {first_name}" -> /account/, child 481 Logout -> /logout/), rendered as #account-menu inside .header__actions.user_menu_actions only when logged in (currentwavecount/header.php:96-101). Rows are matched by href so any auth row inherits this treatment. */ html body.home #rmp-menu-wrap-53292 .rmp-menu-item-link[href*="/account/"]:before{content:"\f007"!important;} html body.home #rmp-menu-wrap-53292 .rmp-menu-item-link[href*="/logout/"]:before{content:"\f2f5"!important;} html body.home #rmp-menu-wrap-53292 .cwc-menu-group-label[data-group="account"]~.rmp-menu-item>.rmp-menu-item-link{font-size:16px!important;font-weight:500!important;color:#42536b!important;min-height:48px!important;} /* D. Logged-in header account control (>=900px; .header__actions is hidden <900px by the existing mobile rule): parent dev1.css paints the #account-menu dropdown for the old dark header. Keep its hover reveal, add a keyboard (focus-within) reveal, and make the dropdown a white, un-dimmed, 44px-row surface on the white header. */ html body.home .header__actions.user_menu_actions #account-menu>li{position:relative!important;} html body.home .header__actions.user_menu_actions #account-menu>li:focus-within>ul.sub-menu{opacity:1!important;visibility:visible!important;top:75%!important;} html body.home .header__actions.user_menu_actions .sub-menu{background:#fff!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #d3dae4!important;border-radius:12px!important;box-shadow:0 12px 32px rgba(15,23,42,.12)!important;padding:6px!important;min-width:220px!important;left:auto!important;right:0!important;z-index:1001!important;} html body.home .header__actions.user_menu_actions .sub-menu li{padding:0!important;border:0!important;margin:0!important;} html body.home .header__actions.user_menu_actions .sub-menu li a{display:flex!important;align-items:center!important;min-height:44px!important;padding:0 14px!important;border-radius:8px!important;font-size:15px!important;font-weight:500!important;line-height:1.2!important;color:#26344a!important;} html body.home .header__actions.user_menu_actions .sub-menu li a:hover,html body.home .header__actions.user_menu_actions .sub-menu li a:focus{background:#f2f4f7!important;color:#050505!important;} html body.home .header__actions.user_menu_actions .sub-menu li.menu-usename-txt a{min-height:36px!important;font-weight:700!important;color:#050505!important;} html body.home .header__actions.user_menu_actions .sub-menu li.menu-member-txt a{min-height:28px!important;font-size:12px!important;color:#667085!important;text-transform:uppercase!important;letter-spacing:.04em!important;} /* E. Mobile hero art regression (live 390x844 readback after the block above): the 09:xx escalation block's desktop-only intent (74%/1080px/620px) was written without a media scope, so it overrode the mobile rule (width:100%/height:auto/aspect-ratio 1100/755) and left a 620px mostly-empty box on phones -- computed height 620px, illustration pushed out of the first screen. Restore the mobile composition explicitly. */ @media(max-width:899px){ html body.home .cwc-hero-shot .cwc-hero-v0__photo-band{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1100/755!important;margin:12px auto 0!important;background-position:center!important;} } /* ===== EXACT STAGING CSS PATCH 2026-09-17 END (v2) ===== */ /* ===== AUTH MENU + TYPOGRAPHY FINAL PASS 2026-09-17 START ===== */ /* A. Owner reject: FA-solid glyph mix in the mobile drawer replaced by JS-injected inline outline SVG (see applyMenuIcons/applyToggleIcon in homepage-full-v2.js). Kill the old pseudo-icons only; icon color/size are set on the injected svg below. */ @media(max-width:899px){ html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link:before{content:none!important;display:none!important;} html body.home #rmp_menu_trigger-53292:before{content:none!important;display:none!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link{padding-left:20px!important;} html body.home #rmp-menu-wrap-53292>.rmp-menu>.rmp-menu-item>.rmp-menu-item-link.cwc-no-icon{padding-left:20px!important;} html body.home #rmp-menu-wrap-53292 .cwc-menu-icon{flex-shrink:0!important;width:18px!important;height:18px!important;margin-right:14px!important;color:#6b7280!important;} html body.home #rmp-menu-wrap-53292 .rmp-menu-current-item>.rmp-menu-item-link .cwc-menu-icon{color:#0d6997!important;} html body.home #rmp_menu_trigger-53292 .cwc-toggle-icon{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#111!important;transition:opacity .15s ease!important;} html body.home #rmp_menu_trigger-53292 .cwc-toggle-close{opacity:0!important;} html body.home #rmp_menu_trigger-53292.is-active .cwc-toggle-open{opacity:0!important;} html body.home #rmp_menu_trigger-53292.is-active .cwc-toggle-close{opacity:1!important;} /* B. Owner reject: menu content can exceed 100dvh once Explore/Membership/Learn/Account + injected Profile/Logout rows are all present, and the panel had no scroll -- rows past the fold were clipped with no way to reach them. */ html body.home #rmp-container-53292{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;} } /* C. Typography final pass: every kicker/eyebrow on the homepage was drifting between 17px (most sections) and 13px (.cwc-ready only) for the same uppercase-label role. One coherent value site-wide. */ html body.home .cwc-kicker,html body.home .cwc-coin-updates__eyebrow,html body.home .cwc-hero-v0__eyebrow,html body.home .cwc-ready .cwc-kicker{font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.1em!important;} /* D. Typography final pass: .cwc-ready h2 sat at 31px, a stray 1px off the 30px section-title value used by every other standard section head (coin-updates/method/markets/faq share 30px; the two feature-intro heads stay 38px by design). */ html body.home .cwc-ready h2{font-size:30px!important;} /* ===== AUTH MENU + TYPOGRAPHY FINAL PASS 2026-09-17 END ===== */ /* ===== HOMEPAGE FINAL UI/UX PASS 2026-09-18 START ===== */ /* 1) Coin Updates: remove the pale circular badge from coin logos (logo-only, matches the already-fixed Markets We Cover treatment); convert the fixed 5-up grid into a horizontal carousel rail that works for any card count (today's live 5 categories or a future 12+ set) without layout jump, with prev/next controls, keyboard, drag, swipe, auto-advance and disabled end-states handled in homepage-full-v2.js (initCoinCarousel). */ html body.home .cwc-coin-card__logo{width:40px!important;height:40px!important;min-width:40px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;} html body.home .cwc-coin-card__logo img{padding:0!important;} html body.home .cwc-coin-carousel{position:relative!important;} html body.home .cwc-coin-carousel__controls{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:0 0 12px!important;} html body.home .cwc-coin-carousel__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:999px!important;border:1px solid #d2d9e3!important;background:#fff!important;color:#050505!important;cursor:pointer!important;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease!important;} html body.home .cwc-coin-carousel__btn:hover{background:#f5f7f9!important;border-color:#b9c2cf!important;} html body.home .cwc-coin-carousel__btn:focus-visible{outline:2px solid #0878ff!important;outline-offset:2px!important;} html body.home .cwc-coin-carousel__btn[disabled]{opacity:.35!important;cursor:default!important;pointer-events:none!important;} html body.home .cwc-coin-carousel__btn svg{width:18px!important;height:18px!important;} html body.home .cwc-coin-cards{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;gap:14px!important;padding:2px 2px 6px!important;cursor:grab!important;} html body.home .cwc-coin-cards:active{cursor:grabbing!important;} html body.home .cwc-coin-cards::-webkit-scrollbar{display:none!important;} html body.home .cwc-coin-cards:focus-visible{outline:2px solid #0878ff!important;outline-offset:3px!important;} html body.home .cwc-coin-card{flex:0 0 calc((100% - 3*14px)/4)!important;min-width:0!important;scroll-snap-align:start!important;} @media(min-width:1200px){ html body.home .cwc-coin-card{flex-basis:calc((100% - 4*14px)/5)!important;} } @media(max-width:899px){ html body.home .cwc-coin-card{flex-basis:78%!important;} html body.home .cwc-coin-carousel__controls{margin-bottom:10px!important;} } @media(prefers-reduced-motion:reduce){ html body.home .cwc-coin-cards{scroll-behavior:auto!important;} } /* 2) What's New at CWCOUNT: restrained soft gradient surface (cool neutral, matches the existing blue accent, no AI-purple) plus more top/bottom room so this section and Coin Updates don't crowd together in one desktop viewport. */ html body.home .cwc-highlights{background:linear-gradient(180deg,#f4f8fd 0%,#ffffff 100%)!important;padding:48px 0 64px!important;} html body.home .cwc-highlights-card{background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;} html body.home .cwc-coin-updates{padding:80px 0 72px!important;} @media(max-width:899px){ html body.home .cwc-highlights{padding:36px 0 44px!important;} html body.home .cwc-coin-updates{padding:56px 0 52px!important;} } /* 3) FAQ: hover/focus/active response, larger breathing room, refined divider/radius rhythm and a clearer open/closed affordance. The native
/ element keeps all existing keyboard and reduced-motion behavior (see the prefers-reduced-motion block above, which already covers every element under #cwc-full-home). */ html body.home .cwc-faq-grid{gap:12px 20px!important;} html body.home .cwc-faq-grid details{padding:0 18px!important;border-radius:12px!important;transition:border-color .15s ease,box-shadow .15s ease!important;} html body.home .cwc-faq-grid details:hover{border-color:#c7d0dc!important;} html body.home .cwc-faq-grid details[open]{box-shadow:0 6px 18px rgba(15,23,42,.06)!important;} html body.home .cwc-faq-grid summary{min-height:56px!important;padding:6px 0!important;transition:color .15s ease!important;} html body.home .cwc-faq-grid summary:hover{color:#0878ff!important;} html body.home .cwc-faq-grid summary:active{color:#0662cc!important;} html body.home .cwc-faq-grid details p{padding-top:10px!important;margin:0 0 16px!important;border-top:1px solid #eef1f5!important;} html body.home .cwc-faq-grid summary span{width:24px!important;height:24px!important;border-radius:999px!important;background:#f3f5f7!important;color:#42536b!important;transition:transform .2s ease,background-color .15s ease,color .15s ease!important;} html body.home .cwc-faq-grid details:hover summary span{background:#eaf2ff!important;color:#0878ff!important;} html body.home .cwc-faq-grid details[open] summary span{background:#0878ff!important;color:#fff!important;} /* 4) Ready to Get Started: substantially larger block, image side gets more width for a mountain-led composition (still the same owner-approved ready-mountain.png, cover-fit so it is cropped rather than stretched/distorted), and matched CTA button heights for rhythm. The eyebrow "GET STARTED TODAY" markup was removed in front-page.php. */ html body.home .cwc-ready__inner{min-height:420px!important;grid-template-columns:minmax(0,1fr) auto minmax(260px,.85fr)!important;} html body.home .cwc-ready .cwc-dark-cta{min-height:46px!important;} @media(min-width:900px){ html body.home .cwc-ready__inner:after{width:56%!important;} } @media(max-width:899px){ html body.home .cwc-ready__inner{min-height:340px!important;} } /* ===== HOMEPAGE FINAL UI/UX PASS 2026-09-18 END ===== */ /* ===== COIN UPDATES MOCKUP FIDELITY 2026-09-19 START ===== */ /* Owner reject (2026-09-19): Coin Updates must match the 2026-09-16 five-card mockup. At 1440 the 17px/600 nowrap date (scrollWidth 202-205 > clientWidth 167) overflowed every card; that overflow also widened the carousel track (1083 > 1064), so auto-advance scrolled it and clipped the first card. Re-scale card anatomy to the mockup (large logo, name > body > date, calendar icon before the full date, date pinned to the card foot) so the full date fits on one line at 1440/390; narrower 4-up tablet cards wrap instead of clip. Carousel rail/controls/JS are unchanged. */ html body.home .cwc-coin-card{padding:22px 18px 20px!important;min-height:244px!important;border:1px solid #e6ebf1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important;font-weight:400!important;} html body.home .cwc-coin-card__top{gap:14px!important;margin:0 0 10px!important;} html body.home .cwc-coin-card__logo{width:52px!important;height:52px!important;min-width:52px!important;} html body.home #cwc-full-home .cwc-coin-card strong{font-size:18px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.01em!important;color:#0b1220!important;} html body.home #cwc-full-home .cwc-coin-card>p{font-size:15px!important;font-weight:400!important;line-height:1.45!important;color:#4b5b73!important;margin:0 0 18px!important;overflow-wrap:break-word!important;} html body.home #cwc-full-home .cwc-coin-card__date{align-items:flex-start!important;gap:6px!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:0!important;color:#6b7a90!important;white-space:normal!important;max-width:100%!important;} html body.home .cwc-coin-card__date-icon{width:15px!important;height:15px!important;margin-top:0!important;color:#6b7a90!important;} @media(max-width:899px){ html body.home .cwc-coin-card{min-height:0!important;padding:20px 18px 18px!important;} html body.home .cwc-coin-card__logo{width:48px!important;height:48px!important;min-width:48px!important;} html body.home #cwc-full-home .cwc-coin-card strong{font-size:19px!important;} html body.home #cwc-full-home .cwc-coin-card>p{font-size:16px!important;margin-bottom:20px!important;} html body.home #cwc-full-home .cwc-coin-card__date{font-size:14px!important;} } /* ===== COIN UPDATES MOCKUP FIDELITY 2026-09-19 END ===== */