.services{padding:100px 0;background:linear-gradient(180deg,#faf8f3 0%,#f0ebe1 100%);position:relative}.services::before{content:'';position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(180deg,white,transparent)}.services .section-title{text-align:center;margin-bottom:60px;font-size:clamp(2rem,4vw,3rem)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1100px;margin:0 auto}.service-card{background:white;border-radius:25px;padding:40px 35px;position:relative;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--emerald-deep),var(--emerald-medium));opacity:0;transition:opacity 0.3s ease}.service-card:hover::before{opacity:1}.service-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px rgba(0,0,0,0.1),0 15px 30px rgba(0,0,0,0.08);border-color:rgba(212,175,55,0.2)}.service-header{text-align:center;padding-bottom:25px;margin-bottom:25px;border-bottom:2px dashed #e0e0e0}.service-header h3{font-size:1.5rem;color:var(--emerald-deep);margin-bottom:10px;font-family:var(--font-heading)}.service-price{font-size:2rem;font-weight:700;color:var(--champagne-gold);margin:0}.service-features{list-style:none;padding:0;margin:0 0 30px 0}.service-features li{padding:12px 0;padding-left:35px;position:relative;color:#555;border-bottom:1px solid #f5f5f5;font-size:15px}.service-features li:last-child{border-bottom:none}.service-features li::before{content:'✓';position:absolute;left:0;top:12px;width:24px;height:24px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--emerald-deep);font-weight:700}.service-featured{background:linear-gradient(135deg,var(--emerald-deep) 0%,var(--emerald-medium) 100%);color:white;transform:scale(1.05);z-index:2}.service-featured::before{display:none}.service-featured:hover{transform:scale(1.05) translateY(-15px)}.service-featured .service-header{border-bottom-color:rgba(255,255,255,0.2)}.service-featured .service-header h3{color:white}.service-featured .service-price{color:var(--champagne-gold)}.service-featured .service-features li{color:rgba(255,255,255,0.9);border-bottom-color:rgba(255,255,255,0.1)}.service-featured .service-features li::before{background:var(--champagne-gold);color:var(--emerald-deep)}.service-badge{position:absolute;top:-1px;right:30px;background:linear-gradient(135deg,var(--champagne-gold),#e8c96f);color:var(--emerald-deep);padding:8px 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:0 0 10px 10px;box-shadow:0 5px 15px rgba(212,175,55,0.3)}.service-card .btn{width:100%;padding:15px 25px;font-size:16px;font-weight:600;margin-top:10px}.service-card .btn-outline{border:2px solid var(--emerald-deep);color:var(--emerald-deep);background:transparent}.service-card .btn-outline:hover{background:var(--emerald-deep);color:white}.service-featured .btn{background:white;color:var(--emerald-deep)}.service-featured .btn:hover{background:var(--champagne-gold);color:var(--emerald-deep)}.service-icon{width:70px;height:70px;background:linear-gradient(135deg,#f0f7ff,#e3f2fd);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px}.service-featured .service-icon{background:rgba(255,255,255,0.2)}@media (max-width:1024px){.service-featured{transform:scale(1)}.service-featured:hover{transform:translateY(-15px)}}@media (max-width:768px){.services-grid{grid-template-columns:1fr;max-width:450px}.service-card{padding:30px 25px}}.comments-section{grid-column:1 / -1 !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important}.article-content .comments-section,.article-body+.comments-section{width:100%;max-width:800px;margin:50px auto 0}body.dark-mode .service-card:not(.service-featured){background:#2d2d2d;border-color:#444}body.dark-mode .service-card:not(.service-featured) .service-header h3{color:#4CAF50}body.dark-mode .service-card:not(.service-featured) .service-features li{color:#ccc;border-bottom-color:#444}body.dark-mode .service-card:not(.service-featured) .service-header{border-bottom-color:#444}body.dark-mode .services{background:linear-gradient(180deg,#1a1a1a 0%,#2d2d2d 100%)}body.dark-mode .services::before{background:linear-gradient(180deg,#1a1a1a,transparent)}