/* Local reference fonts work in both the public page and the CMS srcdoc preview. */
@font-face { font-family:"CEX Outfit"; src:url("/static/homepage/fonts/outfit-latin.woff2?v=5.0.8") format("woff2"); font-style:normal; font-weight:300 700; font-display:swap; }
@font-face { font-family:"CEX Plex Sans"; src:url("/static/homepage/fonts/ibm-plex-sans-latin.woff2?v=5.0.8") format("woff2"); font-style:normal; font-weight:300 600; font-display:swap; }
@font-face { font-family:"CEX Cinzel"; src:url("/static/homepage/fonts/cinzel-latin.woff2?v=5.0.8") format("woff2"); font-style:normal; font-weight:400; font-display:swap; }
/* Shared home navigation: the optional Daily Exclusive link must not wrap the desktop menu. */
.landing-page .lp-nav-inner { box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,max-content) minmax(0,1fr); align-items:center; width:100%; max-width:1600px; gap:16px; }
.landing-page .lp-logo { grid-column:1; justify-self:start; }
.landing-page .lp-nav-menu { grid-column:2; justify-self:center; min-width:0; align-items:center; gap:clamp(10px,1vw,18px); overflow-x:auto; scrollbar-width:none; }
.landing-page .lp-nav-menu::-webkit-scrollbar { display:none; }
.landing-page .lp-nav-menu li { flex:0 0 auto; }
.landing-page .lp-nav-menu li a { white-space:nowrap; font-size:13px; }
.landing-page .lp-nav-actions { grid-column:3; justify-self:end; margin-left:0; }
.landing-page .lp-nav-actions .btn-login { white-space:nowrap; padding-inline:8px; }
@media(max-width:1180px) {
  .landing-page .lp-nav-inner { display:flex; }
  .landing-page .lp-nav-menu { display:none; }
  .landing-page .lp-nav-menu.active { display:flex; flex-direction:column; align-items:stretch; position:absolute; top:64px; left:0; right:0; width:100%; box-sizing:border-box; padding:20px 24px; gap:16px; overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 64px); max-height:calc(100dvh - 64px); background:var(--lp-bg); border-bottom:1px solid var(--lp-card-border); }
  .landing-page .lp-nav-menu.active li a { white-space:normal; }
  .landing-page .lp-nav-actions { margin-left:auto; }
  .landing-page .lp-hamburger { display:flex; margin-left:0; }
}
@media(max-width:768px) { .landing-page .lp-nav-actions { display:none; }.landing-page .lp-hamburger { margin-left:auto; } }
/* Content-only palette: never sets a page background or changes the selected theme. */
.cex-homepage-v2 { --hp-ink: #20212b; --hp-muted: #646879; --hp-line: rgba(88,88,110,.2); --hp-panel: rgba(120,120,145,.045); --hp-accent: #7764de; color: var(--hp-ink); width: min(1180px, calc(100% - 64px)); margin: 0 auto; font-family:"CEX Plex Sans",system-ui,sans-serif; font-weight:400; line-height:1.45; }
[theme="dark"] .cex-homepage-v2, .cex-homepage-v2[theme="dark"] { --hp-ink: #f0eff6; --hp-muted: #aaa8ba; --hp-line: rgba(190,185,215,.18); --hp-panel: rgba(185,175,225,.045); --hp-accent: #b4a5ff; }
.cex-homepage-v2 *, .cex-homepage-v2 *::before, .cex-homepage-v2 *::after { box-sizing: border-box; }
.cex-homepage-v2 .hp-section { padding: 100px 0; border-bottom: 1px solid var(--hp-line); }
.cex-homepage-v2 .hp-heading { max-width: 720px; margin-bottom: 46px; }
.cex-homepage-v2 .hp-eyebrow { font-family:"CEX Outfit",system-ui,sans-serif; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.1em; line-height:1.2; color:var(--hp-muted); margin:0 0 22px; }
.cex-homepage-v2 .hp-title { font-family:"CEX Outfit",system-ui,sans-serif; font-size:42px; letter-spacing:0; font-weight:600; line-height:1.13; text-transform:uppercase; margin:0 0 24px; white-space:pre-line; overflow-wrap:anywhere; }
.cex-homepage-v2 .hp-copy { font-size:18px; font-weight:300; line-height:1.35; color:var(--hp-muted); overflow-wrap:anywhere; }
.cex-homepage-v2 .hp-copy p, .cex-homepage-v2 .hp-copy div { margin: 0 0 12px; line-height: inherit; }
.cex-homepage-v2 .hp-copy a { color: var(--hp-accent); text-decoration: underline; }
.cex-homepage-v2 .hp-copy ul, .cex-homepage-v2 .hp-copy ol { padding-left: 24px; }
.cex-homepage-v2 .hp-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.cex-homepage-v2 .hp-button { display: inline-flex; align-items: center; justify-content: center; border-radius: 100px; padding: 14px 26px; border: 1px solid var(--hp-line); font-size: 14px; text-decoration: none; font-weight: 600; color: var(--hp-ink); min-height: 48px; transition: transform .2s, opacity .2s; }
.cex-homepage-v2 .hp-button-primary { background: var(--hp-ink); color: #fff; }
[theme="dark"] .cex-homepage-v2 .hp-button-primary, .cex-homepage-v2[theme="dark"] .hp-button-primary { color: #15141d; }
.cex-homepage-v2 .hp-button-text { border-color: transparent; padding-left: 0; }
.cex-homepage-v2 .hp-button:hover { transform: translateY(-2px); opacity: .82; }
.cex-homepage-v2 .hp-button-with-icon { gap: 12px; text-align: left; }
.cex-homepage-v2 .hp-button-icon { display: block; width: 24px; height: 24px; flex: none; object-fit: contain; }
[theme="dark"] .cex-homepage-v2 .hp-button-primary .hp-button-icon, .cex-homepage-v2[theme="dark"] .hp-button-primary .hp-button-icon { filter: invert(1); }
.cex-homepage-v2 :focus-visible { outline: 2px solid var(--hp-accent); outline-offset: 5px; }
.cex-homepage-v2 .hp-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:60px; align-items:center; min-height:0; margin-top:160px; padding-top:64px; padding-bottom:0; }
.cex-homepage-v2 .hp-hero .hp-heading { margin: 0; }
.cex-homepage-v2 .hp-hero h1 { font-size:42px; }
.cex-homepage-v2 .hp-media { display: block; width: 100%; max-height: 520px; object-fit: contain; border-radius: 18px; margin-bottom: 24px; }
.cex-homepage-v2 .hp-workspace { position: relative; padding: 26px; border: 1px solid var(--hp-line); border-radius: 24px; background: var(--hp-panel); transform: rotate(-3deg); min-height: 385px; }
.cex-homepage-v2 .hp-workspace-top { color: var(--hp-muted); font-size: 10px; letter-spacing: 5px; border-bottom: 1px solid var(--hp-line); padding-bottom: 18px; }
.cex-homepage-v2 .hp-orbit { position: relative; width: 180px; height: 180px; border: 1px solid var(--hp-line); border-radius: 50%; margin: 26px auto; }
.cex-homepage-v2 .hp-orbit-core { position: absolute; inset: 35px; display: grid; place-items: center; font-size: 65px; color: var(--hp-accent); border-radius: 50%; border: 1px solid var(--hp-line); }
.cex-homepage-v2 .hp-orbit-node { position: absolute; font-size: 30px; color: var(--hp-accent); }
.cex-homepage-v2 .hp-orbit-node-0 { left: -12px; top: 64px; }.cex-homepage-v2 .hp-orbit-node-1 { top: -20px; left: 95px; }.cex-homepage-v2 .hp-orbit-node-2 { right: -10px; bottom: 6px; }
.cex-homepage-v2 .hp-workspace-bars { display: flex; align-items: end; justify-content: space-between; height: 70px; overflow: hidden; gap: 10px; opacity: .4; }
.cex-homepage-v2 .hp-workspace-bars i { width: 8%; border-radius: 4px 4px 0 0; background: linear-gradient(transparent,var(--hp-accent)); }
.cex-homepage-v2 .hp-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.cex-homepage-v2 .hp-card { padding: 30px; border: 1px solid var(--hp-line); border-radius: 18px; background: var(--hp-panel); min-width: 0; }
.cex-homepage-v2 .hp-benefits .hp-grid, .cex-homepage-v2 .hp-metrics .hp-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.cex-homepage-v2 .hp-card-index { display: block; font-family: monospace; font-size: 12px; color: var(--hp-accent); margin-bottom: 34px; }
.cex-homepage-v2 .hp-card h3 { font-family:"CEX Outfit",system-ui,sans-serif; font-size:24px; letter-spacing:0; font-weight:600; line-height:1.2; margin:0 0 18px; overflow-wrap:anywhere; }
.cex-homepage-v2 :is(.hp-benefits,.hp-security) .hp-card h3 { font-size:18px; font-weight:700; }
.cex-homepage-v2 .hp-card .hp-copy { font-size: 14px; }
.cex-homepage-v2 .hp-subtitle { color: var(--hp-muted); font-size: 13px; }
.cex-homepage-v2 .hp-metric { font-size: 46px; letter-spacing: -.05em; margin: 0 0 14px; overflow-wrap: anywhere; }
.cex-homepage-v2 .hp-plan { display: flex; flex-direction: column; }
.cex-homepage-v2 .hp-plan-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); }
.cex-homepage-v2 .hp-price { font-family:"CEX Outfit",system-ui,sans-serif; font-size:clamp(22px,2.8vw,38px); font-weight:600; letter-spacing:0; margin:4px 0 28px; }
.cex-homepage-v2 .hp-plan-features { padding: 0 0 0 18px; font-size: 14px; color: var(--hp-muted); flex: 1; }
.cex-homepage-v2 .hp-plan-features li { padding-bottom: 12px; }
.cex-homepage-v2 .hp-language-list { display: flex; flex-wrap: wrap; gap: 12px; }
.cex-homepage-v2 .hp-language { border: 1px solid var(--hp-line); border-radius: 100px; padding: 14px 24px; }
.cex-homepage-v2 .hp-cta { display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; align-items: center; }
.cex-homepage-v2 .hp-cta .hp-workspace { min-height: 300px; transform: rotate(4deg) scale(.85); }
.cex-homepage-v2 .hp-faq-item { border-top: 1px solid var(--hp-line); padding: 23px 0; }
.cex-homepage-v2 .hp-faq .hp-title { font-size:48px; }
.cex-homepage-v2 .hp-faq-item summary { cursor:pointer; font-family:"CEX Outfit",system-ui,sans-serif; font-size:20px; font-weight:600; letter-spacing:0; padding-right:30px; }
.cex-homepage-v2 .hp-faq-item[open] .hp-copy { margin-top: 20px; max-width: 850px; }
/* Demo disclaimer: a quiet two-column legal notice above the v2 footer. */
.cex-homepage-v2 .hp-disclaimer { border-top:1px solid var(--hp-line); border-bottom:0; padding:18px 0 152px; }
.cex-homepage-v2 .hp-disclaimer .hp-heading { max-width:none; margin:0 0 17px; }
.cex-homepage-v2 .hp-disclaimer .hp-title { font-family:"CEX Plex Sans",system-ui,sans-serif; font-size:20px; font-weight:600; line-height:24px; letter-spacing:0; text-transform:none; margin:0; }
.cex-homepage-v2 .hp-disclaimer-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); justify-content:space-between; column-gap:6%; }
.cex-homepage-v2 .hp-disclaimer .hp-copy { font-family:"CEX Plex Sans",system-ui,sans-serif; font-size:11px; font-weight:400; line-height:24px; color:var(--hp-muted); }
.cex-homepage-v2 .hp-disclaimer .hp-copy p { margin:0; }
.cex-homepage-v2 .hp-disclaimer .hp-actions { margin-top:17px; }
.cex-homepage-v2 .hp-disclaimer .hp-button { min-height:0; border:0; padding:0; border-radius:0; background:none; color:var(--hp-muted); font-size:11px; font-weight:400; line-height:24px; text-decoration:underline; }
@media(max-width:900px) { .cex-homepage-v2 .hp-disclaimer { padding-bottom:80px; } }
@media(max-width:600px) { .cex-homepage-v2 .hp-disclaimer { padding-top:18px; }.cex-homepage-v2 .hp-disclaimer-columns { grid-template-columns:1fr; row-gap:24px; } }
.landing-page[data-home-footer="demo"] > .lp-footer { display:none !important; }
.cex-homepage-v2 .hp-demo-footer { padding:72px 0 40px; color:var(--hp-ink); font-family:"CEX Plex Sans",system-ui,sans-serif; }
.cex-homepage-v2 .hp-footer-groups { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:30px; padding-bottom:78px; }
.cex-homepage-v2 .hp-footer-group-title { margin:0 0 26px; font-size:16px; font-weight:600; line-height:1.3; }
.cex-homepage-v2 .hp-footer-links { list-style:none; padding:0; margin:0; display:grid; gap:17px; }
.cex-homepage-v2 .hp-footer-link { color:var(--hp-muted); font-size:14px; line-height:1.45; text-decoration:none; transition:color .2s; }
.cex-homepage-v2 .hp-footer-link:hover { color:var(--hp-ink); }
.cex-homepage-v2 .hp-footer-band { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:28px; padding:24px 0 42px; }
.cex-homepage-v2 .hp-footer-apps,.cex-homepage-v2 .hp-footer-badges,.cex-homepage-v2 .hp-footer-rating,.cex-homepage-v2 .hp-footer-socials { display:flex; align-items:center; flex-wrap:wrap; }
.cex-homepage-v2 .hp-footer-apps { gap:30px; }.cex-homepage-v2 .hp-footer-badges { gap:12px; }
.cex-homepage-v2 .hp-footer-badge { display:flex; align-items:center; gap:10px; min-height:60px; padding:8px 14px; border:1px solid var(--hp-line); border-radius:10px; color:var(--hp-ink); text-decoration:none; background:var(--hp-panel); }
.cex-homepage-v2 .hp-footer-badge img { width:24px; height:24px; object-fit:contain; }
.cex-homepage-v2 .hp-footer-badge-copy { display:grid; gap:2px; line-height:1.1; }.cex-homepage-v2 .hp-footer-badge-copy small { font-size:10px; color:var(--hp-muted); }.cex-homepage-v2 .hp-footer-badge-copy strong { font-size:14px; font-weight:600; }
.cex-homepage-v2 .hp-footer-rating { gap:10px; color:var(--hp-muted); font-size:13px; }.cex-homepage-v2 .hp-footer-rating strong { color:var(--hp-ink); font-size:17px; }
.cex-homepage-v2 .hp-footer-stars { position:relative; color:var(--hp-line); font-size:22px; letter-spacing:2px; white-space:nowrap; line-height:1; }
.cex-homepage-v2 .hp-footer-stars::before { position:absolute; content:"★★★★★"; width:var(--footer-rating-pct); overflow:hidden; color:#f5b301; white-space:nowrap; }
.cex-homepage-v2 .hp-footer-socials { gap:12px; }.cex-homepage-v2 .hp-footer-social { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--hp-line); border-radius:50%; color:var(--hp-ink); font-size:13px; font-weight:700; text-decoration:none; }
.cex-homepage-v2 .hp-footer-social img { display:block; width:30px; height:30px; object-fit:contain; }
.cex-homepage-v2 .hp-footer-social:hover,.cex-homepage-v2 .hp-footer-badge:hover { border-color:var(--hp-accent); }
.cex-homepage-v2 .hp-footer-bottom { border-top:1px solid var(--hp-line); padding-top:36px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cex-homepage-v2 .hp-footer-brands { display:flex; align-items:center; flex-wrap:wrap; gap:38px; }.cex-homepage-v2 .hp-footer-brand { color:var(--hp-ink); text-decoration:none; font-family:"CEX Cinzel",Georgia,serif; font-size:22px; font-weight:600; letter-spacing:.03em; }
.cex-homepage-v2 .hp-footer-brand-1 { color:var(--hp-muted); font-family:"CEX Plex Sans",system-ui,sans-serif; font-size:16px; letter-spacing:0; }.cex-homepage-v2 .hp-footer-brand img { display:block; max-width:180px; max-height:44px; object-fit:contain; }
[theme="light"] .cex-homepage-v2 .hp-footer-brand img,[theme="light"] .cex-homepage-v2 .hp-footer-social img { filter:brightness(0); }
.cex-homepage-v2 .hp-footer-copyright { margin:0; color:var(--hp-muted); font-size:12px; }
@media(max-width:900px) { .cex-homepage-v2 .hp-footer-groups { grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px 25px; }.cex-homepage-v2 .hp-footer-band { align-items:flex-start; } }
@media(max-width:600px) { .cex-homepage-v2 .hp-demo-footer { padding:55px 0 28px; }.cex-homepage-v2 .hp-footer-groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 22px; padding-bottom:48px; }.cex-homepage-v2 .hp-footer-group-title { margin-bottom:16px; }.cex-homepage-v2 .hp-footer-links { gap:12px; }.cex-homepage-v2 .hp-footer-band { gap:24px; }.cex-homepage-v2 .hp-footer-apps { gap:18px; }.cex-homepage-v2 .hp-footer-bottom { align-items:flex-start; flex-direction:column; } }
.landing-page[data-home-template="v2"] > section { display: none !important; }
.landing-page[data-home-loading="v2"] > section { visibility: hidden; }
@media(max-width:900px) { .cex-homepage-v2 .hp-benefits .hp-grid,.cex-homepage-v2 .hp-metrics .hp-grid,.cex-homepage-v2 .hp-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.cex-homepage-v2 .hp-hero { gap:30px; margin-top:74px; padding-top:40px; padding-bottom:0; }.cex-homepage-v2 .hp-workspace { padding: 18px; } }
@media(max-width:600px) { .cex-homepage-v2 { width: calc(100% - 40px); }.cex-homepage-v2 .hp-section { padding: 62px 0; }.cex-homepage-v2 .hp-hero,.cex-homepage-v2 .hp-cta { grid-template-columns: 1fr; gap: 40px; }.cex-homepage-v2 .hp-hero { margin-top:72px; padding-top:30px; min-height: auto; }.cex-homepage-v2 .hp-workspace { margin: 8px 12px; }.cex-homepage-v2 .hp-grid,.cex-homepage-v2 .hp-benefits .hp-grid,.cex-homepage-v2 .hp-metrics .hp-grid { grid-template-columns: 1fr; }.cex-homepage-v2 .hp-heading { margin-bottom: 28px; }.cex-homepage-v2 .hp-card { padding: 26px; }.cex-homepage-v2 .hp-cta .hp-workspace { display: none; }.cex-homepage-v2 .hp-language { padding: 10px 18px; } }
@media(prefers-reduced-motion:reduce) { .cex-homepage-v2 .hp-button { transition: none; } }

/* Reference content layouts. All surfaces remain translucent and inherit the platform theme. */
.cex-homepage-v2 .hp-section { scroll-margin-top:100px; }
.cex-homepage-v2 .hp-media-pair { position:relative; min-width:0; }
.cex-homepage-v2 .hp-hero .hp-media-pair { display:flex; align-items:flex-end; justify-content:center; gap:clamp(8px,1vw,18px); height:445px; }
.cex-homepage-v2 .hp-hero .hp-media-pair .hp-media { position:static; width:auto; height:auto; margin:0; flex:none; filter:drop-shadow(0 20px 25px rgba(0,0,0,.14)); border-radius:0; object-fit:contain; }
.cex-homepage-v2 .hp-hero .hp-media-pair .hp-media:first-child { width:37%; max-height:55%; margin-bottom:45px; }
.cex-homepage-v2 .hp-hero .hp-media-pair .hp-media:last-child { width:59%; max-height:100%; }
.cex-homepage-v2 .hp-benefits,.cex-homepage-v2 .hp-security { display:grid; grid-template-columns:1fr 1fr; gap:24px 70px; align-items:start; }
/* Reference layout: content sections are narrower than the framed Hero/Strategies/CTA.
   FAQ has its own, slightly wider reading column. Below these limits they stay fluid. */
.cex-homepage-v2 :is(.hp-metrics,.hp-benefits,.hp-methods,.hp-steps,.hp-plans,.hp-security,.hp-testimonials,.hp-partners,.hp-learning) { max-width:980px; margin-inline:auto; }
.cex-homepage-v2 .hp-faq { max-width:1120px; margin-inline:auto; }
.cex-homepage-v2 .hp-benefits .hp-grid,.cex-homepage-v2 .hp-security .hp-grid { grid-template-columns:1fr; gap:28px; }
.cex-homepage-v2 .hp-benefits .hp-card,.cex-homepage-v2 .hp-security .hp-card { display:grid; grid-template-columns:64px 1fr; column-gap:22px; border:0; padding:0; background:transparent; }
.cex-homepage-v2 .hp-benefits .hp-card>.hp-media,.cex-homepage-v2 .hp-security .hp-card>.hp-media { grid-row:1 / span 4; width:60px; height:60px; border-radius:0; }
.cex-homepage-v2 .hp-benefits .hp-card>:not(.hp-media),.cex-homepage-v2 .hp-security .hp-card>:not(.hp-media) { grid-column:2; }
.cex-homepage-v2 .hp-card .hp-actions:empty,.cex-homepage-v2 .hp-card .hp-copy:empty { display:none; }
.cex-homepage-v2 .hp-metrics { margin-top:64px; padding:32px 0 80px; }
.cex-homepage-v2 .hp-metrics .hp-heading { display:none; }
.cex-homepage-v2 .hp-metrics .hp-card { border:0; border-left:1px solid var(--hp-line); border-radius:0; background:transparent; }
.cex-homepage-v2 .hp-metrics .hp-card h3 { font-size:15px; color:var(--hp-muted); }
.cex-homepage-v2 .hp-strategies,.cex-homepage-v2 .hp-methods,.cex-homepage-v2 .hp-learning,.cex-homepage-v2 .hp-exchanges { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; align-items:center; }
.cex-homepage-v2 .hp-carousel { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; gap:20px; padding:2px 2px 14px; scrollbar-width:thin; scrollbar-color:var(--hp-line) transparent; min-width:0; }
.cex-homepage-v2 .hp-carousel>.hp-card { flex:0 0 calc(100% - 4px); scroll-snap-align:start; }
.cex-homepage-v2 .hp-carousel-controls { display:flex; gap:10px; justify-content:flex-end; grid-column:2; }
.cex-homepage-v2 .hp-carousel-arrow { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--hp-line); border-radius:50%; color:var(--hp-ink); background:var(--hp-panel); font-size:21px; cursor:pointer; }
.cex-homepage-v2 .hp-strategies>.hp-actions,.cex-homepage-v2 .hp-methods>.hp-actions,.cex-homepage-v2 .hp-learning>.hp-actions,.cex-homepage-v2 .hp-exchanges>.hp-actions { grid-row:2; grid-column:1; margin-top:0; }
.cex-homepage-v2 .hp-strategies .hp-card>.hp-media { height:175px; margin-bottom:34px; border-radius:0; }
.cex-homepage-v2 .hp-strategies .hp-card>.hp-media[src*="/static/homepage/stoic/"] { background:#101724; border-radius:12px; padding:12px; }
[theme="light"] .cex-homepage-v2 .hp-benefits .hp-media[src*="/static/homepage/stoic/"], [theme="light"] .cex-homepage-v2 .hp-security .hp-media[src*="/static/homepage/stoic/"] { filter:invert(1); }
.cex-homepage-v2 .hp-methods .hp-card>.hp-media { height:140px; width:200px; max-width:100%; margin:0 auto 40px; border-radius:0; }
.cex-homepage-v2 .hp-steps .hp-card { padding:0; border:0; background:transparent; }
.cex-homepage-v2 .hp-steps .hp-media { height:390px; background:var(--hp-panel); border:1px solid var(--hp-line); padding:18px; }
.cex-homepage-v2 .hp-steps h3 { font-size:20px; padding:0 10px; }
.cex-homepage-v2 .hp-steps>.hp-actions { justify-content:center; }
.cex-homepage-v2 .hp-learning .hp-card { padding:0; overflow:hidden; }
.cex-homepage-v2 .hp-learning .hp-card>.hp-media { aspect-ratio:478/202; border-radius:0; }
.cex-homepage-v2 .hp-learning .hp-card>:not(.hp-media) { margin-left:26px; margin-right:26px; }
.cex-homepage-v2 .hp-learning .hp-card>.hp-actions { margin-bottom:26px; }
.cex-homepage-v2 .hp-partners .hp-heading { max-width:900px; text-align:center; margin:0 auto 54px; }
.cex-homepage-v2 .hp-partners .hp-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.cex-homepage-v2 .hp-partners .hp-card { text-align:center; }
.cex-homepage-v2 .hp-partners .hp-media { height:50px; border-radius:0; margin:8px auto 18px; max-width:210px; }
.cex-homepage-v2 .hp-partners h3 { font-size:15px; margin:0; }
.cex-homepage-v2 .hp-partners .hp-actions { margin-top:8px; justify-content:center; }
.cex-homepage-v2 .hp-exchanges .hp-media-pair .hp-media:first-child { height:36px; max-width:180px; border-radius:0; margin:5px auto 50px; }
.cex-homepage-v2 .hp-exchanges .hp-media-pair .hp-media:last-child { height:160px; border-radius:0; margin:0 auto 30px; }
.cex-homepage-v2 .hp-exchange-logos { display:flex; align-items:center; flex-wrap:wrap; gap:18px 24px; margin-top:30px; }
.cex-homepage-v2 .hp-exchange-logo { display:block; width:auto; max-width:140px; height:28px; object-fit:contain; }
.cex-homepage-v2 .hp-testimonials>.hp-carousel { margin-top:44px; }
.cex-homepage-v2 .hp-testimonials .hp-card { flex-basis:calc((100% - 40px)/3); }
.cex-homepage-v2 .hp-review-stars { color:#f5b301; letter-spacing:3px; }
.cex-homepage-v2 .hp-video-cover { position:relative; max-width:680px; aspect-ratio:16/9; overflow:hidden; border-radius:20px; background:var(--hp-panel); }
.cex-homepage-v2 .hp-video-play { padding:0; border:0; width:100%; height:100%; display:block; background:transparent; cursor:pointer; }
.cex-homepage-v2 .hp-video-play .hp-media { margin:0; height:100%; object-fit:cover; }
.cex-homepage-v2 .hp-play-icon { position:absolute; inset:calc(50% - 30px) auto auto calc(50% - 30px); width:60px; height:60px; display:grid; place-items:center; background:rgba(0,0,0,.7); color:white; font-size:22px; border-radius:50%; }
.cex-homepage-v2 .hp-video-embed { display:block; width:100%; height:100%; border:0; }
[theme="dark"] .cex-homepage-v2 .hp-partners .hp-media,[theme="dark"] .cex-homepage-v2 .hp-exchanges .hp-media-pair .hp-media:first-child { filter:brightness(0) invert(1); opacity:.85; }
[theme="dark"] .cex-homepage-v2 .hp-exchange-logo { filter:brightness(0) invert(1); opacity:.85; }
@media(max-width:900px) {
 .cex-homepage-v2 .hp-hero .hp-media-pair { height:390px; }
 .cex-homepage-v2 .hp-benefits,.cex-homepage-v2 .hp-security,.cex-homepage-v2 .hp-strategies,.cex-homepage-v2 .hp-methods,.cex-homepage-v2 .hp-learning,.cex-homepage-v2 .hp-exchanges { column-gap:30px; }
 .cex-homepage-v2 .hp-testimonials .hp-card { flex-basis:calc((100% - 20px)/2); }
 .cex-homepage-v2 .hp-steps .hp-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.cex-homepage-v2 .hp-steps .hp-media { height:290px; padding:8px; }
}
@media(max-width:600px) {
 .cex-homepage-v2 .hp-hero .hp-media-pair { height:390px; }
 .cex-homepage-v2 .hp-metrics { margin-top:30px; }
 .cex-homepage-v2 .hp-benefits,.cex-homepage-v2 .hp-security,.cex-homepage-v2 .hp-strategies,.cex-homepage-v2 .hp-methods,.cex-homepage-v2 .hp-learning,.cex-homepage-v2 .hp-exchanges { display:block; }
 .cex-homepage-v2 .hp-carousel-controls { margin-top:12px; }
 .cex-homepage-v2 .hp-metrics .hp-grid,.cex-homepage-v2 .hp-partners .hp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .cex-homepage-v2 .hp-partners .hp-card { padding:16px 10px; }.cex-homepage-v2 .hp-partners .hp-media { height:35px; }
 .cex-homepage-v2 .hp-steps .hp-grid { grid-template-columns:1fr; }.cex-homepage-v2 .hp-steps .hp-media { height:390px; }
 .cex-homepage-v2 .hp-testimonials .hp-card { flex-basis:100%; }
 .cex-homepage-v2 .hp-exchange-logos { gap:16px 20px; }
 .cex-homepage-v2 .hp-exchange-logo { max-width:110px; height:25px; }
 .cex-homepage-v2 .hp-metric { font-size:34px; }.cex-homepage-v2 .hp-metrics .hp-card { padding:16px; }
}

/* The reference site's metric ornaments are SVGs exposed as --svg-2/--svg-3 in common.css.
   Inline assets keep the admin's iframe preview and the public stylesheet identical. */
/* STOIC_METRICS_FRAME_START */
.cex-homepage-v2 { --hp-metric-frame-left: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2292%22%20fill%3D%22none%22%20viewBox%3D%220%200%2060%2092%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M40.549%2081.975c4.102-.578%206.761-.094%209.964%202.553l.11.09c3.323%202.748%205.364%204.434%209.018%206.502a.19.19%200%200%201%20.039.297c-.775.752-1.357.764-2.494.107-2.274-1.6-3.47-2.741-5.517-4.821-2.38-2.42-4.359-3.782-7.473-3.971-2.318-.14-3.853.688-5.604%202.174-3.961%203.545-6.14%204.443-9.342%204.443-2.605%200-4.352-.363-6.405-2.079%204.857.365%207.534-.63%209.786-1.867.514-.283%201.006-.578%201.497-.872%201.808-1.084%203.6-2.158%206.42-2.556m-18.415-8.792c2.7%201.439%204.088%202.607%206.316%205.389%201.826%201.448%202.965%202.015%205.102%202.518a.35.35%200%200%201%20.223.17.377.377%200%200%201-.141.515c-8.224%204.32-15.392%202.78-20.308-2.258%201.69.63%205.89%201.834%209.163%201.608%203.274-.227%206.525.787%207.74%201.323l1.69-.85-3.955-1.361c-1.353-.465-2.509-1.421-3.264-2.701zm-6.479-9.17c1.438%201.7%202.787%204.443%203.865%207.468.306.856.482%201.501.636%202.066.37%201.356.615%202.256%202.229%204.537.164.232.1.592-.155.7-.29.123-.587-.051-.754-.333l-.043-.073-.028-.046c-1.898.168-4.831.197-8.702-2.313-4.199-2.723-5.783-6.114-6.05-7.469%201.394.568%204.734%202.137%206.94%203.876%201.424%201.123%202.468%202.095%203.28%202.85.76.707%201.318%201.225%201.791%201.5.66.383%201.58.523%202.135.558-.5-.805-1.055-1.656-1.458-2.166-.9-1.134-2.606-3.876-3.146-5.672-.539-1.797-.81-4.444-.54-5.484M10.39%2052.1c2.204%203.17%202.14%206.34%202.082%209.254-.022%201.083-.043%202.132.053%203.13.205%202.12.483%203.325.689%203.918.08.23%200%20.538-.207.648l-.145.078c-.236.125-.522-.057-.552-.337a8%208%200%200%200-.134-.828c-.417-.058-1.144-.22-1.697-.547-.428-.253-.678-.505-.899-.729-.193-.195-.365-.368-.613-.5q-.13-.066-.362-.157c-.818-.331-2.515-1.02-4.086-3.246-1.869-2.647-2.58-5.106-2.67-6.808.898%201.18%201.815%201.947%202.762%202.738%201.027.858%202.09%201.744%203.2%203.218.777%201.032%201.153%201.915%201.463%202.643.52%201.217.855%202%202.574%202.328-.09-.213-.21-.465-.346-.751-.619-1.306-1.575-3.325-1.646-5.638-.038-1.284.128-2.405.296-3.545.217-1.462.438-2.957.238-4.869M1.138%2041.511c.12.856.515%201.886.993%202.994l.498%201.131v.001c.45%201.007.914%202.048%201.267%203.06.47%201.348.592%202.353.695%203.197.092.753.167%201.379.46%202.003.35.74.72%201.308.98%201.658v-2.037c0-.29-.015-.638-.032-1.033-.055-1.278-.13-3.045.21-4.923.445-2.458%202.313-5.01%203.47-5.389-.712%201.608-1.335%204.539-1.335%206.24%200%201.422-.178%203.687-.89%205.2-.67%201.425-.788%202.096-.65%203.276.016.137-.036.278-.155.333-.243.112-.5.103-.618.078-.148-.44-.605-1.475-1.246-2.08-.8-.756-2.669-3.026-3.647-6.145-.979-3.12-.712-6.43%200-7.564m1.868-13.235c.534.945%201.655%203.385%201.868%205.578.173%201.774.125%203.935.053%205.214-.028.489.031.98.193%201.44l.288.815.784-1.44c.128-.236.211-.495.25-.763.181-1.28.566-3.44%201.012-4.32.623-1.23%202.224-2.837%203.914-3.404.09%201.702-.8%203.97-1.423%204.916-.247.376-.763%201.065-1.32%201.814-.847%201.133-1.792%202.4-2.06%202.913-.276.526-.462%201.161-.56%201.583-.041.177-.188.308-.36.308h-.21a.35.35%200%200%201-.307-.187c-1.24-2.281-2.943-5.864-3.19-9.267-.177-2.458.653-4.286%201.068-5.2m5.872-11.534c.237%201.197.605%204.084.178%206.05-.26%201.193-.602%202.097-.897%202.873-.312.823-.57%201.503-.616%202.233-.054.857.025%201.301.066%201.535q.022.11.023.166c.296-.126.961-.699%201.246-1.228.092-.172.208-.465.352-.826.409-1.029%201.038-2.613%201.96-3.523%201.246-1.229%203.203-2.08%204.538-2.27-.356%201.986-1.334%203.31-2.313%204.255-.378.366-.93.745-1.525%201.156-.945.65-2.002%201.378-2.657%202.248-.63.836-.975%201.415-1.137%201.738-.072.143-.211.247-.365.247h-.437a.36.36%200%200%201-.346-.294c-.422-2.09-1.078-6.399-.739-9.065.356-2.799%201.928-4.696%202.669-5.295m6.583-8.414c.178%201.323.267%203.309-.356%205.105-.294.85-.729%201.594-1.142%202.303-.46.788-.895%201.533-1.082%202.33.139-.059.399-.283.747-.584.77-.664%201.97-1.703%203.257-2.158%201.494-.53%203.529-.536%204.36-.473-.564.725-2.101%202.307-3.738%202.836-1.394.48-2.309.69-2.948.836-.87.199-1.23.28-1.59.771-.324.445-.44.913-.464%201.264-.012.166-.201.297-.335.212l-.315-.201a.4.4%200%200%201-.17-.406c.154-.897.204-2.073.255-3.268.048-1.111.097-2.241.229-3.179.534-3.781%202.758-5.105%203.292-5.388m9.875-6.712c.089%202.174-1.69%204.537-3.292%205.766-1.28.983-1.78%201.985-1.868%202.364%203.402-1.733%205.52-2.06%209.608-1.702-2.13%202.228-5.96%202.71-7.74%202.553-1.556-.137-2.21.214-2.722%201.161-.13.24-.405.355-.643.243a.515.515%200%200%201-.268-.592c.55-2.187%201.18-4.262%202.299-6.107%201.022-1.683%202.449-3.25%204.626-3.686m1.335%203.592C29.16%202.372%2032.542-.37%2038.947.858c-1.423.38-2.58.977-4.092%202.081-1.423%201.04-5.16%202.93-8.184%202.269%22%2F%3E%3C%2Fsvg%3E"); --hp-metric-frame-right: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2292%22%20fill%3D%22none%22%20viewBox%3D%220%200%2060%2092%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.451%2081.976c-4.102-.579-6.761-.096-9.964%202.551l-.11.092C6.054%2087.366%204.013%2089.053.36%2091.12a.19.19%200%200%200-.04.298c.775.751%201.358.762%202.495.105%202.274-1.6%203.47-2.741%205.516-4.821%202.38-2.42%204.359-3.781%207.473-3.97%202.318-.141%203.853.689%205.604%202.174%203.961%203.545%206.14%204.444%209.342%204.444%202.605%200%204.352-.365%206.405-2.08-4.857.365-7.534-.631-9.786-1.868a45%2045%200%200%201-1.497-.87c-1.808-1.085-3.6-2.159-6.42-2.556m18.416-8.793c-2.7%201.438-4.088%202.607-6.316%205.388-1.827%201.448-2.966%202.016-5.103%202.519a.35.35%200%200%200-.224.17.377.377%200%200%200%20.143.514c8.224%204.32%2015.392%202.78%2020.308-2.258-1.69.63-5.89%201.835-9.164%201.608s-6.524.788-7.74%201.324l-1.69-.851%203.955-1.36c1.353-.465%202.508-1.422%203.264-2.702zm6.478-9.17c-1.438%201.701-2.787%204.443-3.866%207.468-.305.857-.481%201.5-.635%202.066-.37%201.356-.615%202.256-2.229%204.537-.164.232-.1.591.154.7.292.122.588-.052.755-.334l.044-.073.027-.045c1.898.168%204.831.197%208.702-2.313%204.198-2.722%205.782-6.113%206.05-7.468-1.394.567-4.734%202.136-6.94%203.876-1.423%201.122-2.467%202.093-3.28%202.848-.76.708-1.317%201.226-1.79%201.5-.66.383-1.58.523-2.136.558.5-.805%201.054-1.656%201.458-2.165.899-1.135%202.607-3.876%203.147-5.672s.808-4.443.539-5.483M49.61%2052.1c-2.204%203.17-2.14%206.34-2.082%209.254.022%201.084.044%202.132-.053%203.131-.204%202.119-.483%203.324-.689%203.916-.08.231%200%20.54.207.65l.145.077c.236.126.523-.058.553-.337.027-.245.069-.53.133-.828.417-.058%201.144-.22%201.697-.547.428-.253.678-.505.9-.729.193-.195.364-.368.613-.5.085-.046.208-.096.361-.158.818-.331%202.515-1.02%204.086-3.246%201.868-2.647%202.58-5.105%202.67-6.807-.898%201.18-1.815%201.946-2.762%202.738-1.027.857-2.089%201.744-3.199%203.218-.777%201.033-1.153%201.915-1.463%202.642-.52%201.217-.855%202-2.574%202.328.09-.213.21-.465.345-.75.619-1.307%201.576-3.325%201.647-5.638.038-1.284-.128-2.405-.296-3.545-.217-1.462-.439-2.957-.239-4.869m9.252-10.588c-.12.855-.514%201.886-.992%202.994l-.499%201.13c-.449%201.007-.914%202.048-1.267%203.06-.47%201.349-.592%202.355-.695%203.198-.092.754-.167%201.378-.46%202.002a10%2010%200%200%201-.98%201.66v-2.038c0-.29.015-.638.032-1.033.055-1.277.13-3.045-.21-4.923-.444-2.457-2.312-5.01-3.469-5.388.712%201.607%201.334%204.537%201.334%206.239%200%201.421.178%203.688.89%205.2.67%201.426.789%202.095.651%203.276-.016.136.034.279.153.333.244.112.502.103.62.078.148-.442.604-1.475%201.245-2.08.8-.757%202.669-3.025%203.647-6.145.979-3.12.712-6.429%200-7.563m-1.868-13.237c-.534.946-1.654%203.385-1.868%205.578-.173%201.774-.125%203.936-.053%205.214.028.49-.031.981-.193%201.44l-.288.815-.785-1.44a2.3%202.3%200%200%201-.248-.762c-.182-1.279-.567-3.44-1.013-4.321-.623-1.23-2.224-2.836-3.914-3.404-.09%201.702.8%203.97%201.423%204.916.247.376.763%201.067%201.32%201.815.847%201.133%201.792%202.4%202.06%202.913.276.526.462%201.161.56%201.583.041.177.189.308.36.308h.21a.35.35%200%200%200%20.307-.188c1.24-2.281%202.943-5.863%203.19-9.266.177-2.459-.653-4.287-1.068-5.2m-5.871-11.533c-.237%201.198-.606%204.084-.179%206.05.26%201.192.602%202.096.897%202.872.312.823.57%201.503.616%202.233.054.857-.025%201.302-.066%201.536a1%201%200%200%200-.023.166c-.297-.126-.96-.7-1.245-1.229a10%2010%200%200%201-.353-.824c-.409-1.03-1.038-2.614-1.96-3.525-1.246-1.229-3.203-2.08-4.538-2.268.356%201.985%201.335%203.308%202.314%204.254.378.365.93.745%201.525%201.155.945.65%202%201.378%202.656%202.248.63.837.975%201.417%201.137%201.74a.42.42%200%200%200%20.364.245h.438c.166%200%20.31-.12.346-.293.422-2.09%201.079-6.4.74-9.066-.356-2.798-1.928-4.695-2.669-5.294m-6.584-8.414c-.178%201.324-.266%203.309.356%205.105.295.85.729%201.595%201.142%202.303.46.789.895%201.533%201.082%202.33-.139-.06-.398-.284-.746-.585-.77-.664-1.971-1.701-3.257-2.157-1.494-.53-3.529-.537-4.36-.473.564.724%202.1%202.307%203.737%202.836%201.394.48%202.309.69%202.948.836.87.2%201.23.281%201.59.772.324.444.44.913.464%201.263.012.166.201.297.335.211l.315-.2a.4.4%200%200%200%20.17-.407c-.154-.897-.204-2.072-.255-3.268-.048-1.111-.097-2.24-.229-3.177-.534-3.782-2.758-5.105-3.292-5.389m-9.875-6.713c-.089%202.174%201.69%204.538%203.292%205.767%201.281.983%201.78%201.986%201.868%202.364-3.402-1.733-5.52-2.06-9.608-1.702%202.13%202.227%205.96%202.71%207.74%202.553%201.556-.138%202.21.215%202.722%201.162.13.24.406.354.644.242a.515.515%200%200%200%20.267-.592c-.55-2.187-1.18-4.261-2.299-6.106-1.022-1.684-2.448-3.251-4.626-3.688M33.33%205.208C30.839%202.372%2027.458-.37%2021.053.859c1.423.378%202.581.975%204.092%202.08%201.424%201.04%205.16%202.93%208.185%202.269%22%2F%3E%3C%2Fsvg%3E"); }
/* STOIC_METRICS_FRAME_END */
.cex-homepage-v2 .hp-metrics .hp-grid { gap:12px; }
.cex-homepage-v2 .hp-metrics .hp-card {
  position:relative; display:flex; flex-direction:column; justify-content:center;
  min-height:100px; padding:8px 60px; text-align:center;
  border:0; background:transparent;
}
.cex-homepage-v2 .hp-metrics .hp-card::before,
.cex-homepage-v2 .hp-metrics .hp-card::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background-repeat:no-repeat; background-size:contain;
}
.cex-homepage-v2 .hp-metrics .hp-card::before { background-image:var(--hp-metric-frame-left); background-position:0; }
.cex-homepage-v2 .hp-metrics .hp-card::after { background-image:var(--hp-metric-frame-right); background-position:100%; }
.cex-homepage-v2 .hp-metrics .hp-metric {
  position:relative; z-index:1; margin:0 0 6px;
  font-family:"CEX Cinzel",Georgia,"Times New Roman",serif;
  font-size:clamp(26px,2.6vw,36px); font-weight:400; line-height:1.1;
}
.cex-homepage-v2 .hp-metrics .hp-card h3 {
  position:relative; z-index:1; margin:0;
  font-family:"CEX Cinzel",Georgia,"Times New Roman",serif;
  font-size:12px; line-height:1.25;
}
[theme="light"] .cex-homepage-v2 .hp-metrics .hp-card::before,
[theme="light"] .cex-homepage-v2 .hp-metrics .hp-card::after { filter:invert(1); opacity:.65; }
@media(max-width:900px) {
  .cex-homepage-v2 .hp-metrics .hp-card { padding-inline:48px; }
}
@media(max-width:600px) {
  .cex-homepage-v2 .hp-metrics .hp-card { min-height:86px; padding:8px 38px; }
  .cex-homepage-v2 .hp-metrics .hp-card::before,
  .cex-homepage-v2 .hp-metrics .hp-card::after { background-size:auto 68px; }
  .cex-homepage-v2 .hp-metrics .hp-metric { font-size:clamp(20px,5.6vw,25px); }
  .cex-homepage-v2 .hp-metrics .hp-card h3 { font-size:10px; }
}

/* The reference uses a translucent content panel with a one-pixel iridescent rim.
   Keep the decoration inside the shared stylesheet so CMS preview and public v2 match. */
.cex-homepage-v2 {
  --hp-frame-gradient:linear-gradient(135deg,rgba(83,76,143,.55),rgba(133,186,214,.5) 13%,rgba(125,112,190,.24) 35%,transparent 55%,rgba(77,171,205,.4) 76%,rgba(85,165,132,.42));
  --hp-frame-fill:linear-gradient(145deg,rgba(130,148,198,.075),rgba(120,110,173,.025) 48%,rgba(75,157,165,.065));
  --hp-frame-shadow:0 18px 48px rgba(38,42,81,.07);
}
[theme="dark"] .cex-homepage-v2, .cex-homepage-v2[theme="dark"] {
  --hp-frame-gradient:linear-gradient(135deg,rgba(255,255,255,.48),rgba(171,219,246,.38) 13%,rgba(206,198,255,.2) 35%,transparent 55%,rgba(0,209,224,.34) 76%,rgba(76,218,157,.34));
  --hp-frame-fill:linear-gradient(145deg,rgba(160,173,220,.085),rgba(85,91,155,.025) 48%,rgba(36,156,150,.075));
  --hp-frame-shadow:0 18px 48px rgba(0,0,0,.2);
}
.cex-homepage-v2 :is(.hp-hero,.hp-cta,.hp-strategies,.hp-exchanges) {
  position:relative;
  isolation:isolate;
  border:1px solid var(--hp-line);
  border-radius:24px;
  background:var(--hp-frame-fill);
  box-shadow:var(--hp-frame-shadow);
  padding-inline:clamp(30px,5.5vw,76px);
}
.cex-homepage-v2 :is(.hp-hero,.hp-cta,.hp-strategies,.hp-exchanges)::before,
.cex-homepage-v2 :is(.hp-strategies,.hp-methods,.hp-learning,.hp-testimonials,.hp-exchanges,.hp-plans) .hp-card::before {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:var(--hp-frame-gradient);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  pointer-events:none;
  z-index:2;
}
.cex-homepage-v2 :is(.hp-strategies,.hp-methods,.hp-learning,.hp-testimonials,.hp-exchanges,.hp-plans) .hp-card {
  position:relative;
  border-radius:24px;
  background:var(--hp-frame-fill);
  box-shadow:var(--hp-frame-shadow);
}
@media(max-width:900px) {
  /* The reference drops the large section panels at tablet size, retaining card rims. */
  .cex-homepage-v2 :is(.hp-strategies,.hp-exchanges) {
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    padding-inline:0;
  }
  .cex-homepage-v2 :is(.hp-strategies,.hp-exchanges)::before { display:none; }
  .cex-homepage-v2 :is(.hp-hero,.hp-cta) { padding-inline:clamp(24px,4vw,40px); }
}
@media(max-width:600px) {
  .cex-homepage-v2 :is(.hp-hero,.hp-cta) { padding-inline:24px; }
  .cex-homepage-v2 .hp-hero { padding-top:30px; padding-bottom:0; }
  .cex-homepage-v2 .hp-cta { padding-block:54px; }
}
@media(max-width:991px) {
  .cex-homepage-v2 .hp-title, .cex-homepage-v2 .hp-hero h1 { font-size:24px; line-height:1.08; }
  .cex-homepage-v2 .hp-faq .hp-title { font-size:36px; }
  .cex-homepage-v2 .hp-copy { font-size:16px; line-height:1.4; }
  .cex-homepage-v2 .hp-card h3 { font-size:20px; }
  .cex-homepage-v2 :is(.hp-benefits,.hp-security) .hp-card h3 { font-size:16px; }
}

/* Workflow uses the same transparent, theme-aware surfaces as the other v2 modules. */
.cex-homepage-v2 .hp-workflow {
  position:relative; display:block; width:100%; min-width:0; max-width:none;
  padding:72px 0 80px; background:transparent; color:var(--hp-ink);
}
.cex-homepage-v2 .hp-workflow .hp-heading { width:100%; max-width:1000px; margin:0 auto 44px; text-align:center; }
.cex-homepage-v2 .hp-workflow .hp-eyebrow { color:var(--hp-accent); font-size:14px; font-weight:800; letter-spacing:.16em; }
.cex-homepage-v2 .hp-workflow .hp-title { color:var(--hp-ink); font-family:"CEX Outfit",system-ui,sans-serif; font-size:clamp(30px,3vw,48px); font-weight:700; line-height:1.1; letter-spacing:-.035em; text-transform:none; overflow-wrap:break-word; }
.cex-homepage-v2 .hp-workflow .hp-heading .hp-copy { color:var(--hp-muted); }
.cex-homepage-v2 .hp-workflow-grid { position:relative; display:grid; width:100%; min-width:0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:0; }
.cex-homepage-v2 .hp-workflow-grid::before { content:""; position:absolute; left:5%; right:5%; top:68px; height:1px; background:var(--hp-line); }
.cex-homepage-v2 .hp-workflow-card { position:relative; z-index:1; display:flex; min-width:0; flex-direction:column; justify-content:space-between; min-height:305px; padding:30px; border:1px solid var(--hp-line); border-radius:24px; background:var(--hp-frame-fill); box-shadow:var(--hp-frame-shadow); }
.cex-homepage-v2 .hp-workflow-card::before { content:""; position:absolute; left:24px; right:24px; top:-2px; height:2px; border-radius:100%; background:linear-gradient(90deg,transparent,var(--hp-accent),transparent); }
.cex-homepage-v2 .hp-workflow-number { display:grid; place-items:center; width:60px; height:60px; border-radius:18px; background:linear-gradient(145deg,#238aff,#075dea); box-shadow:0 10px 22px rgba(10,98,230,.21); color:#fff; font:800 15px Arial,sans-serif; }
.cex-homepage-v2 .hp-workflow-body h3 { margin:0 0 15px; color:var(--hp-ink); font:700 19px/1.25 "CEX Outfit",system-ui,sans-serif; letter-spacing:-.03em; overflow-wrap:break-word; }
.cex-homepage-v2 .hp-workflow-body .hp-copy { color:var(--hp-muted); font:15px/1.55 "CEX Plex Sans",system-ui,sans-serif; overflow-wrap:break-word; }
.cex-homepage-v2 .hp-workflow-body .hp-copy p { margin:0; }
@media(max-width:900px) { .cex-homepage-v2 .hp-workflow-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.cex-homepage-v2 .hp-workflow-grid::before { display:none; } }
@media(max-width:600px) { .cex-homepage-v2 .hp-workflow { padding:55px 0 62px; }.cex-homepage-v2 .hp-workflow-grid { grid-template-columns:minmax(0,1fr); gap:16px; }.cex-homepage-v2 .hp-workflow-card { min-height:230px; padding:25px; }.cex-homepage-v2 .hp-workflow .hp-heading { margin-bottom:32px; } }
