/* Olive Digitech • editorial refinements after real mobile preview */
/* Remove the redundant location strapline and allow navigation to breathe. */
.topbar{display:none!important}
.header{top:0}
/* Hero headline and illustration must never occupy overlapping grid areas. */
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,82px)}
.hero-copy{min-width:0;max-width:100%}
.hero h1{font-size:clamp(44px,5.35vw,77px);letter-spacing:-.065em;line-height:1.05;margin-right:0!important;max-width:100%;overflow-wrap:normal}
.stage{min-width:0;max-width:100%}
@media(max-width:1200px){
 .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:0}
 .hero-copy{padding:70px 0 0;max-width:800px}
 .hero h1{font-size:clamp(49px,7.5vw,79px);max-width:820px}
 .stage{width:min(580px,100%);height:520px;margin:0 auto 0;}
}
@media(max-width:700px){
 .hero-copy{padding-top:55px}
 .hero h1{font-size:clamp(40px,10.5vw,61px);line-height:1.075;letter-spacing:-.057em}
 .stage{height:370px;min-width:0;max-width:100%;transform:scale(.64);transform-origin:top left;width:550px;margin-top:30px;margin-bottom:-115px}
}
@media(max-width:420px){.hero h1{font-size:clamp(37px,10vw,46px)}.stage{transform:scale(.55);height:330px;margin-bottom:-125px}}
/* Upgrade the moving text from a bland static repetition to meaningful clickable updates. */
.signal.od-announcements{background:#071b2c;color:#fff;padding:13px 0;border-block:1px solid #174e58}
.od-announcements[hidden]{display:none!important}
.od-announcements .ticker-track{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.od-announcements .ticker-inner{display:flex;gap:0;width:max-content;animation:marquee 32s linear infinite;align-items:stretch;letter-spacing:normal}
.od-announcement-set{display:flex;align-items:center;gap:12px;flex:none;padding-right:12px}
.od-ticker-link{display:inline-flex;align-items:center;gap:14px;padding:13px 20px;border-radius:999px;background:#113b4b;border:1px solid #336474;color:#e9fcfc!important;font-size:11px;font-weight:800;letter-spacing:.075em;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.od-ticker-link:nth-child(4n+2){background:#b7f1e6;color:#062e39!important;border-color:#b7f1e6}
.od-ticker-link:nth-child(4n+3){background:#e9f7f9;color:#183447!important;border-color:#e9f7f9}
.od-ticker-link:nth-child(4n+4){background:#1f6971;border-color:#2a8286;color:#fff!important}
.od-ticker-link:hover,.od-ticker-link:focus-visible{background:#36d7c9!important;color:#092631!important;border-color:#36d7c9!important;transform:translateY(-1px)}
.od-ticker-arrow{font-size:16px;line-height:1}
.od-ticker-static{cursor:default}
.od-announcements:focus-within .ticker-inner,.od-announcements:hover .ticker-inner{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.od-announcements .ticker-inner{animation:none!important}.od-announcements .ticker-track{overflow-x:auto;mask-image:none}.od-announcement-set[aria-hidden=true]{display:none}}
/* Checkerboard rhythm across six website offers (light/dark/light then dark/light/dark). */
#pricing-web .pricing-cards>.pricing-card,#pricing-web .pricing-cards>.pricing-card:nth-child(5),.price-list>.pricing-card:nth-child(odd){background:#fff!important;border-color:#b7d7df;color:#0b2739}
#pricing-web .pricing-cards>.pricing-card:nth-child(2),#pricing-web .pricing-cards>.pricing-card:nth-child(4),#pricing-web .pricing-cards>.pricing-card:nth-child(6),.price-list>.pricing-card:nth-child(even){background:#0b2940!important;color:#f4ffff;border-color:#245b6a}
#pricing-web .pricing-cards>.pricing-card:nth-child(even) h3,#pricing-web .pricing-cards>.pricing-card:nth-child(even) .cost,#pricing-web .pricing-cards>.pricing-card:nth-child(even) .delivery-info strong,#pricing-web .pricing-cards>.pricing-card:nth-child(even) .delivery-info span,.price-list>.pricing-card:nth-child(even) h3,.price-list>.pricing-card:nth-child(even) .cost,.price-list>.pricing-card:nth-child(even) .delivery-info strong{color:#f5ffff!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(even) p,#pricing-web .pricing-cards>.pricing-card:nth-child(even) .bullets div,#pricing-web .pricing-cards>.pricing-card:nth-child(even) small,#pricing-web .pricing-cards>.pricing-card:nth-child(even) .num,#pricing-web .pricing-cards>.pricing-card:nth-child(even) details p,#pricing-web .pricing-cards>.pricing-card:nth-child(even) summary,.price-list>.pricing-card:nth-child(even) p,.price-list>.pricing-card:nth-child(even) small,.price-list>.pricing-card:nth-child(even) .num,.price-list>.pricing-card:nth-child(even) .bullets div{color:#d3e8eb!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(even) .get,.price-list>.pricing-card:nth-child(even) .get{background:#b8f3ec!important;color:#08303b!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(even) .delivery-info,#pricing-web .pricing-cards>.pricing-card:nth-child(even) .bullets div,#pricing-web .pricing-cards>.pricing-card:nth-child(even) details,.price-list>.pricing-card:nth-child(even) .delivery-info,.price-list>.pricing-card:nth-child(even) .bullets div{border-color:#3d6371!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5){background:#edfbfa!important;border-color:#85cccb}
@media(max-width:650px){.pricing-cards{grid-template-columns:1fr!important}#pricing-web .pricing-cards>.pricing-card:nth-child(5){background:#edfbfa!important}}
/* Quote summary should read like a supporting note, not a competing hero. */
.brief-side{background:#0b3040;border:1px solid #1c6670;box-shadow:0 13px 35px #052c3e1c}
.brief-side h3{font-size:clamp(19px,2.2vw,25px);line-height:1.24}
.brief-side .summary-box{word-break:normal}
/* Fifth card used to inherit the old bottom-row white text. Restore dark ink on the light teal card. */
#pricing-web .pricing-cards>.pricing-card:nth-child(5),
#pricing-web .pricing-cards>.pricing-card:nth-child(5) :is(h3,p,.num,.cost,.cost span,.cost small,.delivery-info strong,.delivery-info span,.delivery-hint,.bullets div,summary,details p,small){color:#123044!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) .get{background:#0a2a3e!important;color:#fff!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) .get:hover{background:#006d70!important;color:#fff!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) .bullets div:before{color:#067d84!important}
