:root{
    --paloty:#e27924; --dark:#191919; --muted:#666; --chip:#f4f4f4;
}
.service-digital-interior{padding:22px 0;}
.service-digital-interior .svc-container{max-width:1280px;margin:0 auto;padding:0 16px}

/* HERO */
.svc-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.svc-hero-text h1{font-size:clamp(24px,3.2vw,36px);margin:0 0 8px}
.svc-hero-text p{color:var(--muted);margin:0 0 14px}
.svc-cta{display:flex;gap:10px;flex-wrap:wrap}
.btn{border-radius:12px;padding:12px 16px;font-weight:700;display:inline-block;text-decoration:none}
.svc-btn-primary{background:var(--paloty);color:#fff}
.svc-btn-primary:hover{background:#d1660f}
.svc-btn-ghost{background:#fff;border:1.8px solid var(--dark);color:var(--dark)}
.svc-btn-ghost:hover{background:var(--dark);color:#fff}
.svc-hero-media img{width:100%;border-radius:18px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.08)}

/* BENEFITS */
.svc-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.svc-benefit{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.svc-benefit i{color:var(--paloty);font-size:22px}
.svc-benefit h3{margin:8px 0 4px}

/* STEPS */
.svc-steps h2,.svc-pricing h2,.svc-portfolio h2,.svc-faq h2{font-size:20px;color:#555;margin:18px 0 8px}
.svc-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-step{background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.06);position:relative}
.step-num{position:absolute;right:12px;top:10px;background:#f1ece5;color:var(--paloty);border-radius:999px;padding:4px 8px;font-weight:800}

/* PRICING */
.svc-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px}
.svc-card-head{display:flex;align-items:center;justify-content:space-between}
.svc-card .price{color:#191919}
.svc-card .price strong{font-size:28px}
.svc-card.featured{border:2px solid var(--paloty)}
.svc-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.svc-list li{position:relative;padding-left:14px}
.svc-list li:before{content:"•";color:var(--paloty);position:absolute;left:0}

/* PORTFOLIO */
.svc-portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.svc-portfolio-grid img{width:100%;display:block;border-radius:14px}

/* FAQ */
.svc-faq details{background:#fff;border-radius:12px;padding:12px 14px;margin:8px 0;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.svc-faq summary{cursor:pointer;font-weight:700}
.svc-faq p{margin:8px 0 0;color:#555}

/* Wide CTA */
.svc-cta-wide{background:#f7f4ef;border-radius:16px;padding:18px;margin:18px 0;text-align:center}
.svc-cta-wide h3{margin:0 0 10px}

/* Responsive */
@media (max-width:1100px){
    .svc-hero{grid-template-columns:1fr}
    .svc-benefits{grid-template-columns:1fr 1fr}
    .svc-steps-grid,.svc-pricing-grid{grid-template-columns:1fr 1fr}
    .svc-portfolio-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:700px){
    .svc-benefits{grid-template-columns:1fr}
    .svc-steps-grid,.svc-pricing-grid{grid-template-columns:1fr}
    .svc-portfolio-grid{grid-template-columns:repeat(2,1fr)}
}