/* ── Services Page Styles ─────────────────────────────── */
.svc-tab-bar { white-space:nowrap; scrollbar-width:none; }
.svc-tab-bar::-webkit-scrollbar { display:none; }
.svc-tab {
    display:inline-flex;align-items:center;gap:8px;
    padding:16px 22px;font-size:13px;font-weight:600;
    font-family:'Inter',sans-serif;color:#555;
    text-decoration:none;border-bottom:3px solid transparent;
    transition:all 0.2s;white-space:nowrap;flex-shrink:0;
}
.svc-tab:hover { color:#0a2850;border-bottom-color:rgba(200,169,110,0.4); }
.svc-tab.active { color:#C8A96E !important;border-bottom-color:#C8A96E !important; }
.svc-tab i { font-size:14px; }

.svc-img-frame { position:relative;overflow:hidden; }
.svc-img-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(5,12,26,0.35),transparent 55%); }
.svc-img-badge {
    position:absolute;top:24px;left:24px;
    width:52px;height:52px;display:flex;align-items:center;justify-content:center;
    backdrop-filter:blur(4px);
}
.svc-img-badge.gold  { background:rgba(200,169,110,0.15);border:1px solid rgba(200,169,110,0.4);color:#C8A96E; }
.svc-img-badge.ocean { background:rgba(42,157,200,0.15);border:1px solid rgba(42,157,200,0.4);color:#2A9DC8; }
.svc-img-number {
    position:absolute;bottom:20px;right:24px;
    font-size:72px;font-weight:900;color:rgba(200,169,110,0.2);
    font-family:'Roboto',sans-serif;line-height:1;letter-spacing:-4px;
    pointer-events:none;user-select:none;
}
.svc-img-number.ocean-num { color:rgba(42,157,200,0.2); }

.svc-content-wrap { position:relative;padding:8px 0; }
.svc-number-ghost {
    position:absolute;top:-32px;left:-8px;
    font-size:110px;font-weight:900;color:transparent;
    -webkit-text-stroke:1px rgba(200,169,110,0.1);
    font-family:'Roboto',sans-serif;line-height:1;
    pointer-events:none;user-select:none;z-index:0;
}
.svc-number-ghost.ocean-ghost { -webkit-text-stroke-color:rgba(42,157,200,0.08); }

.svc-title {
    font-family:'Roboto',sans-serif;font-weight:800;
    font-size:clamp(26px,3vw,40px);letter-spacing:-1px;
    line-height:1.1;color:#0a2850;margin-bottom:16px;
    position:relative;z-index:1;
}
.svc-lead { color:#555;line-height:1.85;font-size:15px;margin-bottom:24px;position:relative;z-index:1; }

.svc-feature-card {
    display:flex;align-items:flex-start;gap:12px;
    background:#f8fafc;border:1px solid rgba(200,169,110,0.15);
    border-left:3px solid #C8A96E;padding:14px 16px;height:100%;
    transition:all 0.25s;
}
.svc-feature-card:hover { background:#fff;box-shadow:0 4px 16px rgba(10,40,80,0.08); }
.svc-feature-card.ocean-card { border-left-color:#2A9DC8;border-color:rgba(42,157,200,0.15);background:#f8fafc; }
.svc-fc-icon { font-size:16px;margin-top:2px;flex-shrink:0; }
.svc-fc-icon.gold-icon  { color:#C8A96E; }
.svc-fc-icon.ocean-icon { color:#2A9DC8; }
.svc-fc-title { font-size:13px;font-weight:700;color:#0a2850;font-family:'Inter',sans-serif;line-height:1.3;margin-bottom:3px; }
.svc-fc-sub   { font-size:12px;color:#777;line-height:1.55; }

.svc-pill { font-size:11px;font-weight:700;letter-spacing:0.3px;padding:5px 12px;text-transform:uppercase;font-family:'Inter',sans-serif; }
.svc-pill.gold-pill  { background:rgba(200,169,110,0.1);border:1px solid rgba(200,169,110,0.3);color:#9a7840; }
.svc-pill.ocean-pill { background:rgba(42,157,200,0.08);border:1px solid rgba(42,157,200,0.25);color:#1a7da8; }

.svc-cta-btn {
    display:inline-flex;align-items:center;font-weight:700;font-size:13.5px;
    padding:13px 28px;border-radius:0;border:none;text-decoration:none;
    letter-spacing:0.3px;transition:all 0.25s;position:relative;z-index:1;
}
.svc-cta-btn.gold-btn  { background:#C8A96E;color:#050C1A; }
.svc-cta-btn.gold-btn:hover  { background:#b8994e;color:#050C1A; }
.svc-cta-btn.ocean-btn { background:#2A9DC8;color:#fff; }
.svc-cta-btn.ocean-btn:hover { background:#1a7da8;color:#fff; }

.svc-pillars { display:flex;flex-wrap:wrap;gap:10px; }
.svc-pillar {
    display:flex;align-items:center;gap:8px;
    background:rgba(200,169,110,0.08);border:1px solid rgba(200,169,110,0.2);
    border-left:3px solid #C8A96E;padding:9px 16px;
    font-size:13px;font-weight:700;color:#0a2850;font-family:'Inter',sans-serif;
}
.svc-lifecycle { display:flex;align-items:center;flex-wrap:wrap;gap:6px; }
.svc-lc-step {
    font-size:11px;font-weight:700;text-transform:uppercase;
    letter-spacing:0.5px;padding:6px 12px;font-family:'Inter',sans-serif;
}
.svc-lc-step.gold  { background:rgba(200,169,110,0.1);border:1px solid rgba(200,169,110,0.3);color:#9a7840; }
.svc-lc-step.ocean { background:rgba(42,157,200,0.08);border:1px solid rgba(42,157,200,0.25);color:#1a7da8; }

.svc-highlight-bar {
    display:flex;align-items:flex-start;gap:14px;
    background:rgba(200,169,110,0.06);border:1px solid rgba(200,169,110,0.2);
    border-left:4px solid #C8A96E;padding:16px 20px;
}

.svc-segment-tile {
    background:#fff;border:1px solid rgba(10,40,80,0.08);
    padding:28px 16px;text-align:center;position:relative;
    overflow:hidden;transition:all 0.28s;height:100%;
}
.svc-segment-tile:hover { background:#0a2850;transform:translateY(-4px);box-shadow:0 8px 24px rgba(10,40,80,0.15); }
.svc-segment-tile:hover > * { color:#fff !important; }

@media (max-width:991px) {
    .svc-tab { padding:12px 14px;font-size:12px; }
    .svc-tab i { display:none; }
    .svc-number-ghost { display:none; }
    .svc-img-frame img { height:280px !important; }
}
@media (max-width:575px) {
    .svc-tab span { font-size:11px; }
    .svc-lc-step { font-size:10px;padding:5px 8px; }
}