/* DASC MOB DESIGN — page styles: services
   Shared components (lightbox, filter buttons, page-hero light theme,
   form messages) live in assets/css/main.css. */

.services-hero-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); margin-top:48px; }
.service-big-card { background:var(--bg-card); padding:48px 36px; position:relative; overflow:hidden; text-decoration:none; color:inherit; display:block; transition:background var(--transition); }
.service-big-card:hover { background:var(--bg-mid); }
.service-big-card::after { content:attr(data-num); position:absolute; bottom:-20px; right:16px; font-family:var(--font-heading); font-size:6rem; font-weight:700; color:rgba(200,169,110,0.06); line-height:1; user-select:none; }
.service-big-icon { width:56px; height:56px; margin-bottom:24px; }
.service-big-icon svg { width:100%; height:100%; fill:none; stroke:var(--gold); stroke-width:1; }
.service-big-title { font-family:var(--font-heading); font-size:1.2rem; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--text); margin-bottom:14px; }
.service-big-desc { font-size:0.88rem; color:var(--text-muted); line-height:1.8; margin-bottom:24px; }
.service-big-features { list-style:none; }
.service-big-features li { font-size:0.83rem; color:var(--text-muted); padding:6px 0; border-bottom:1px solid var(--border); display:flex; gap:8px; align-items:flex-start; }
.service-big-features li::before { content:'›'; color:var(--gold); font-size:1.1rem; flex-shrink:0; line-height:1.5; }
.service-big-link { display:inline-flex; align-items:center; gap:8px; margin-top:24px; font-family:var(--font-heading); font-size:0.78rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); }
.service-big-link svg { width:14px; height:14px; fill:currentColor; }
@media(max-width:1024px){ .services-hero-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .services-hero-grid{grid-template-columns:1fr;} }
[data-theme="light"] .page-hero { background:linear-gradient(135deg,#F5F3EF 60%,#EDE9E3 100%); }