:root{--navy:#111f48;--ink:#202a43;--cream:#eee8fa;--line:#d8cfe9;--muted:#6e6980}
body{padding-left:178px;background:#f6f1fd}
header{background:#f7f3fff5}.navigation{background:#f7f3ff}.hero,.page-top,.detail-hero{background:#eee8fa}.soft,.trust-strip{background:#e8dff7}.trust-strip{border-color:#d8cce9}.final-cta,.contact-panel{background:#e3d6f5}.product,form{background:#fff}.support-grid article{background:#f0e8fb}.product-image{background:#f7f1ff}.hero-visual>img,.detail-image,.about-photo{border-color:#f7f1ff}.about-section,footer,.side-card,.topline{background:#111f48}.wrap{width:min(1240px,calc(100% - 60px))}
.insurance-ribbon{position:fixed;left:12px;top:15px;bottom:18px;width:150px;background:#111f48;color:white;z-index:60;border:1px solid #fff8;border-radius:10px;box-shadow:0 8px 28px #111f4824;display:flex;flex-direction:column;overflow:hidden}
.ribbon-heading{text-align:center;padding:20px 8px 12px;border-bottom:1px solid #ffffff33;background:#111f48}.ribbon-heading>span{font-size:8px;letter-spacing:.25em;color:#b7c6ea}.ribbon-heading h2{font:600 13px/1.4 'Manrope',sans-serif;letter-spacing:0;margin:8px 0 3px;color:#fff}.ribbon-heading p{font-size:9px;color:#ced6ec;margin:0}.ribbon-pause{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:1px solid #ffffff22;background:#1b2d5d;color:#fff;font-size:9px;padding:9px;width:100%;flex-shrink:0}.ribbon-pause:hover{background:#2b4076}.ribbon-window{flex:1;min-height:0;overflow:hidden;position:relative}.ribbon-track{animation:ribbon-down 42s linear infinite;will-change:transform}.ribbon-group{display:flex;flex-direction:column;gap:12px;padding:6px 9px}.ribbon-item{display:block;color:#111f48;background:#fff;padding:5px;border-radius:5px;border:1px solid #dce3f6;flex-shrink:0;text-align:center}.ribbon-item img{width:100%;height:74px;object-fit:cover;border-radius:2px}.ribbon-item>span{display:block;font-size:10px;line-height:1.4;font-weight:700;padding:7px 1px 1px}.ribbon-item small{display:block;font-size:8px;color:#4f628d;padding-bottom:3px}.ribbon-item:hover{background:#eaf0ff}.ribbon-quote{background:#fff;color:#111f48;text-align:center;font-size:11px;font-weight:700;padding:13px 5px;border-top:1px solid #d8e1f8;flex-shrink:0}.ribbon-track:hover,.ribbon-track:focus-within,.insurance-ribbon.is-paused .ribbon-track{animation-play-state:paused}
@keyframes ribbon-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media(max-width:1150px){body{padding-left:142px}.insurance-ribbon{width:122px;left:9px}.ribbon-heading h2{font-size:11px}.ribbon-item img{height:66px}.navigation{gap:14px}.hero h1{font-size:57px}.hero-grid{gap:25px}.hero-copy{padding-top:24px}.wrap{width:calc(100% - 44px)}}
@media(max-width:850px){body{padding-left:108px}.insurance-ribbon{width:94px;left:6px;top:10px;bottom:12px;border-radius:6px}.ribbon-heading{padding:13px 3px 9px}.ribbon-heading h2{font-size:9px;letter-spacing:-.035em}.ribbon-heading>span{font-size:7px}.ribbon-heading p{font-size:8px}.ribbon-group{padding:5px;gap:9px}.ribbon-item{padding:4px}.ribbon-item img{height:53px}.ribbon-item>span{font-size:8px;padding-top:6px}.ribbon-item small{font-size:7px}.ribbon-quote{font-size:10px}.navigation{left:0}.hero h1{font-size:45px}.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero-visual>img{min-height:460px}.actions{gap:15px}.hero .actions .text-link{font-size:10px}}
@media(max-width:600px){body{padding-left:84px}.insurance-ribbon{width:74px;left:4px;top:8px;bottom:10px}.ribbon-heading{padding:11px 2px 8px}.ribbon-heading>span{font-size:6px;letter-spacing:.16em}.ribbon-heading h2{font-size:8px;letter-spacing:-.055em;margin:7px 0 3px}.ribbon-heading p{font-size:7px}.ribbon-pause{padding:8px 1px;font-size:7px;gap:3px}.ribbon-group{padding:4px;gap:8px}.ribbon-item img{height:44px}.ribbon-item>span{font-size:7px}.ribbon-item small{font-size:6px}.ribbon-quote{font-size:9px;padding:12px 2px}.wrap{width:calc(100% - 28px)}nav{gap:10px}.brand{gap:6px}.brand img{width:30px;height:30px}.brand>span{font-size:14px}.brand small{font-size:6px;letter-spacing:.12em}.menu-btn{font-size:0;padding:7px;width:33px}.menu-btn:after{content:'☰';font-size:17px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:47px;overflow-wrap:normal}.hero-copy>p{font-size:12px}.hero .actions{gap:18px}.hero-visual>img{min-height:0;height:280px}.image-wa{padding:9px;right:4px;gap:7px}.image-wa strong{font-size:8px}.image-wa{font-size:8px}.wa-circle{width:27px;height:27px}.image-label{left:17px}.image-label b{font-size:20px}.trust-strip .wrap{grid-template-columns:1fr}.page-top h1,.detail-grid h1{font-size:37px}.section-heading h2,h2{font-size:32px}.foot-grid{grid-template-columns:1fr}.foot-grid>div{grid-column:1!important}.big-contact{font-size:22px}.contact-panel{padding:20px}.product-body{padding:17px}.product h3{font-size:15px}.product-links{font-size:9px}.coverage-grid{grid-template-columns:1fr}.filters{gap:6px}.filters button{padding:8px 11px}.about-section h2{font-size:36px}.hero-copy .desktop{display:none}.hero-note{font-size:9px}.floating-wa{right:12px;bottom:12px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;transform:none}.ribbon-window{overflow-y:auto}.ribbon-group[aria-hidden]{display:none}}

/* Transparent editorial ribbon */
.insurance-ribbon{background:transparent;color:#253252;border:0;border-radius:0;box-shadow:none}
.ribbon-heading{background:transparent;border-bottom:1px solid #cfc3e2}
.ribbon-heading>span{color:#827294}
.ribbon-heading h2{color:#253252}
.ribbon-heading p{color:#82758e}
.ribbon-pause{background:transparent;color:#716581;border:0;padding-block:10px}
.ribbon-pause:hover{background:transparent;color:#253252}
.ribbon-window{mask-image:linear-gradient(to bottom,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.ribbon-group{gap:20px}
.ribbon-item{background:transparent;border:0;padding:2px;border-radius:0}
.ribbon-item img{border-radius:7px;border:1px solid #cfc3df;box-shadow:0 3px 10px #46355e0d}
.ribbon-item>span{padding-top:9px;color:#34415c;font-weight:600}
.ribbon-item small{color:#8a7c98}
.ribbon-item:hover{background:transparent}
.ribbon-item:hover img{border-color:#9f8ab9}
.ribbon-item:hover>span{color:#78589b}
.ribbon-quote{background:transparent;color:#34415c;border-top:1px solid #cfc3e2;letter-spacing:.04em}
.ribbon-quote:hover{color:#78589b}
@media(max-width:600px){.ribbon-group{gap:15px}.ribbon-item img{border-radius:5px}.ribbon-item>span{padding-top:7px}}

/* Home opening composition, matched to the supplied reference */
.home-page>header{border-top:2px solid #111f48}
@media(min-width:900px){
 .home-page .hero{height:calc(100svh - 94px);min-height:570px;padding:38px 0 52px}
 .home-page .hero-grid{height:100%;min-height:0;align-items:stretch;gap:46px}
 .home-page .hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0}
 .home-page .hero h1{font-size:clamp(52px,min(5.8vw,9svh),84px);line-height:1.04;margin-bottom:24px}
 .home-page .hero .eyebrow{margin-bottom:24px}
 .home-page .hero-copy>p{font-size:14px;line-height:1.9;margin-bottom:28px}
 .home-page .hero-note{margin-top:34px}
 .home-page .hero-visual{min-height:0;margin-bottom:0}
 .home-page .hero-visual>img{height:100%;min-height:0;max-height:none;object-fit:cover}
 .home-page .image-label{bottom:72px}
 .home-page .image-wa{bottom:-24px;right:24px}
}
@media(min-width:900px) and (max-height:760px){
 .home-page .hero{padding-top:28px;padding-bottom:42px}
 .home-page .hero h1{font-size:56px;margin-bottom:18px}
 .home-page .hero .eyebrow{margin-bottom:18px}
 .home-page .hero-copy>p{line-height:1.7;margin-bottom:22px;font-size:13px}
 .home-page .hero-note{margin-top:24px}
}