@charset "UTF-8";
/* CeyMeGo R42: independent, accessibility-minded travel UX. Preview only.
   Inspired by clear service-first app interactions, not a copy of another brand.
   All artwork/branding remains CeyMeGo's. No external fonts or trackers. */
:root{--r42-navy:#073541;--r42-teal:#087d75;--r42-focus:#19bba7}
html{scroll-padding-top:86px}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Sinhala",Arial,sans-serif;-webkit-font-smoothing:antialiased}
html[lang="si"] body,html[lang="si"] button,html[lang="si"] input,html[lang="si"] textarea,html[lang="si"] select{font-family:"Noto Sans Sinhala","Iskoola Pota","Malithi Web",system-ui,sans-serif;line-height:1.62}
html[lang="si"] h1,html[lang="si"] h2,html[lang="si"] h3,html[lang="si"] .btn,html[lang="si"] .brand-word,html[lang="si"] .quick-tile,html[lang="si"] .mobile-bottom a{letter-spacing:0!important;line-height:1.47;word-break:normal;overflow-wrap:break-word}
html[lang="si"] h1{font-weight:750}
html[lang="si"] p,html[lang="si"] .service-card p{line-height:1.73}
:where(button,a,input,textarea,select):focus-visible{outline:3px solid var(--r42-focus)!important;outline-offset:3px}
:where(.btn,.quick-tile,.header-quote,.card-link){min-height:44px}
/* Consistent visual language: gentle surfaces, visible actions and readable labels. */
.site-header{background:rgba(255,255,255,.985);border-bottom-color:#d7e8e3}
.hero{background:linear-gradient(135deg,#eefaf5,#f7fcfa)}
.hero .hero-left h1{max-width:740px}
.hero .btn-primary,.btn-primary{border-radius:15px;background:var(--r42-navy);color:#fff;box-shadow:0 10px 24px rgba(5,47,54,.15)}
.hero .btn-primary:hover,.btn-primary:hover{background:#0a5960}
.quick-start{box-shadow:0 17px 42px rgba(13,71,75,.10);border:1px solid #d3e8e1}
.quick-tile{border:1px solid #d4e8e1;background:#fcfffe;box-shadow:0 3px 13px rgba(5,55,61,.035);border-radius:17px;font-weight:770}
.quick-tile:hover,.quick-tile:focus-visible{border-color:#68beaa;background:#ecf8f2}
.quick-icon{border-radius:14px;background:#e2f4ed}
.services-grid .service-card{border-color:#d5e8e1;box-shadow:0 8px 25px rgba(10,62,66,.05)}
.services-grid .service-card:hover{border-color:#9bcdbf}
.status.enquiry{background:#e1f5e9;color:#15553e}
.status.pilot{background:#fff4da;color:#754815}
.status.planned{background:#eff2f6;color:#435d68}
.section-head h2,.status-notice h2,.partner-band h2{letter-spacing:-.02em}
/* Safer/honest status strip should not dominate the sales experience. */
.status-notice{background:#f3faf7;border-color:#c8e3dc;box-shadow:none}
.status-notice h2{color:#174a4b}
.status-notice p{line-height:1.75}
/* Mobile: lead with services. Four live enquiry choices before future roadmap. */
@media(max-width:750px){
  html{scroll-padding-top:74px}
  .topbar{height:67px}
  .brand-word strong{letter-spacing:-.03em}
  .hero{background:linear-gradient(115deg,rgba(247,254,250,.96),rgba(224,245,237,.89)),url('/assets/hills-640.webp') 50% 55%/cover no-repeat}
  .hero-inner{padding-block:28px 34px;display:block}
  .hero-visual{display:none}
  .hero h1{font-size:clamp(1.95rem,7.3vw,2.75rem);line-height:1.22;margin:8px 0 12px;letter-spacing:-.037em}
  .hero-intro{font-size:.97rem;line-height:1.67;max-width:540px}
  .hero-actions{margin-top:17px;gap:8px}
  .hero-actions .btn-primary{width:100%;min-height:52px;border-radius:16px;font-size:.96rem}
  .hero-actions .btn-light{background:#fffdfb;border-color:#cde2da;flex:1}
  .hero-foot{margin-top:12px;font-size:.77rem;line-height:1.5}
  .quick-start{margin-top:0;padding:18px 15px 17px;border-radius:20px;box-shadow:0 10px 28px rgba(8,65,68,.08)}
  .quick-label h2{font-size:1.19rem;line-height:1.45}
  .quick-label p{margin:6px 0 13px;line-height:1.5}
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .quick-tile{min-height:83px;padding:12px;align-items:center;gap:8px;font-size:.87rem;line-height:1.35}
  .quick-icon{width:42px;height:42px;min-width:42px}
  .quick-chevron{display:none}
  .section{padding-block:42px}
  .section-head{gap:8px;margin-bottom:17px}
  .section-head h2{font-size:clamp(1.45rem,5vw,1.9rem);line-height:1.38}
  .services-grid{gap:10px}
  .services-grid .service-card{padding:14px 12px;border-radius:17px}
  .service-card p{line-height:1.6}
  .future-section{background:#f1f7f5}
  .future-section .services-grid{opacity:.92}
  .status-notice{margin-bottom:45px;padding:18px;border-radius:19px}
  .status-notice h2{font-size:1.14rem;line-height:1.45}
  .status-notice p{font-size:.86rem}
  .footer-layout{column-gap:18px;row-gap:22px}
  .footer a{line-height:1.6;overflow-wrap:anywhere}
  .mobile-bottom{z-index:60;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(255,255,255,.985);box-shadow:0 -7px 25px rgba(4,45,49,.10)}
  .mobile-bottom a{min-height:62px;line-height:1.28;padding:8px 2px 9px;font-size:.71rem;text-align:center}
  .mobile-bottom a[href="/booking"]{color:#086b63;background:#e9f7f1;font-weight:850}
  .mobile-bottom a:focus-visible{outline-offset:-3px}
}
@media(max-width:390px){
  .brand-word small{display:none}
  html[lang="si"] .hero h1{font-size:1.98rem}
  .quick-tile{padding:9px;gap:7px;font-size:.78rem;min-height:75px}
  .quick-icon{width:36px;height:36px;min-width:36px}
  .quick-label h2{font-size:1.1rem}
  .hero-actions .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}