/* Olive Digitech RC3 visual corrections — final CSS layer */
:root{--od-ink:#0b2538;--od-sky:#a9e9f6;--od-mint:#a7eee0}
/* Hero spacing: bring the actual illustration closer and use the unused interval for helpful links. */
.hero{background:radial-gradient(circle at 91% 27%,rgba(79,209,217,.17),transparent 38%),linear-gradient(115deg,#fafdfe 0%,#e9f8fc 56%,#e4f6f7 100%)}
.hero .hero-grid{align-items:center}
.od-hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:29px 0 0}
.od-service-chip{display:flex;min-height:64px;min-width:0;gap:6px;flex-direction:column;justify-content:space-between;padding:11px 12px 10px;border:1px solid #98cad2;border-radius:12px;background:rgba(255,255,255,.74);box-shadow:0 8px 28px #1a728010;color:#12384a;font-size:11px;font-weight:800;line-height:1.24;text-transform:uppercase;letter-spacing:.025em;transition:transform .22s,background .22s,box-shadow .22s;animation:od-chip-enter .55s cubic-bezier(.2,.7,.2,1) both}
.od-service-chip:nth-child(2){animation-delay:.17s;background:#0b3046;color:#eafcff;border-color:#23657a}
.od-service-chip:nth-child(3){animation-delay:.34s;background:#b7f0e8;border-color:#91d7d0}
.od-service-chip>span:last-child{align-self:end;font-size:17px;line-height:1;color:inherit}
.od-chip-index{font-size:9px;opacity:.65;letter-spacing:.1em}
.od-service-chip:hover,.od-service-chip:focus-visible{transform:translateY(-4px);box-shadow:0 11px 24px #0b51602a}
@keyframes od-chip-enter{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
/* Two small cards are genuine client feedback, not generic promotional copy. */
.stage .od-hero-review{width:218px;max-width:60%;padding:15px 17px;margin:0;white-space:normal;background:#fff;color:#103649}
.stage .od-hero-review[hidden],.stage .od-hero-cover[hidden]{display:none!important}
.stage .od-hero-review p{font-size:11px;line-height:1.48;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#375665;margin:7px 0 9px}
.stage .od-hero-review cite{font-style:normal;font-size:10px;font-weight:800;color:#075e6c}
.od-review-kicker{color:#008b91;font-size:9px;font-weight:900;letter-spacing:.095em}
.stage .float-card.a{top:64px;right:-1px}
.stage .float-card.b{bottom:76px;left:-5px}
.stage .od-hero-cover{height:193px;width:137px;display:block;overflow:hidden;border-radius:4px}
.stage .od-hero-cover img{height:100%;width:100%;object-fit:cover;display:block}
.stage .od-hero-cover:focus-visible{outline:3px solid #12b7bd;outline-offset:4px}
/* Pricing: explicit fifth-card dark text across home, dedicated pricing page and dynamic Supabase-rendered cards. */
#pricing-web .pricing-cards>.pricing-card:nth-child(5),.price-list>.pricing-card:nth-child(5){background:#d8f6f1!important;color:#102f41!important;border:1px solid #7bcac5!important;box-shadow:0 11px 28px #0a6a6a13!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) :is(h3,p,.num,.cost,.cost span,.cost small,.delivery-info,.delivery-info strong,.delivery-info span,.bullets div,summary,details p,small),
.price-list>.pricing-card:nth-child(5) :is(h3,p,.num,.cost,.cost span,.cost small,.delivery-info,.delivery-info strong,.delivery-info span,.bullets div,summary,details p,small){color:#12364a!important;opacity:1!important;text-shadow:none!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) :is(.delivery-info,.bullets div,details),.price-list>.pricing-card:nth-child(5) :is(.delivery-info,.bullets div,details){border-color:#a7d8d5!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) .get,.price-list>.pricing-card:nth-child(5) .get{background:#092e43!important;color:white!important;border-color:#092e43!important}
#pricing-web .pricing-cards>.pricing-card:nth-child(5) .get:hover,.price-list>.pricing-card:nth-child(5) .get:hover{background:#056e76!important;color:white!important}
/* End-of-page brief CTA: bright sky blue, obvious action. */
.pricing-cta .pill,.od-pricing-cta .pill,.pricing-footer-cta .pill{background:#a9e9f6!important;color:#072b41!important;border:1px solid #a9e9f6!important;font-weight:900!important;box-shadow:0 8px 25px #06131d30}
.pricing-cta .pill:hover,.od-pricing-cta .pill:hover,.pricing-footer-cta .pill:hover{background:#c9f4fa!important}
/* Make informational footer readable and remove location-slogan clutter. */
.footer .shell>p{line-height:1.8;color:#d5e6ea}
.footer .shell>p a{color:#b2f1ef;text-underline-offset:3px}
@media(max-width:1200px){
 .hero .hero-grid{gap:0}
 .od-hero-services{max-width:760px}
 .stage{margin-top:0!important}
}
@media(max-width:700px){
 .od-hero-services{margin-top:21px;gap:7px}
 .od-service-chip{font-size:10px;min-height:68px;padding:11px}
 .hero .stage{margin-top:2px!important}
}
@media(max-width:420px){
 .od-hero-services{grid-template-columns:repeat(3,minmax(0,1fr))}
 .od-service-chip{font-size:9px;padding:9px 7px;min-height:68px}
 .hero .stage{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){.od-service-chip{animation:none!important;transition:none!important}}
/* Preserve the entire showcase on narrow screens. Earlier hero styles had clipped its bottom. */
@media(max-width:700px){
 .hero .stage{height:510px!important;margin-bottom:0!important}
 .hero .hero-grid{min-height:0!important}
 .hero .hero-copy{padding-bottom:0!important}
}
@media(max-width:420px){
 .hero .stage{height:470px!important;margin-bottom:0!important}
}