*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--sky:#4db8e8;--sky-deep:#1a8fc4;--glass:#e8f6fc;--white:#fff;--ink:#0f3a4d;--muted:#4a7080}
html{scroll-behavior:smooth}
body{font-family:"Open Sans",system-ui,sans-serif;background:var(--glass);color:var(--ink);line-height:1.6}
.wrap{width:min(1060px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(77,184,232,.3)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;gap:1rem}
.logo{font-family:Quicksand,sans-serif;font-weight:700;font-size:1.35rem;color:var(--sky-deep);text-decoration:none}
.logo span{font-weight:600;color:var(--ink);font-size:1rem}
nav{display:flex;gap:1.2rem}
nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:.92rem}
nav a:hover{color:var(--sky-deep)}
.btn{display:inline-flex;padding:.75rem 1.35rem;border-radius:10px;font-weight:700;text-decoration:none}
.btn-call{background:var(--sky);color:#fff}
.btn-primary{background:var(--sky-deep);color:#fff;box-shadow:0 8px 24px rgba(26,143,196,.3)}
.hero{position:relative;padding:4.5rem 0 4rem;overflow:hidden;background:linear-gradient(180deg,#b8e4f5 0%,var(--glass) 65%)}
.panes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:2rem 5%;opacity:.35;pointer-events:none}
.pane{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(77,184,232,.25));border:2px solid rgba(255,255,255,.7);border-radius:6px;box-shadow:inset 0 0 30px rgba(255,255,255,.5)}
.hero-content{position:relative;max-width:600px}
.eyebrow{font-family:Quicksand,sans-serif;font-weight:700;color:var(--sky-deep);font-size:.85rem;margin-bottom:.7rem}
h1{font-family:Quicksand,sans-serif;font-size:clamp(2rem,4.5vw,3rem);line-height:1.15;margin-bottom:1rem;font-weight:700}
.lede{color:var(--muted);font-size:1.08rem;margin-bottom:1.6rem;max-width:42ch}
.services{padding:3.5rem 0;background:#fff}
h2{font-family:Quicksand,sans-serif;font-size:1.85rem;color:var(--sky-deep);margin-bottom:1.5rem;font-weight:700}
.svc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem}
.glass{padding:1.5rem;background:var(--glass);border-radius:14px;border:1px solid rgba(77,184,232,.35);backdrop-filter:blur(4px);box-shadow:0 4px 16px rgba(26,143,196,.08)}
.glass h3{font-family:Quicksand,sans-serif;margin-bottom:.4rem;color:var(--ink)}
.glass p{color:var(--muted);font-size:.95rem}
.area{padding:2rem 0 2.5rem}
.area-pill{background:linear-gradient(135deg,var(--sky),var(--sky-deep));color:#fff;padding:2rem;border-radius:20px}
.area-pill h2{color:#fff}
.area-pill p{font-size:1.08rem;opacity:.95}
.area-pill strong{font-weight:700}
.why{padding:2rem 0 3.5rem;background:#fff}
.why ul{list-style:none;display:grid;gap:.7rem;max-width:48ch}
.why li{padding-left:1.6rem;position:relative;color:var(--muted)}
.why li::before{content:"◇";position:absolute;left:0;color:var(--sky);font-weight:700}
.site-footer{background:var(--sky-deep);color:#c5e8f5;padding:1.4rem 0}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:center}
.site-footer a{color:#fff;font-weight:700;text-decoration:none;font-size:1.1rem;font-family:Quicksand,sans-serif}
@media(max-width:800px){nav{display:none}.panes{display:none}.svc-cards{grid-template-columns:1fr}}