.service-hero { padding: 36px 0 64px; background: radial-gradient(ellipse at 85% 10%,#d4a94a0d,transparent 65%); }
.service-back { display: inline-block; font-size: .8rem; color: #b8c1d2; margin-bottom: 46px; padding: 8px 0; }
.service-hero-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(260px,1fr); gap: 64px; align-items: center; }
.service-hero h1 { font-size: clamp(2.2rem,4.1vw,3.5rem); letter-spacing: -.045em; line-height: 1.12; margin-bottom: 24px; }
.service-hero .lead { font-size: 1.06rem; line-height: 1.85; color: #b8c1d2; }
.service-hero .hero-cta { margin-top: 28px; }
.service-price-card { border: 1px solid #51432d; border-top: 3px solid var(--gold); border-radius: 12px; background: linear-gradient(160deg,#222536,#101624); padding: 30px; }
.service-price-main { font-size: clamp(1.8rem,2.7vw,2.6rem); color: var(--gold-light); line-height: 1.35; font-weight: 650; letter-spacing: -.035em; margin: 18px 0; }
.service-price-main small { display: block; font-size: .8rem; color: #bdc5d5; font-weight: 400; letter-spacing: 0; margin-top: 10px; }
.service-price-note { font-size: .78rem; color: #b8c1d2; line-height: 1.85; margin-bottom: 22px; }
.service-price-card > a { display: inline-block; padding-top: 14px; border-top: 1px solid #455064; width: 100%; font-size: .84rem; }
.service-audience { display: grid; grid-template-columns: 160px 1fr; gap: 28px; padding: 26px 30px; border-left: 2px solid var(--gold); background: var(--surface); margin-bottom: 50px; }
.service-audience > span { color: var(--gold-light); font-size: .76rem; text-transform: uppercase; letter-spacing: .08em; padding-top: 4px; }
.service-audience > p { color: #d5dbe6; font-size: 1.06rem; line-height: 1.8; }
.service-scope { padding: 0 0 64px; }
.service-scope-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.service-scope-grid article { border: 1px solid var(--border); background: var(--bg-alt); padding: 28px; border-radius: 10px; }
.service-step { color: var(--gold-light); font-size: .74rem; }
.service-scope-grid h3,.service-process h3 { margin: 18px 0 12px; font-size: 1.12rem; }
.service-scope-grid p,.service-process p { color: #b8c1d2; line-height: 1.85; font-size: .94rem; }
.service-process { padding: 55px 0; border-block: 1px solid var(--border); }
.service-process ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; list-style: none; }
.service-process li { border-top: 1px solid #48546b; padding-top: 20px; }
.service-pricing { padding: 64px 0; }
.service-pricing-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 70px; }
.service-pricing-grid > div > p { color: #b8c1d2; font-size: .85rem; line-height: 1.85; }
.service-pricing-grid .btn { margin-top: 24px; }
.service-price-row { display: flex; justify-content: space-between; align-items: start; gap: 24px; padding: 21px 0; border-bottom: 1px solid var(--border); }
.service-price-row:first-child { padding-top: 0; }
.service-price-row > span { font-size: .93rem; padding-top: 5px; }
.service-price-row strong { color: var(--gold-light); font-size: 1.5rem; text-align: right; line-height: 1.5; }
.service-price-row small { display: block; color: var(--muted); font-weight: 400; font-size: .74rem; }
.service-price-lines .service-limits { padding-top: 24px; font-size: .78rem; }
.service-proof { padding: 32px 0; background: var(--surface); }
.service-proof .eyebrow { font-size: .7rem; }
.service-proof-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 50px; align-items: center; }
.service-proof p { color: #b8c1d2; font-size: .85rem; line-height: 1.85; }
.service-proof-grid > div { display: flex; flex-wrap: wrap; gap: 14px 28px; }
.service-proof a { display: inline-flex; align-items: center; gap: 20px; font-size: 1.1rem; padding: 12px 0; }
.service-faq { padding: 64px 0; }
.service-faq h2 { margin-bottom: 28px; }
.service-contact { padding: 0 0 64px; }
.service-contact-box { text-align: center; padding: 42px 30px; background: linear-gradient(155deg,#222434,#111827); border: 1px solid #55462d; border-radius: 14px; }
.service-contact-box h2 { max-width: 750px; margin: 0 auto 26px; font-size: clamp(1.6rem,3vw,2.15rem); }
.service-contact-box p { color: var(--muted); font-size: .76rem; margin: 18px 0 10px; }
.service-contact-box > a:last-child { font-size: .8rem; }
.service-other-label { margin: 40px 0 20px; font-size: .87rem; font-weight: 500; color: var(--muted); }
.service-directory { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 28px; }
.service-directory a { border: 1px solid var(--border); border-radius: 9px; padding: 19px; color: var(--text); background: #0f1524; }
.service-directory a:hover { border-color: var(--gold); }
.service-directory span { display: block; font-size: .95rem; font-weight: 600; }
.service-directory small { display: block; color: var(--gold-light); font-size: .7rem; margin-top: 9px; }
@media(max-width:900px) { .service-hero-grid { gap: 28px; grid-template-columns: 1.4fr 1fr; } .service-price-card { padding: 24px; } .service-pricing-grid { gap: 32px; } .service-directory { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .service-hero { padding-top: 24px; } .service-back { margin-bottom: 28px; } .service-hero-grid,.service-audience,.service-scope-grid,.service-process ol,.service-pricing-grid,.service-proof-grid { grid-template-columns: minmax(0,1fr); } .service-hero h1 { font-size: clamp(1.9rem,7vw,2.6rem); } .service-hero .eyebrow { font-size: .7rem; } .service-audience { gap: 10px; padding: 22px; margin-bottom: 35px; } .service-scope-grid article { padding: 24px; } .service-hero .hero-cta { align-items: stretch; } .service-hero .hero-cta .btn { width: 100%; } .service-price-row { gap: 16px; flex-wrap: wrap; } .service-price-row strong { margin-left: auto; font-size: 1.3rem; } .service-proof-grid { gap: 16px; } .service-contact-box { padding: 30px 20px; } .service-directory { gap: 10px; } .service-directory a { padding: 16px; } }