@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;700&display=swap');

.pg-area-anyang-paving{--c-primary:#232323;--c-accent:#C6E15C;--c-bg:#F8F8F5;background:var(--c-bg);font-family:'Gothic A1',sans-serif;font-weight:400;color:#2b2b2b}
.pg-area-anyang-paving h1,.pg-area-anyang-paving h2,.pg-area-anyang-paving h3{font-family:'Gothic A1',sans-serif;font-weight:700;color:var(--c-primary)}

.pg-area-anyang-paving .ap-hero{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden}
.pg-area-anyang-paving .ap-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.pg-area-anyang-paving .ap-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.5),rgba(20,20,20,.78));z-index:1}
.pg-area-anyang-paving .ap-hero-content{position:relative;z-index:2;width:100%;text-align:center;padding:60px 20px}
.pg-area-anyang-paving .ap-badge{display:inline-block;background:var(--c-accent);color:#232323;font-weight:700;font-size:.85rem;padding:6px 18px;border-radius:999px;letter-spacing:.04em}
.pg-area-anyang-paving .ap-hero h1{color:#fff;font-size:clamp(2rem,4.4vw,2.9rem);margin:16px 0 14px}
.pg-area-anyang-paving .ap-desc{color:#f0f0f0;font-size:1.05rem;line-height:1.75;max-width:640px;margin:0 auto}
.pg-area-anyang-paving .ap-hero-cta{margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.pg-area-anyang-paving .ap-btn{display:inline-block;padding:13px 28px;border-radius:8px;font-weight:700;text-decoration:none}
.pg-area-anyang-paving .ap-btn-fill{background:var(--c-accent);color:#232323}
.pg-area-anyang-paving .ap-btn-line{border:2px solid #fff;color:#fff}
.pg-area-anyang-paving .ap-cta-band .ap-btn-fill{background:var(--c-accent);color:#232323}

.pg-area-anyang-paving .ap-section{padding:48px 0}
.pg-area-anyang-paving .ap-alt{background:#EFEFE8}
.pg-area-anyang-paving .ap-intro{max-width:860px;margin:0 auto}
.pg-area-anyang-paving .ap-intro p{font-size:1.02rem;line-height:1.85;margin:0 0 18px;color:#3d3d3d}
.pg-area-anyang-paving .ap-phone{color:var(--c-primary);font-weight:700;border-bottom:2px solid var(--c-accent)}

.pg-area-anyang-paving .ap-head{text-align:center;margin-bottom:28px}
.pg-area-anyang-paving .ap-eyebrow{color:#6f8a1f;font-weight:700;letter-spacing:.08em;font-size:.85rem}
.pg-area-anyang-paving .ap-head h2{font-size:1.6rem;margin:8px 0 0}

.pg-area-anyang-paving .ap-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pg-area-anyang-paving .ap-card{background:#fff;border:1px solid #E4E4DC;border-radius:16px;padding:26px;box-shadow:0 8px 20px rgba(0,0,0,.05)}
.pg-area-anyang-paving .ap-card h3{font-size:1.05rem;margin:0 0 10px;border-left:4px solid var(--c-accent);padding-left:10px}
.pg-area-anyang-paving .ap-card p{margin:0;line-height:1.75;font-size:.94rem;color:#4a4a4a}

.pg-area-anyang-paving .ap-steps{max-width:760px;margin:0 auto;padding-left:0;list-style:none;counter-reset:ap-step}
.pg-area-anyang-paving .ap-steps li{counter-increment:ap-step;position:relative;padding:14px 20px 14px 56px;background:#fff;border:1px solid #E4E4DC;border-radius:12px;margin-bottom:12px;line-height:1.6}
.pg-area-anyang-paving .ap-steps li::before{content:counter(ap-step);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--c-accent);color:#232323;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}

.pg-area-anyang-paving .ap-faq-wrap{max-width:840px;margin:0 auto}
.pg-area-anyang-paving .ap-faq-item{background:#fff;border:1px solid #E4E4DC;border-radius:14px;padding:20px 24px;margin-bottom:14px}
.pg-area-anyang-paving .ap-faq-item dt{font-weight:700;color:var(--c-primary);margin-bottom:8px}
.pg-area-anyang-paving .ap-faq-item dt::before{content:"Q. ";color:#6f8a1f}
.pg-area-anyang-paving .ap-faq-item dd{margin:0;color:#4a4a4a;line-height:1.75;font-size:.95rem}

.pg-area-anyang-paving .ap-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pg-area-anyang-paving .ap-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block}
.pg-area-anyang-paving .ap-photo-grid figcaption{text-align:center;padding:10px 0 0;font-size:.9rem;color:#666}

.pg-area-anyang-paving .ap-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pg-area-anyang-paving .ap-related-card{display:block;background:#fff;border:1px solid #E4E4DC;border-radius:14px;padding:22px;text-decoration:none}
.pg-area-anyang-paving .ap-related-card .ap-tag{color:#6f8a1f;font-size:.8rem;font-weight:700}
.pg-area-anyang-paving .ap-related-card h3{font-size:1.05rem;margin:8px 0 0}

.pg-area-anyang-paving .ap-cta-band{background:var(--c-primary);padding:56px 0;text-align:center}
.pg-area-anyang-paving .ap-cta-band h2{color:#fff;font-size:1.6rem;margin:0 0 12px}
.pg-area-anyang-paving .ap-cta-band p{color:#ddd;margin:0 0 24px;line-height:1.7}

@media (max-width:820px){
  .pg-area-anyang-paving .ap-card-grid{grid-template-columns:1fr 1fr}
  .pg-area-anyang-paving .ap-photo-grid{grid-template-columns:1fr}
  .pg-area-anyang-paving .ap-related-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .pg-area-anyang-paving .ap-card-grid{grid-template-columns:1fr}
}