/* Service detail pages extend the existing visual system without replacing it. */
.detail-lead{max-width:820px;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.9;color:#5f5953}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d8d0c4;border:1px solid #d8d0c4}
.other-digital-support .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detail-card{min-height:240px;padding:clamp(28px,4vw,54px);background:#fff}
.detail-card .num{display:block;margin-bottom:28px;color:var(--gold);font-family:var(--sans);font-size:.78rem;font-weight:800;letter-spacing:.14em}
.detail-card h3{margin:0 0 16px;font-size:clamp(1.35rem,2.4vw,2rem)}
.detail-card p{margin:0;color:#625d57;line-height:1.9}
.detail-card ul{margin:18px 0 0;padding:0;list-style:none}
.detail-card li{position:relative;margin:9px 0;padding-left:18px;color:#625d57;line-height:1.7}
.detail-card li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.detail-summary{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(28px,5vw,76px);align-items:center}
.detail-summary h2{margin:12px 0 22px;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.08;text-wrap:balance}
.detail-summary p{color:#66605a;line-height:1.95}
.deliverable-panel{padding:clamp(28px,4vw,52px);border:1px solid #d8d0c4;background:#f4efe6}
.deliverable-panel strong{display:block;margin-bottom:10px;font-family:var(--serif);font-size:1.25rem}
.deliverable-panel ul{margin:20px 0 0;padding:0;list-style:none}
.deliverable-panel li{padding:11px 0;border-top:1px solid #d8d0c4;color:#4f4a45}
.flow-list{counter-reset:detail-flow;display:grid;gap:0;border-top:1px solid #d8d0c4}
.flow-item{counter-increment:detail-flow;display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;padding:28px 0;border-bottom:1px solid #d8d0c4}
.flow-item::before{content:counter(detail-flow,decimal-leading-zero);color:var(--gold);font-family:var(--sans);font-weight:800}
.flow-item h3{margin:0 0 8px;font-size:1.25rem}
.flow-item p{margin:0;color:#68625c;line-height:1.8}
.sample-callout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}
.sample-cover{display:block;width:100%;height:auto;border:1px solid #d8d0c4;background:#fff;box-shadow:0 18px 48px rgba(24,20,13,.12)}
.sample-copy h2{margin:12px 0 22px;font-size:clamp(2rem,4.5vw,4.2rem);line-height:1.08;text-wrap:balance}
.sample-copy p{color:#66605a;line-height:1.9}
.fictional-note{margin:20px 0;padding:15px 18px;border-left:3px solid var(--gold);background:#f4efe6;color:#5f5953;font-size:.88rem;line-height:1.7}
.detail-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;margin:24px 0 0}
.detail-price .main{font-family:var(--serif);font-size:clamp(2.1rem,5vw,4rem);line-height:1.1}
.detail-price .tax-label{font-size:.78rem;color:#5d5751}
.detail-price .tax-total{flex:0 0 100%;margin-top:4px;color:#756f68;font-size:.82rem}
.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.detail-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:var(--gold);color:#111;font-family:var(--sans);font-size:.9rem;font-weight:800}
.detail-action.secondary{border:1px solid #a79d90;background:transparent;color:#211f1c}
.detail-action.dark{background:#111;color:#fff}
.detail-action:hover{filter:brightness(.96)}
.scope-note{margin-top:22px;color:#756f68;font-size:.8rem;line-height:1.7}
.detail-footer-cta{text-align:center}
.detail-footer-cta h2{max-width:900px;margin:0 auto 20px;font-size:clamp(2rem,5vw,4.3rem);line-height:1.08}
.detail-footer-cta p{max-width:700px;margin:0 auto;color:#b8b2aa;line-height:1.85}
.detail-footer-cta .detail-actions{justify-content:center}
.service-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #d8d0c4;background:#d8d0c4}
.service-compare-card{display:flex;min-width:0;padding:clamp(26px,3vw,42px);background:#fff;flex-direction:column}
.service-compare-card>small{color:var(--gold);font-family:var(--sans);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.service-compare-card h3{margin:28px 0 14px;font-size:clamp(1.35rem,2.3vw,1.9rem)}
.service-compare-card>p{margin:0;color:#665f58;line-height:1.8}
.service-compare-card>ul{margin:0 0 24px;padding:0;list-style:none}
.service-compare-card>ul li{position:relative;margin:8px 0;padding-left:16px;color:#625d57;font-size:.86rem;line-height:1.65}
.service-compare-card>ul li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.compare-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px;margin:28px 0 18px}
.compare-price strong{font-family:var(--serif);font-size:clamp(1.7rem,2.9vw,2.7rem);font-weight:500;line-height:1.12}
.compare-price>span{color:#5f5953;font-size:.74rem}
.compare-price>small{flex:0 0 100%;color:#756f68;font-size:.78rem}
.compare-note{margin:-2px 0 18px;padding:11px 13px;border-left:2px solid var(--gold);background:#f4efe6;color:#5f5953;font-size:.78rem;line-height:1.65}
.compare-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto}
.compare-actions>a:not(.payment-button){display:inline-flex;align-items:center;width:max-content;min-height:44px;border-bottom:1px solid currentColor;color:#2c2926;font-family:var(--sans);font-size:.84rem;font-weight:750}
.compare-actions .payment-button{width:100%;margin-top:0;text-align:center;white-space:normal}
.mobile-break{display:none}

@media(max-width:900px){
  .detail-grid,.other-digital-support .detail-grid,.detail-summary,.sample-callout,.service-compare-grid{grid-template-columns:1fr}
  .service-compare-card{min-height:0;padding:28px 22px}
  .detail-card{min-height:0;padding:28px 22px}
  .detail-summary h2,.sample-copy h2{font-size:clamp(2rem,10.5vw,2.35rem)}
  .flow-item{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:22px 0}
  .detail-actions{display:grid;grid-template-columns:1fr}
  .detail-action{width:100%;padding:10px 16px;text-align:center}
}
@media(max-width:480px){.mobile-break{display:block}}