/* Page-specific styles for cheap-web-development-company.php; extracted without visual redesign. */

:root{--black:#090909;--dark:#121212;--yellow:#ffd400;--soft:#fff8cf;--white:#fff;--gray:#f6f6f6;--line:#e6e6e6;--text:#202020}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}
.page-title{background:radial-gradient(circle at 15% 20%,#333 0,#151515 34%,#050505 72%)!important;padding:82px 0 72px!important;position:relative;overflow:hidden}
.page-title:before{content:"";position:absolute;width:330px;height:330px;border:70px solid rgba(255,212,0,.08);border-radius:50%;right:-120px;top:-150px}
.page-title:after{content:"";position:absolute;width:120px;height:120px;background:rgba(255,212,0,.08);transform:rotate(45deg);left:-55px;bottom:-65px}
.page-title .container{position:relative;z-index:2}
.page-title h2{color:#fff!important;font-size:44px!important;font-weight:900!important;letter-spacing:.2px;margin:8px 0 12px}
.page-title p{color:#e8e8e8!important;font-size:16px;font-weight:600;max-width:820px;margin:0 auto;line-height:1.7}
.hero-kicker{display:inline-block;background:var(--yellow);color:#111;padding:8px 16px;border-radius:30px;font-size:11px;font-weight:900;letter-spacing:1.2px}
.section-title h2{font-weight:900;color:#111}
.section-title p{font-weight:700}
.pricing-area{padding:72px 0;background:linear-gradient(180deg,#fafafa,#f2f2f2)}
.price-intro{max-width:920px;margin:0 auto 38px;text-align:center}
.price-intro p{font-size:14px;line-height:1.8}
.price-intro strong{color:#111}
.plan-card{height:100%;background:#fff;border:1px solid #ddd;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.08);transition:.25s;position:relative}
.plan-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(0,0,0,.14)}
.plan-card.popular{border:2px solid var(--yellow);box-shadow:0 18px 40px rgba(255,212,0,.18)}
.plan-top{background:linear-gradient(145deg,#090909,#252525);color:#fff;padding:27px 20px 24px;text-align:center;min-height:166px}
.plan-card.popular .plan-top{background:linear-gradient(145deg,#111,#000)}
.plan-badge{display:inline-block;background:var(--yellow);color:#111;padding:6px 13px;border-radius:20px;font-size:10px;font-weight:900;margin-bottom:9px}
.plan-top h2{color:#fff;font-size:25px;font-weight:900;margin:4px 0 10px}
.plan-price{font-size:31px;font-weight:900;color:var(--yellow);line-height:1.2}
.plan-time{font-size:12px;color:#ddd;font-weight:700;margin-top:7px}
.plan-body{padding:23px 21px 24px}
.plan-body ul{margin:0 0 19px;padding:0;list-style:none;min-height:250px}
.plan-body li{font-size:13px;font-weight:700;padding:9px 0;border-bottom:1px solid #eee;line-height:1.45}
.plan-body li:last-child{border-bottom:0}
.plan-body li i{color:#111;background:var(--yellow);border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;margin-right:7px;font-size:9px}
.plan-btn{display:block;text-align:center;background:#111;color:#fff!important;border-radius:9px;padding:13px;font-weight:900;text-decoration:none!important}
.plan-btn:hover{background:var(--yellow);color:#111!important}
.plan-note{text-align:center;font-size:11px;color:#777;font-weight:600;margin-top:8px}
.feature-strip{padding:62px 0;background:#0b0b0b;position:relative}
.feature-strip:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--yellow)}
.feature-heading{text-align:center;margin-bottom:30px}
.feature-heading h2{color:#fff;font-weight:900;margin:0 0 8px}
.feature-heading p{color:#bbb;font-size:13px;font-weight:600;margin:0}
.feature-box{height:100%;border:1px solid #383838;border-radius:16px;padding:25px 20px;text-align:center;background:linear-gradient(145deg,#181818,#101010)}
.feature-box i{font-size:29px;color:var(--yellow);margin-bottom:12px}
.feature-box h3{font-size:18px;color:#fff;font-weight:900}
.feature-box p{font-size:13px;color:#ccc;font-weight:600;margin:0;line-height:1.65}
.content-area{padding:70px 0;background:#fff}
.content-card{background:#fff;border-radius:18px;padding:38px;box-shadow:0 10px 32px rgba(0,0,0,.07);border:1px solid #eee}
.content-card h2{font-weight:900;color:#111}
.content-card h3{font-weight:900;margin-top:27px;color:#111}
.content-card p,.content-card li{font-size:14px;line-height:1.85;font-weight:500}
.content-card ul{padding-left:20px}
.ap-card{background:linear-gradient(135deg,#090909,#1c1c1c);color:#fff;border-radius:20px;padding:32px 28px;margin-top:35px;border:1px solid #333;position:relative;overflow:hidden}
.ap-card:after{content:"AP";position:absolute;right:-10px;top:-30px;font-size:160px;line-height:1;color:rgba(255,212,0,.06);font-weight:900}
.ap-inner{position:relative;z-index:2}
.ap-photo-wrap{width:120px;height:120px;margin:0 auto 17px;padding:5px;border-radius:50%;background:var(--yellow)}
.ap-card img{width:110px;height:110px;object-fit:cover;border-radius:50%;display:block}
.ap-card h3{color:#fff;font-weight:900;text-align:center;margin:7px 0 7px;font-size:23px}
.ap-role{text-align:center;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.ap-card p{text-align:center;color:#ddd;font-size:13px;line-height:1.75;max-width:720px;margin:13px auto}
.ap-points{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0}
.ap-points span{border:1px solid #444;background:#151515;padding:7px 11px;border-radius:20px;font-size:11px;font-weight:700;color:#eee}
.ap-btn{display:inline-block;background:var(--yellow);color:#111!important;padding:12px 22px;border-radius:8px;font-weight:900;text-decoration:none!important}
.cta-enquiry-row{padding:65px 0;background:#f3f3f3}
.cta-panel,.enquiry-panel{height:100%;border-radius:20px;padding:34px 30px}
.cta-panel{background:linear-gradient(145deg,#ffd400,#ffe86a);box-shadow:0 14px 32px rgba(0,0,0,.1)}
.cta-panel h2,.enquiry-panel h2{font-size:29px;font-weight:900;margin:0 0 12px}
.cta-panel p{font-size:14px;line-height:1.7;font-weight:700}
.cta-actions{margin-top:20px}
.cta-btn{display:inline-block;background:#111;color:#fff!important;padding:13px 19px;border-radius:8px;font-weight:900;text-decoration:none;margin:4px}
.cta-btn.light{background:#fff;color:#111!important}
.enquiry-panel{background:#111;box-shadow:0 14px 32px rgba(0,0,0,.15)}
.enquiry-panel h2{color:#fff}
.enquiry-panel>p{color:#ccc;font-size:13px;line-height:1.6}
.enquiry-box{padding:0!important;background:transparent!important;max-width:none!important}
.enquiry-box input,.enquiry-box select,.enquiry-box textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:7px;margin-bottom:11px;font-size:13px}
.enquiry-box button{width:100%;padding:13px;background:var(--yellow);border:0;border-radius:7px;color:#111;font-weight:900;cursor:pointer}
.enquiry-box button:hover{background:#fff}
.faq{padding:70px 0;background:#fff}
.faq-item{border:1px solid #e4e4e4;border-radius:10px;padding:17px 19px;margin-bottom:11px;background:#fff}
.faq-item h3{font-size:16px;font-weight:900;color:#111;margin:0 0 7px}
.faq-item p{font-size:13px;line-height:1.7;margin:0;color:#555}
@media(max-width:991px){.plan-card{margin-bottom:25px}.plan-body ul{min-height:0}.page-title h2{font-size:34px!important}.content-card{padding:25px}}
@media(max-width:767px){.page-title{padding:60px 0 55px!important}.page-title h2{font-size:29px!important}.page-title p{font-size:14px}.pricing-area,.content-area,.faq{padding:50px 0}.cta-panel,.enquiry-panel{padding:27px 21px;margin-bottom:20px}.cta-panel h2,.enquiry-panel h2{font-size:25px}.ap-card{padding:28px 18px}}