/* CertOcean /all-programs hero (Nov 2026). --c1/--c2 = the category colours set inline on .co-ph */
.co-ph{position:relative;overflow:hidden;color:#fff;background-color:#0d1a4a;background-image:radial-gradient(520px 300px at 82% 45%,color-mix(in srgb,var(--c2) 42%,transparent),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(118deg,#0b163f 0%,#14246b 55%,#1a2d84 100%);background-size:auto,22px 22px,auto}
.co-ph-in{max-width:1200px;margin:0 auto;padding:22px 20px 24px;display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:36px;align-items:center}
.co-ph-copy{min-width:0}
.co-ph-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px}
.co-ph-crumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.78)}
.co-ph-crumb li+li::before{content:"\203A";margin:0 7px;color:rgba(255,255,255,.5)}
.co-ph-crumb a{color:#fff;text-decoration:none}
.co-ph-crumb a:hover{text-decoration:underline}
.co-ph-crumb [aria-current]{color:rgba(255,255,255,.82)}
.co-ph-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffd76a;background:rgba(255,197,61,.12);border:1px solid rgba(255,197,61,.4)}
.co-ph-eyebrow i{font-size:11px}
html body .co-ph-h1{margin:0 0 10px;font-size:36px;line-height:1.14;font-weight:900;letter-spacing:-.01em;color:#fff}
.co-ph-h1 .hl{color:#ffc53d;display:inline-block}
html body .co-ph-lead{margin:0 0 16px;max-width:760px;font-size:16px;line-height:1.55;font-weight:500;color:rgba(255,255,255,.9)}
.co-ph-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.co-ph-pop-l{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.85);margin-right:2px}
html body .co-ph-pop a{display:inline-block;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:800;line-height:1.3;color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.26);transition:background .15s,color .15s,border-color .15s}
html body .co-ph-pop a:hover{background:#fff;color:#14205a;border-color:#fff}
.co-ph-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.co-ph-vis{position:relative;width:400px;height:200px}
.co-ph-glow{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c1) 45%,transparent) 0%,transparent 66%);pointer-events:none}
.co-ph-orbit{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.28);animation:coPhSpin 70s linear infinite}
.co-ph-orbit2{position:absolute;left:50%;top:50%;width:152px;height:152px;margin:-76px 0 0 -76px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.co-ph-core{position:absolute;left:50%;top:50%;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.42) 0%,rgba(255,255,255,0) 46%),linear-gradient(145deg,var(--c1),var(--c2));box-shadow:0 0 0 7px rgba(255,255,255,.09),0 0 70px -8px var(--c1),0 22px 40px -16px rgba(0,0,0,.75)}
.co-ph-core i{font-size:46px;color:#fff;text-shadow:0 6px 16px rgba(0,0,0,.3)}
.co-ph-pill{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 7px;border-radius:999px;background:#fff;color:#14205a;font-size:12.5px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 12px 24px -12px rgba(0,0,0,.7);animation:coPhBob 6s ease-in-out infinite}
.co-ph-pill i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#fff;background:linear-gradient(145deg,var(--c1),var(--c2))}
.co-ph-pill.p1{left:18px;top:8px}
.co-ph-pill.p2{right:12px;top:10px;animation-delay:-1.2s}
.co-ph-pill.p3{left:0;top:84px;animation-delay:-2.4s}
.co-ph-pill.p4{right:0;top:92px;animation-delay:-3.6s}
.co-ph-pill.p5{left:40px;bottom:4px;animation-delay:-4.8s}
.co-ph-seal{position:absolute;right:44px;bottom:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#7a4a00;background:radial-gradient(circle at 35% 30%,#fff3b8 0%,#ffd34d 38%,#f0a500 100%);box-shadow:0 0 0 3px rgba(255,255,255,.9),0 12px 22px -8px rgba(0,0,0,.6)}
.co-ph-trust{display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:6px;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:rgba(255,255,255,.92);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.co-ph-trust b{color:#fff;font-weight:800}
.co-ph-tp{display:inline-flex;gap:2px;margin-right:2px}
.co-ph-tp i{width:16px;height:16px;display:grid;place-items:center;font-size:9px;color:#fff;background:#00b67a;border-radius:2px}
.co-ph-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.45);margin:0 4px}
.co-ph-sh{color:#ffc53d}
.co-ph-ref{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.co-ph-trust--m{display:none}
@keyframes coPhSpin{to{transform:rotate(360deg)}}
@keyframes coPhBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.co-ph-seal{animation:coPhSeal 5s ease-in-out infinite}
@keyframes coPhSeal{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-4px) rotate(6deg)}}
@media (prefers-reduced-motion:reduce){.co-ph-orbit,.co-ph-pill,.co-ph-seal{animation:none}}
@media (max-width:1199.98px){
.co-ph-in{grid-template-columns:minmax(0,1fr) 340px;gap:24px}
.co-ph-vis{zoom:.85}
html body .co-ph-h1{font-size:32px}
}
@media (max-width:991.98px){
.co-ph-in{grid-template-columns:1fr;padding:22px 20px 24px}
.co-ph-side{display:none}
.co-ph-trust--m{display:inline-flex;margin-top:14px}
}
@media (max-width:575.98px){
.co-ph-in{padding:18px 16px 20px}
.co-ph-top{margin-bottom:10px}
.co-ph-crumb ol{font-size:12.5px}
.co-ph-eyebrow{font-size:11px;padding:4px 10px}
html body .co-ph-h1{font-size:25px}
html body .co-ph-lead{font-size:14.5px;line-height:1.5;margin-bottom:12px}
.co-ph-pop{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
.co-ph-pop::-webkit-scrollbar{display:none}
html body .co-ph-pop a{flex:0 0 auto;font-size:12.5px;padding:6px 12px}
.co-ph-pop-l{flex:0 0 auto}
.co-ph-trust--m{font-size:12.5px;padding:0;background:none;border:0;white-space:normal;flex-wrap:wrap;margin-top:12px}
}
.co-ph + .blog-section{margin-top:22px}
html body .blog-posts .co-ph-h2{margin:0 0 18px;font-size:24px;line-height:1.25;font-weight:800;color:#14205a}
@media (max-width:575.98px){html body .blog-posts .co-ph-h2{font-size:20px;margin-bottom:14px}}