.co-page{--spark-copy-size:clamp(1.5rem,1.8vw,1.625rem);--spark-intro-size:var(--spark-copy-size);--co-bg:#081e30;--co-panel:#102b40;--co-ink:#f6f9fc;--co-muted:#bccddc;--co-accent:#a4d363;--co-line:#a9c3da30;color:var(--co-ink)}
html[data-color-mode=light] .co-page{--co-bg:#f4f7f9;--co-panel:#e9f0f3;--co-ink:#123452;--co-muted:#496176;--co-accent:#507b22;--co-line:#12345226}
.co-hero{position:relative;isolation:isolate;margin-top:var(--header-h,88px);min-height:570px;padding:30px 0 70px;display:flex;align-items:center}
.co-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2;mask-image:linear-gradient(#000 55%,transparent);-webkit-mask-image:linear-gradient(#000 55%,transparent)}
.co-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081e30e8 0%,#081e3090 48%,#081e3020),linear-gradient(transparent 45%,var(--co-bg))}
html[data-color-mode=light] .co-hero:before{background:linear-gradient(90deg,#f4f7f9f5 0%,#f4f7f9b0 48%,#f4f7f920),linear-gradient(transparent 45%,var(--co-bg))}
html[dir=rtl] .co-hero:before{background:linear-gradient(270deg,#081e30e8 0%,#081e3090 48%,#081e3020),linear-gradient(transparent 45%,var(--co-bg))}
html[dir=rtl][data-color-mode=light] .co-hero:before{background:linear-gradient(270deg,#f4f7f9f5 0%,#f4f7f9b0 48%,#f4f7f920),linear-gradient(transparent 45%,var(--co-bg))}
.co-hero .spark-breadcrumbs{margin-bottom:55px}.co-hero .eyebrow{margin:0 0 24px}
html body main.co-page .co-title{font-size:clamp(44px,5.6vw,84px);line-height:1.04;letter-spacing:-.04em;max-width:17ch;color:var(--co-ink);margin:0;text-wrap:balance}
.co-lead{padding-block:12px 66px}.co-lead-copy{max-width:65ch;margin:0;color:var(--co-muted);border-inline-start:3px solid var(--co-accent);padding-inline-start:30px}
.co-about{display:grid;grid-template-columns:1fr 1.12fr;gap:36px 70px;padding-block:76px;border-top:1px solid var(--co-line)}
.co-heading-title,.co-platform h2,.co-resources h2{font-size:clamp(34px,3.7vw,54px);line-height:1.12;letter-spacing:-.025em;margin:18px 0 0;color:var(--co-ink);text-wrap:balance}
.co-about-copy{margin:0;color:var(--co-muted)}
.co-about{align-items:center;padding-block:32px 80px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4vw,88px);border-top:0}
.co-about-editorial .co-heading-title{margin-top:0}
.co-about-editorial{min-width:0}
.co-about-editorial .co-lead-copy{margin-top:28px;padding:0;border:0;color:var(--co-ink)}
.co-about-editorial .co-about-copy{margin-top:24px;padding-inline-start:22px;border-inline-start:3px solid var(--co-accent)}
.co-agreement{position:relative;isolation:isolate;min-width:0;margin:0 16px 22px 0;padding:0;background:transparent;border:0;border-radius:clamp(32px,5vw,90px) 14px;box-shadow:0 22px 48px #081e3020}
.co-agreement:before{content:'';position:absolute;inset:24px -16px -22px 24px;background:linear-gradient(135deg,#234d77 55%,#80b841 55%);border:0;border-radius:inherit;z-index:-1;pointer-events:none}
.co-agreement:after{content:'';position:absolute;width:64px;height:5px;background:#80b841;top:-16px;inset-inline-start:24px;border-radius:4px;pointer-events:none}
.co-agreement>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:inherit;border:1px solid var(--co-line)}
@media(max-width:800px){.co-about{grid-template-columns:1fr}.co-agreement{width:calc(100% - 16px);margin-top:18px;border-radius:40px 10px}}
.co-partnership{grid-column:1/-1;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:28px;border-block:1px solid var(--co-line);padding:32px 24px;margin-top:12px;text-align:center}
.co-partner{font-size:clamp(22px,2.4vw,34px);font-weight:600;line-height:1.3}.co-partner-plus{width:56px;height:56px;display:grid;place-items:center;font-size:32px;font-weight:400;border:1px solid var(--co-line);border-radius:50%;color:var(--co-accent)}
.co-platform{padding-block:28px 88px}.co-platform-copy{color:var(--co-muted);margin:28px 0 38px;max-width:68ch}.co-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.co-solution{display:block;overflow:hidden;min-width:0;text-decoration:none;border-radius:20px;background:var(--co-panel);border:1px solid var(--co-line);color:var(--co-ink)}
.co-solution>img{width:100%;aspect-ratio:3/2;height:auto;display:block;object-fit:contain;transition:filter .25s ease}
.co-solution-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px}.co-solution h3{font-size:clamp(26px,2.3vw,34px);line-height:1.2;margin:0;color:var(--co-ink)}.co-link-arrow{display:grid;place-items:center;flex:none;width:48px;height:48px;background:var(--co-accent);color:var(--co-bg);border-radius:50%;font-size:28px;transition:transform .2s}
.co-solution:hover .co-link-arrow{transform:translateX(4px)}html[dir=rtl] .co-solution:hover .co-link-arrow{transform:translateX(-4px)}.co-solution:hover>img{filter:brightness(1.08)}.co-solution:focus-visible{outline:3px solid var(--co-accent);outline-offset:5px}
.co-story{padding-block:72px;background:var(--co-panel);scroll-margin-top:110px}.co-story-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:center}.co-story-photo{margin:0}.co-story-photo img{display:block;width:100%;height:auto;border-radius:20px}.co-story-text{margin:28px 0 0;color:var(--co-muted)}
.co-resources{padding-block:70px 80px;display:flex;justify-content:space-between;align-items:center;gap:48px}.co-resources h2{max-width:22ch}.co-resource-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end;min-width:250px}.co-resource-actions .btn{text-align:center;white-space:normal}
@media(max-width:1050px){.co-about{gap:32px}.co-story-grid{gap:32px;grid-template-columns:1fr 1.2fr}.co-resources{align-items:flex-start;flex-direction:column}.co-resource-actions{justify-content:flex-start}}
@media(max-width:800px){.co-hero{min-height:450px;padding:22px 0 50px}.co-hero .spark-breadcrumbs{margin-bottom:40px}html body main.co-page .co-title{font-size:clamp(40px,7vw,58px)}.co-hero-photo{object-position:60% center}.co-lead{padding-block:8px 42px}.co-lead-copy{padding-inline-start:20px}.co-about{grid-template-columns:1fr;padding-block:44px;gap:28px}.co-partnership{grid-template-columns:1fr 44px 1fr;gap:14px;padding:24px 0}.co-partner{font-size:20px}.co-partner-plus{width:40px;height:40px;font-size:26px}.co-platform{padding-block:16px 48px}.co-solutions{grid-template-columns:1fr;gap:24px}.co-solution-label{padding:22px}.co-story{padding-block:40px}.co-story-grid{grid-template-columns:1fr;gap:30px}.co-story-copy{order:-1}.co-resources{padding-block:44px 56px;gap:28px}.co-resource-actions{width:100%;min-width:0}.co-resource-actions .btn{flex:1 1 220px}}
@media(prefers-reduced-motion:reduce){.co-solution>img,.co-link-arrow{transition:none}}
/* Reserve the full heading layout; animate opacity rather than adding text. */
.co-page .co-resources{position:relative;isolation:isolate;overflow:hidden;margin-block:56px 80px;padding:clamp(32px,5vw,80px);gap:48px;background:#10344f;border:1px solid #426780;border-radius:48px 12px;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;box-shadow:0 22px 60px #081e3015}
.co-resources:before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:#80b841;pointer-events:none}
html[data-color-mode] body main.co-page section#co-contact-cta.co-resources{background:#10344f!important;background-image:none!important}
html[data-color-mode=light] body main.co-page section#co-contact-cta.co-resources{background:#edf3f6!important;border-color:#c9d8e2;box-shadow:0 16px 40px #1234520c}
html[data-color-mode=light] body main.co-page #co-contact-cta h2{color:#123452!important}
html[data-color-mode=light] body main.co-page #co-contact-cta .eyebrow{color:#507b22!important}
html[data-color-mode=light] body main.co-page #co-contact-cta .co-profile-link{color:#234d77!important}
html[data-color-mode=light] #co-contact-cta a:focus-visible{outline-color:#234d77}
.co-resources:after{content:'';position:absolute;z-index:-1;width:460px;height:460px;inset-inline-end:-200px;top:-180px;border:1px solid #a4d36338;border-radius:50%;box-shadow:0 0 0 50px #a4d3630a,0 0 0 100px #a4d36308;pointer-events:none}
html body main.co-page .co-resources .eyebrow{color:#b5dd84!important;margin:0 0 20px}
html body main.co-page .co-resources h2{color:#fff!important;font-size:clamp(32px,3.2vw,54px);line-height:1.12;margin:0}
html body main.co-page .co-resources .co-contact-intro{color:#d0dfea!important;font-size:clamp(18px,1.4vw,23px)!important;line-height:1.65;margin:24px 0 0}
.co-resources .co-resource-actions{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:240px}
.co-resources .co-contact-primary{padding:20px 28px;min-height:60px;background:#a4d363!important;color:#081e30!important;border:0;border-radius:12px;font-weight:700;transition:background .2s,transform .2s}
.co-resources .co-contact-primary:hover{background:#b8e284!important;transform:translateY(-2px)}
.co-resources .co-contact-primary:before,.co-resources .co-contact-primary:after{display:none!important}
html body main.co-page .co-profile-link{color:#e5edf3!important;font-size:15px;font-weight:600;text-align:center;text-decoration:underline;text-underline-offset:6px;background:transparent;border:0;padding:8px}
.co-resources a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:1000px){.co-page .co-resources{grid-template-columns:1fr;gap:32px}.co-resources .co-resource-actions{align-items:flex-start;min-width:0}.co-resources .co-resource-actions .btn{flex:none}}
@media(max-width:600px){.co-page .co-resources{border-radius:30px 10px;margin-block:32px 48px;padding:30px 24px}.co-resources .co-resource-actions{align-items:stretch;width:100%}}
@media(prefers-reduced-motion:reduce){.co-resources .co-contact-primary{transition:none;transform:none}}
.co-type-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.co-type-word{white-space:nowrap}
.co-type-active .co-type-char{animation:co-character-in .28s ease-out both;animation-delay:var(--co-char-delay,0ms)}
@keyframes co-character-in{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.co-page{--spark-copy-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.co-type-active .co-type-char{animation:none;opacity:1}}
