/* ===== Inner pages: /services/ and /contact/ ===== */
.page-hero{position:relative;background:radial-gradient(900px 480px at 85% -10%,#1B4E86 0%,transparent 60%),linear-gradient(180deg,var(--ink) 0%,#0C2140 100%);color:#C9D6E6;padding:150px 0 72px;overflow:hidden;isolation:isolate}
.page-hero .hero__grid{opacity:.8}
.crumbs{display:flex;gap:8px;font:600 13px var(--display);color:#8FA5BF;margin-bottom:18px}
.crumbs a:hover{color:#fff}
.page-hero h1{font-size:clamp(36px,5vw,60px);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.06;max-width:820px}
.page-hero h1 em{color:var(--sky)}
.page-hero p{font-size:18px;color:#AFC2D8;max-width:620px;margin-top:18px}
.jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.jump a{padding:10px 16px;border-radius:999px;font:600 14px var(--display);color:#DCE8F5;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:background-color .2s ease,color .2s ease}
.jump a:hover{background:rgba(255,255,255,.16);color:#fff}

/* intro */
.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
.intro p{color:var(--muted);margin-top:14px;font-size:17px}
.intro__card{background:var(--tint);border-radius:24px;padding:36px}
.intro__card h2{font-size:26px;margin-bottom:6px}

/* service rows */
.svc-row{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center;padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:90px}
.svc-row:first-child{border-top:0;padding-top:0}
.svc-row:nth-child(even) .svc-row__media{order:2}
.svc-row__media{border-radius:28px;overflow:hidden;background:#E9F2FA;box-shadow:var(--shadow)}
.svc-row__media img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s var(--ease)}
.svc-row:hover .svc-row__media img{transform:scale(1.03)}
.svc-row__num{font:800 14px var(--display);color:var(--blue-text);letter-spacing:.1em}
.svc-row h2{font-size:clamp(28px,3.2vw,40px);margin:10px 0 14px}
.svc-row p{color:var(--muted);font-size:17px}
.svc-row .checklist{grid-template-columns:1fr 1fr;margin:26px 0 30px}
.svc-row__actions{display:flex;flex-wrap:wrap;gap:12px}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:start}
.info-cards{display:grid;gap:14px;margin-top:28px}
.info-card{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:18px}
.info-card h3{font-size:16px;margin-bottom:4px}
.info-card p,.info-card a{color:var(--muted);font-size:15.5px}
.info-card a:hover{color:var(--blue-text)}
.info-card .pillars__ic{flex:none}
.enquiry{background:var(--ink);border-radius:28px;padding:36px;color:#C9D6E6;box-shadow:var(--shadow-lg);scroll-margin-top:100px}
.enquiry h2{color:#fff;font-size:28px}
.enquiry > p{margin:8px 0 22px;color:#9FB2C8}
.enquiry .lead-form{background:transparent;border:0;padding:0;backdrop-filter:none}
.lead-form textarea{font:500 15px var(--font);padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.95);color:var(--ink);width:100%;min-height:110px;resize:vertical}
.map{border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:21/9;background:var(--tint)}
.map iframe{width:100%;height:100%;border:0;display:block}
.notsure{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:var(--tint);border-radius:28px;padding:44px}
.notsure p{color:var(--muted);margin-top:12px;font-size:17px}
.notsure__actions{display:grid;gap:12px}

/* homepage: service cards link to their detail */
.svc__more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font:600 14px var(--display);color:var(--sky)}
.svc__more::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc--feature .svc__more{color:#fff}
.post--soon .post__tag{color:var(--muted)}

@media (max-width:1080px){
  .intro,.contact-grid,.notsure{grid-template-columns:1fr}
  .svc-row{grid-template-columns:1fr;gap:28px}
  .svc-row:nth-child(even) .svc-row__media{order:0}
  .svc-row__media{max-width:520px}
}
@media (max-width:760px){
  .page-hero{padding:118px 0 56px}
  .svc-row .checklist{grid-template-columns:1fr}
  .svc-row__actions .btn{width:100%}
  .enquiry,.notsure{padding:26px}
  .map{aspect-ratio:4/3}
}