.cr-hero{position:relative;background:radial-gradient(900px 500px at 85% 20%,rgba(124,58,237,.10),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(46,139,87,.10),transparent 60%),linear-gradient(180deg,#f8fbf9,#fff);padding:44px 0 40px;font-family:'Plus Jakarta Sans',sans-serif}
.cr-wrap{max-width:1216px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.cr-hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-1px;color:#0f172a;margin:16px 0 14px;font-weight:700}
.cr-hero h1 span{display:block;white-space:nowrap}
.cr-hero h1 .g{background:linear-gradient(90deg,#2E8B57,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.cr-lead{font-size:18px;line-height:1.65;color:#334155;max-width:520px;margin:0 0 22px;text-wrap:pretty}
.cr-disc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:4px 18px 18px}
.cr-disc span{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;background:#1E2A3D;border-top:2px solid var(--c);color:#f1f5f9;font-weight:700;font-size:15px;white-space:nowrap}
.cr-disc i{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:15px;color:var(--c);background:color-mix(in srgb,var(--c) 18%,#101A2B)}
.cr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.cr-grid>*{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--c);box-shadow:0 4px 14px rgba(15,23,42,.04)}
.cr-expect>div>i{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff)}
.cr-values em{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font:700 16px 'Space Grotesk',sans-serif;font-style:normal;color:#fff;background:var(--c)}
.cr-grid b{display:block;font-size:16px;color:#0f172a;margin-bottom:2px}
.cr-grid span{display:block;font-size:14.5px;line-height:1.45;color:#475569}
.cr-sub{text-align:center;margin:26px 0 16px}
#cr-join{padding-top:0}
@media (max-width:1100px){.cr-wrap{grid-template-columns:1fr;gap:26px}.cr-copy{text-align:center}.cr-copy .hx-eyebrow{margin:0 auto}.cr-lead{margin-left:auto;margin-right:auto}.cr-copy .hx-ctas{justify-content:center}.cr-con{max-width:720px;margin:0 auto;width:100%}
 .cr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.cr-hero{padding:28px 0 26px}.cr-wrap{padding:0 16px}.cr-hero h1 span{white-space:normal}.cr-lead{font-size:16.5px}
 .cr-disc{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 12px 14px}.cr-disc span{padding:11px 10px;font-size:14px;gap:8px}.cr-disc i{width:28px;height:28px;font-size:13px}
 .cr-grid{gap:10px}.cr-grid>*{padding:12px;gap:10px;align-items:flex-start;flex-wrap:wrap}.cr-grid>*>i,.cr-values em{width:34px;height:34px;font-size:15px;border-radius:10px}.cr-grid>*>div{display:contents}.cr-grid b{flex:1;min-width:0;font-size:14.5px;align-self:center;margin:0}.cr-grid span{flex-basis:100%;font-size:13px}}
@media (max-width:360px){.cr-disc span{font-size:13px}.cr-grid{grid-template-columns:1fr}}
[data-theme="dark"] .cr-hero{background:radial-gradient(900px 500px at 85% 20%,rgba(124,58,237,.18),transparent 60%),linear-gradient(180deg,#0b1220,#0f172a)}
[data-theme="dark"] .cr-hero h1{color:#f8fafc}[data-theme="dark"] .cr-lead{color:#cbd5e1}
[data-theme="dark"] .cr-grid>*{background:#1e293b;border-color:#334155}[data-theme="dark"] .cr-grid b{color:#f8fafc}[data-theme="dark"] .cr-grid span{color:#cbd5e1}
[data-theme="dark"] .cr-expect>div>i{background:color-mix(in srgb,var(--c) 22%,#1e293b)}
.cr-join{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:20px;background:linear-gradient(135deg,#f0fdf4,#f5f3ff);border:1px solid #cfe9da}
.cr-join>i{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#2E8B57;color:#fff;font-size:20px}
.cr-join-t{flex:1;min-width:0}
.cr-join-t b{display:block;font:700 20px 'Space Grotesk',sans-serif;color:#0f172a}
.cr-join-t em{display:block;font-style:normal;color:#475569;font-size:15px}
.cr-join-btns{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1100px){.cr-join{flex-wrap:wrap;justify-content:center;text-align:center}.cr-join-t{flex-basis:100%}.cr-join-btns{justify-content:center}}
@media (max-width:700px){.cr-join-btns{flex-direction:column;width:100%}.cr-join-btns .hx-btn{justify-content:center}}
[data-theme="dark"] .cr-join{background:#13261c;border-color:#1f5137}[data-theme="dark"] .cr-join-t b{color:#f8fafc}[data-theme="dark"] .cr-join-t em{color:#cbd5e1}
/* this page has no <main>, so the shared section backgrounds are set here (same as the other pages) */
body>.hs{background:#fff;border-top:1px solid #eef2f6}
body>#cr-why{background:#f6f9f8}
[data-theme="dark"] body>.hs.nc{background:#0f172a!important;border-color:#1e293b}
/* this page's own cookie bar centres itself with a transform; the shared cookie styling already centres it */
#cookiePopup.cookie-popup{transform:none!important}
@media (min-width:701px){#cookiePopup .cookie-popup-inner{flex-direction:row}}

/* old page parts are kept in the file but hidden; the old nav has an id-level !important rule, so it is named too */
body>[hidden],body>nav#nav.nav[hidden]{display:none!important}