/* The approved dashboard photograph carries through the darker page. */
body{background:#08131f;color:#eef5fc}
.services,.booking,.contact{background-image:linear-gradient(110deg,rgba(5,15,27,.94),rgba(7,21,37,.83));background-size:cover;background-position:center 48%;color:#eef5fc}
.services{--line:#35485c;--muted:#c0cedd;--paper:#13283c}
.services .eyebrow,.booking .eyebrow,.contact .eyebrow{color:#82caff}
.service-grid{border-color:#35485c}
.service-grid article{background:rgba(7,19,33,.74);border-color:#35485c}
.service-grid article:hover{background:rgba(22,48,73,.92)}
.service-grid .number,.service-grid a span{color:#8acfff}
.service-grid a{border-color:#35485c;color:#edf6ff}
.facebook{background:linear-gradient(100deg,rgba(9,28,47,.93),rgba(9,28,47,.88)) center 18%/cover}
.booking{background-image:linear-gradient(110deg,rgba(5,15,27,.95),rgba(7,21,37,.89));--muted:#bccddd}
.booking li span{color:#a7d9ff;border-color:#55718a}
.call-box{border-color:#41566a}.call-box a{color:#ffad66}
#booking-form{background:rgba(9,25,42,.94);padding:30px;border:1px solid #38516a;border-radius:5px}
.form-banner{background:#1c354d;border-color:#6ebcf2;color:#f1f6fb}.form-banner span{color:#c8d9e9}
label{color:#e1ebf4}label>span{color:#ffad66}
input,select,textarea{background:#0b1b2d;border-color:#536b82;color:#f0f6fd;color-scheme:dark}
input::placeholder,textarea::placeholder{color:#a8bbce}
.privacy-note{color:#bdcddd}#form-result{background:#213e58;color:#eef7ff;border-color:#7dc8ff}
.contact{--line:#3a5065;--muted:#bdcddd;background-position:center 68%;background-image:linear-gradient(110deg,rgba(5,15,27,.95),rgba(7,21,37,.86))}
.contact-phone{color:#ffad66}.dark{border-color:#6c879d;background:#142c43}
.privacy{background:#091624;--line:#35485c;--muted:#bdcddd}
@media(max-width:760px){#booking-form{padding:22px}.services,.booking,.contact{background-position:50% 50%}}
@media(max-width:400px){#booking-form{padding:18px}}

/* Agreed section motion and non-clickable service-card highlight. */
@keyframes section-arrival{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .section-arrived{animation:section-arrival .6s cubic-bezier(.2,.65,.3,1) both}
  .service-grid article{transition:background-color .25s,box-shadow .25s}
}
@media(hover:hover) and (pointer:fine){
  .service-grid article:hover{background:rgba(22,48,73,.92);box-shadow:inset 0 0 0 1px #56b9ff,0 0 18px #56b9ff12;cursor:default}
}
@media(prefers-reduced-motion:reduce){.section-arrived{animation:none!important}}