/* Service page layout (extends home.css design system) */
.service-hero{
    position:relative;
    min-height:70vh;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin-top:0;
}
.service-hero .hero-bg,
.service-hero .hero-overlay{position:absolute;inset:0}
.service-hero .hero-bg{background:var(--service-hero-bg-desktop, url('/assets/images/hero-clean-1440.webp')) center 35%/cover no-repeat}
.service-hero .hero-overlay{background:linear-gradient(180deg,rgba(7,11,30,.88),rgba(7,11,30,.78))}
.service-hero .hero-content{position:relative;z-index:2;text-align:center;max-width:760px;padding:2.15rem 1.25rem}
.hero-kicker{display:inline-block;margin-bottom:.9rem;padding:.35rem .72rem;border:1px solid rgba(252,236,72,.34);border-radius:999px;color:var(--gold);font-size:.74rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
.service-hero h1{font-size:clamp(2.15rem,5vw,3.45rem);line-height:1.06;color:#fff;font-weight:900;letter-spacing:-.03em;margin-bottom:.92rem}
.service-hero p{color:var(--text-light);font-size:clamp(1rem,2.3vw,1.18rem);max-width:60ch;line-height:1.66;margin:0 auto 1.95rem}

.breadcrumbs{background:#fff;border-bottom:1px solid #e8e8e8;padding:.88rem 0;font-size:.82rem;margin-top:var(--header-h)}
.breadcrumbs .wrap{color:#4f5566;display:flex;align-items:center;flex-wrap:wrap;gap:0}
.breadcrumbs a{color:var(--navy);font-weight:600}
.breadcrumbs span.sep{margin:0 .4rem;color:#b0b4be}

.service-kpi{padding:2.3rem 0;background:#fff;border-bottom:1px solid #eceef3}
.service-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}
.service-kpi-num{font-size:clamp(1.65rem,4vw,2.4rem);color:var(--navy);line-height:1;font-weight:900}
.service-kpi-label{margin-top:.32rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#656b77;font-weight:650}

/* Cohesive card system for service/area/guide detail pages */
.included-card,
.timeline-item,
.fit-card,
.pricing-item,
.resource-card,
.cred-item{
    border:1px solid var(--border-card,#e5e9f3);
    border-radius:var(--radius-card-md,16px);
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
    transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .2s ease,background-color .2s ease;
}
.included-card:hover,
.timeline-item:hover,
.fit-card:hover,
.pricing-item:hover,
.resource-card:hover,
.cred-item:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-card-soft,0 8px 24px rgba(16,34,84,.06));
    border-color:rgba(252,236,72,.52);
}

.included-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.included-card{padding:1.16rem 1.08rem}
.included-card-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.48rem}
.included-icon{width:28px;height:28px;border-radius:50%;background:rgba(252,236,72,.23);display:inline-flex;align-items:center;justify-content:center;color:#8a6a00;font-weight:800;font-size:.84rem}
.included-card h3{font-size:1rem;font-weight:760;line-height:1.25;letter-spacing:-.01em}
.included-card p{font-size:.88rem;color:var(--text-sub);line-height:1.62}

.timeline-wrap{max-width:900px;margin:0 auto}
.timeline-list{list-style:none;display:grid;gap:.8rem}
.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:.72rem;align-items:flex-start;padding:.95rem}
.timeline-step{width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:800;flex-shrink:0}
.timeline-copy h3{font-size:.98rem;font-weight:760;line-height:1.24;letter-spacing:-.01em;margin-bottom:.32rem}
.timeline-copy p{font-size:.86rem;color:var(--text-sub);line-height:1.6}

.fit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1rem}
.fit-card{padding:1.24rem 1.08rem}
.fit-card h3{font-size:1rem;font-weight:760;line-height:1.24;letter-spacing:-.01em;margin-bottom:.42rem}
.fit-card p{font-size:.88rem;line-height:1.62;color:var(--text-sub)}

.pricing-list{max-width:860px;margin:0 auto;display:grid;gap:.62rem}
.pricing-item{display:flex;align-items:flex-start;gap:.62rem;padding:.85rem .96rem;font-size:.9rem;line-height:1.56;color:#2e3340}
.pricing-dot{width:8px;height:8px;border-radius:50%;background:var(--gold2);margin-top:.35rem;flex-shrink:0}

.service-areas{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.service-areas span,
.service-areas a{border:1px solid #dbe0ea;background:#fff;color:#1f2a44;font-size:.83rem;font-weight:600;padding:.42rem .88rem;border-radius:999px;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.service-areas a:hover{border-color:#fcec48;background:rgba(252,236,72,.12);transform:translateY(-1px);box-shadow:0 4px 12px rgba(15,23,42,.08)}
.link-pill-grid{justify-content:flex-start;gap:.62rem}
.link-pill-grid a{padding:.5rem .95rem;font-size:.82rem;line-height:1.2}
.link-pill-grid-services a{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}

.resource-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}
.resource-card{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1rem;color:#1f2a44;box-shadow:0 1px 4px rgba(15,23,42,.04)}
.resource-card:hover{background:#fffef0}
.resource-label{font-size:.86rem;font-weight:600;line-height:1.45}
.resource-cta{font-size:.73rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7384;white-space:nowrap}
.resource-card:hover .resource-cta{color:#8a6a00}

.cred-list{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}
.cred-item{display:flex;align-items:flex-start;gap:.62rem;padding:.86rem .96rem}
.cred-icon{width:22px;height:22px;border-radius:50%;background:rgba(252,236,72,.26);display:inline-flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:800;color:#7a5d00;flex-shrink:0;margin-top:.08rem}
.cred-copy{font-size:.9rem;color:#2e3340;line-height:1.58}

#included,#timeline,#pricing,#related-services,#guides,#resources,#quality-signals,#faq,#quote{
    scroll-margin-top:calc(var(--header-h) + 88px);
}

@media(max-width:900px){
    .service-hero .hero-bg{background:var(--service-hero-bg-mobile,var(--service-hero-bg-desktop,url('/assets/images/hero-clean-1440.webp'))) center 35%/cover no-repeat}
}

@media(max-width:700px){
    .service-kpi-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem .8rem}
    .timeline-item{grid-template-columns:1fr}
    .timeline-step{width:34px;height:34px}
    .resource-grid,.cred-list{grid-template-columns:1fr}
    .link-pill-grid{justify-content:flex-start}
    .service-hero h1{font-size:clamp(1.95rem,8.6vw,2.6rem)}
}