/* OxygenC shared header, menu, footer and floating buttons.
   Used on every page. Edit here once to change the whole site. */
.oc-skip{position:absolute;left:0;top:-48px;background:#cc0000;color:#fff;padding:10px 14px;z-index:300;text-decoration:none;font:600 15px/1 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.oc-skip:focus{top:0}
.oc-top,.oc-nav,.oc-foot,.oc-float,.oc-trust{font-family:system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;line-height:1.5;box-sizing:border-box}
.oc-top *,.oc-nav *,.oc-foot *,.oc-float *,.oc-trust *{box-sizing:border-box}
.oc-wrap{max-width:1280px;margin:0 auto;padding:0 1.5rem}
.oc-top{background:#0f2b3d;color:#e2e8f0;font-size:14px;padding:8px 0}
.oc-top .oc-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}
.oc-top a{color:#ffd966;text-decoration:none}
.oc-top a:hover{text-decoration:underline}
.oc-nav{background:#fff;box-shadow:0 1px 4px rgba(15,43,61,.08);position:sticky;top:0;z-index:200}
.oc-nav .oc-wrap{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.oc-brand{font-weight:800;font-size:22px;color:#0f2b3d;text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.oc-brand span{color:#cc0000}
.oc-brand small{display:block;font-size:11px;font-weight:600;color:#64748b;letter-spacing:.02em}
.oc-links{display:flex;gap:4px 18px;flex-wrap:wrap;align-items:center;margin-left:auto;font-size:15px;font-weight:600}
.oc-links a{color:#1e3a5f;text-decoration:none;padding:8px 0;white-space:nowrap}
.oc-links a:hover,.oc-links a[aria-current="page"]{color:#cc0000}
.oc-links .oc-cta{background:#cc0000;color:#fff;padding:9px 16px;border-radius:40px}
.oc-links .oc-cta:hover,.oc-links .oc-cta[aria-current="page"]{background:#a30000;color:#fff}
@media (max-width:860px){
  .oc-nav .oc-wrap{flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:4px}
  .oc-links{margin-left:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:18px;padding-bottom:4px;scrollbar-width:thin}
}
.oc-trust{background:#fff;border-radius:28px;box-shadow:0 10px 25px -5px rgba(0,0,0,.06);padding:1.6rem;margin:2rem auto;max-width:1232px}
.oc-trust h2{margin:0 0 1rem;color:#0f2b3d;font-size:1.4rem;text-align:center}
.oc-trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.oc-trust li{background:#f1f6fb;border-radius:18px;padding:14px 16px;color:#1e293b;font-size:15px}
.oc-trust li strong{display:block;color:#0f2b3d;font-size:16px;margin-bottom:2px}
.oc-foot{background:#0f2b3d;color:#e2e8f0;font-size:15px;padding:40px 0 24px;margin-top:40px}
.oc-foot a{color:#ffd966;text-decoration:none}
.oc-foot a:hover{text-decoration:underline}
.oc-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px}
.oc-foot h2{color:#fff;font-size:16px;margin:0 0 8px}
.oc-foot p{margin:0 0 6px}
.oc-foot ul{list-style:none;margin:0;padding:0}
.oc-foot li{margin:0 0 6px}
.oc-foot-copy{border-top:1px solid #2c4f6e;margin-top:28px;padding-top:16px;text-align:center;color:#cbd5e1;font-size:13px}
.oc-float{position:fixed;right:16px;bottom:16px;z-index:250;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.oc-float a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:40px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.22)}
.oc-float .oc-wa{background:#1d7a44}
.oc-float .oc-wa:hover{background:#155c33}
.oc-float .oc-call{background:#cc0000;display:none}
.oc-float svg{width:20px;height:20px;flex:none}
@media (max-width:700px){.oc-float .oc-call{display:inline-flex}.oc-foot{padding-bottom:130px}}
@media print{.oc-nav,.oc-float,.oc-top{display:none}}
/* Keep images and fixed-width boxes inside the screen on phones */
img{max-width:100%;height:auto}
.portable-img{max-width:100%}
.portable-flex>*{min-width:0;max-width:100%}
@media (max-width:768px){.portable-flex{align-items:stretch}}
.portable-details .feature-list li{display:block}
.seo-h1{max-width:1280px;margin:20px auto 12px;padding:0 1.5rem;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;color:#0f2b3d}
@media (max-width:700px){.oc-top span:last-child{display:none}}
