/*
Theme Name: DraftSahayak
Theme URI: https://draftsahayak.in/
Author: Advocate Ravinder Singh Dhull
Author URI: https://jurisaltus.com/
Description: DraftSahayak — India's First Domestic Legal Process Outsourcing platform for advocates. Powered by Juris Altus LLP. Features service catalogue, pricing, intake forms, FAQ, testimonials, and retainer management.
Version: 1.0.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: draftsahayak
Tags: legal, lpo, drafting, law, business, one-column, custom-menu, featured-images
*/

/* ============================================
   CSS VARIABLES
   ============================================ */
:root {
    --ds-navy: #1B3A5C;
    --ds-navy-dark: #0f2440;
    --ds-blue: #2E5E8E;
    --ds-gold: #C9A23C;
    --ds-gold-light: #D4B04A;
    --ds-white: #FFFFFF;
    --ds-bg: #FAFAF7;
    --ds-bg-alt: #f5f4f0;
    --ds-text: #1a1a2e;
    --ds-text-light: #555555;
    --ds-text-muted: #999999;
    --ds-border: #e8e5dc;
    --ds-success: #25D366;
    --ds-font-heading: 'Libre Baskerville', Georgia, serif;
    --ds-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --ds-shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
    --ds-shadow-md: 0 4px 20px rgba(0,0,0,0.08);
    --ds-shadow-lg: 0 12px 40px rgba(0,0,0,0.12);
    --ds-radius: 6px;
    --ds-radius-lg: 12px;
    --ds-transition: all 0.3s ease;
    --ds-container: 1200px;
}

/* ============================================
   RESET & BASE
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--ds-font-body);font-size:16px;line-height:1.7;color:var(--ds-text);background:var(--ds-bg)}
a{color:var(--ds-blue);text-decoration:none;transition:var(--ds-transition)}
a:hover{color:var(--ds-gold)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--ds-font-heading);font-weight:700;line-height:1.2;color:var(--ds-navy)}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}
::selection{background:var(--ds-gold);color:white}
.ds-container{max-width:var(--ds-container);margin:0 auto;padding:0 24px}

/* ============================================
   TOPBAR
   ============================================ */
.ds-topbar{background:var(--ds-navy-dark);padding:6px 0;font-size:12px;color:rgba(255,255,255,.7);transition:transform .3s}
.ds-topbar-inner{max-width:var(--ds-container);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.ds-topbar a{color:rgba(255,255,255,.7);margin-right:20px}
.ds-topbar a:hover{color:var(--ds-gold)}
.ds-topbar-right{font-size:11px;letter-spacing:1px;color:var(--ds-gold)}

/* ============================================
   HEADER / NAVIGATION
   ============================================ */
.ds-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(250,250,247,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--ds-border);transition:var(--ds-transition);padding:10px 0}
.ds-header--transparent{background:transparent;border-bottom:none}
.ds-header--scrolled{background:rgba(250,250,247,.97);box-shadow:var(--ds-shadow-sm)}
.ds-header-inner{max-width:var(--ds-container);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}
.ds-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.ds-logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--ds-navy),var(--ds-blue));border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ds-gold);font-weight:700;font-size:20px;font-family:var(--ds-font-heading)}
.ds-logo-name{font-family:var(--ds-font-body);font-weight:700;font-size:17px;color:var(--ds-navy);line-height:1.1}
.ds-logo-sub{display:block;font-size:8.5px;color:var(--ds-text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}
.ds-header--transparent .ds-logo-name{color:white}
.ds-header--transparent .ds-logo-sub{color:rgba(255,255,255,.5)}

/* Nav */
.ds-nav{display:flex;align-items:center;gap:2px;list-style:none}
.ds-nav a,.ds-nav .menu-item a{font-family:var(--ds-font-body);font-size:14px;font-weight:500;color:var(--ds-text-light);padding:8px 16px;border-radius:var(--ds-radius);transition:var(--ds-transition);display:block}
.ds-nav a:hover,.ds-nav .current-menu-item>a{color:var(--ds-navy);background:rgba(27,58,92,.05)}
.ds-header--transparent .ds-nav a{color:rgba(255,255,255,.8)}
.ds-header--transparent .ds-nav a:hover{color:white;background:rgba(255,255,255,.1)}
.ds-nav-cta a{background:linear-gradient(135deg,var(--ds-navy),var(--ds-blue))!important;color:white!important;padding:10px 24px!important;font-weight:600!important;border-radius:var(--ds-radius)!important;margin-left:8px}
.ds-nav-cta a:hover{box-shadow:0 4px 15px rgba(27,58,92,.3);transform:translateY(-1px)}

/* Sub-menus */
.ds-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:white;border:1px solid var(--ds-border);border-radius:var(--ds-radius);box-shadow:var(--ds-shadow-md);min-width:220px;padding:8px 0;z-index:100}
.ds-nav .menu-item-has-children{position:relative}
.ds-nav .menu-item-has-children:hover>.sub-menu{display:block}
.ds-nav .sub-menu a{padding:8px 20px;font-size:13px;border-radius:0}
.ds-nav .sub-menu a:hover{background:var(--ds-bg-alt)}

/* Mobile toggle */
.ds-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.ds-menu-toggle span{display:block;width:24px;height:2px;background:var(--ds-navy);border-radius:2px;transition:var(--ds-transition)}
.ds-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.ds-menu-toggle.active span:nth-child(2){opacity:0}
.ds-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.ds-header--transparent .ds-menu-toggle span{background:white}

/* ============================================
   HERO
   ============================================ */
.ds-hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(165deg,var(--ds-navy-dark) 0%,var(--ds-navy) 40%,var(--ds-blue) 100%)}
.ds-hero::before{content:'';position:absolute;inset:0;opacity:.05;background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0);background-size:40px 40px}
.ds-hero::after{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(201,162,60,.15),transparent 70%);border-radius:50%}
.ds-hero-content{position:relative;z-index:1;max-width:700px;padding:140px 0 80px}
.ds-hero-label{font-size:13px;font-weight:700;letter-spacing:3px;color:var(--ds-gold);text-transform:uppercase;margin-bottom:20px}
.ds-hero h1{font-size:clamp(2.25rem,5vw,3.5rem);color:white;margin-bottom:24px}
.ds-hero h1 .gold{color:var(--ds-gold)}
.ds-hero-desc{font-size:18px;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:40px;max-width:550px}
.ds-hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:60px}
.ds-hero-stats{display:flex;gap:40px;flex-wrap:wrap}
.ds-stat-num{font-size:2rem;font-weight:700;color:var(--ds-gold);font-family:var(--ds-font-body)}
.ds-stat-label{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px}

/* ============================================
   BUTTONS
   ============================================ */
.ds-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ds-font-body);font-weight:600;font-size:15px;padding:14px 32px;border-radius:var(--ds-radius);border:none;cursor:pointer;transition:var(--ds-transition);text-decoration:none;line-height:1}
.ds-btn-primary{background:linear-gradient(135deg,var(--ds-navy),var(--ds-blue));color:white;box-shadow:0 4px 15px rgba(27,58,92,.3)}
.ds-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(27,58,92,.4);color:white}
.ds-btn-gold{background:linear-gradient(135deg,var(--ds-gold),var(--ds-gold-light));color:var(--ds-text);box-shadow:0 4px 15px rgba(201,162,60,.3)}
.ds-btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(201,162,60,.4);color:var(--ds-text)}
.ds-btn-outline{background:transparent;color:var(--ds-navy);border:2px solid var(--ds-navy)}
.ds-btn-outline:hover{background:var(--ds-navy);color:white}
.ds-btn-outline-light{background:transparent;color:white;border:2px solid rgba(255,255,255,.4)}
.ds-btn-outline-light:hover{background:rgba(255,255,255,.1);color:white}
.ds-btn-whatsapp{background:#25D366;color:white;box-shadow:0 4px 15px rgba(37,211,102,.3)}
.ds-btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(37,211,102,.4);color:white}
.ds-btn-full{width:100%;justify-content:center}

/* ============================================
   SECTIONS
   ============================================ */
.ds-section{padding:100px 0}
.ds-section-dark{background:var(--ds-navy);color:white}
.ds-section-navy-dark{background:var(--ds-navy-dark);color:white}
.ds-section-alt{background:var(--ds-bg-alt)}
.ds-section-gradient{background:linear-gradient(180deg,var(--ds-bg),var(--ds-bg-alt))}
.ds-section-label{font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--ds-gold);margin-bottom:12px}
.ds-section-title{font-size:2.25rem;font-weight:700;color:var(--ds-navy);margin-bottom:16px}
.ds-section-dark .ds-section-title{color:white}
.ds-section-desc{font-size:16px;color:var(--ds-text-light);line-height:1.7;max-width:600px}
.ds-section-dark .ds-section-desc{color:rgba(255,255,255,.6)}
.ds-section-header{text-align:center;margin-bottom:50px}
.ds-section-header .ds-section-desc{margin:0 auto}
.ds-gold-divider{width:60px;height:3px;background:var(--ds-gold);margin:16px 0 24px;border-radius:2px}
.ds-section-header .ds-gold-divider{margin:16px auto 24px}

/* ============================================
   SERVICE TABS & GRID
   ============================================ */
.ds-services-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-bottom:32px;border-bottom:1px solid var(--ds-border)}
.ds-tab-btn{padding:12px 24px;border:none;background:none;font-family:var(--ds-font-body);font-size:14px;font-weight:500;cursor:pointer;color:var(--ds-text-muted);border-bottom:3px solid transparent;transition:var(--ds-transition)}
.ds-tab-btn:hover{color:var(--ds-navy)}
.ds-tab-btn.active{color:var(--ds-navy);border-bottom-color:var(--ds-gold);font-weight:700}
.ds-tab-content{display:none}
.ds-tab-content.active{display:block}
.ds-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}

/* ============================================
   CARDS
   ============================================ */
.ds-card{background:white;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);padding:24px;transition:var(--ds-transition)}
.ds-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-card-title{font-family:var(--ds-font-body);font-size:15px;font-weight:600;color:var(--ds-navy);margin-bottom:12px}
.ds-card-fee{font-family:var(--ds-font-body);font-size:20px;font-weight:700;color:var(--ds-gold)}
.ds-card-turn{font-size:12px;color:var(--ds-text-muted);background:var(--ds-bg-alt);padding:4px 10px;border-radius:20px}
.ds-card-meta{display:flex;justify-content:space-between;align-items:center}

/* ============================================
   PROCESS STEPS
   ============================================ */
.ds-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.ds-process-card{background:rgba(255,255,255,.06);border-radius:var(--ds-radius-lg);padding:32px;border:1px solid rgba(255,255,255,.1);transition:var(--ds-transition)}
.ds-process-card:hover{background:rgba(255,255,255,.1)}
.ds-process-num{font-size:48px;font-weight:700;color:rgba(201,162,60,.3);margin-bottom:16px;font-family:var(--ds-font-body)}
.ds-process-title{font-size:18px;font-weight:700;color:white;margin-bottom:8px;font-family:var(--ds-font-body)}
.ds-process-desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.6}

/* ============================================
   PRICING
   ============================================ */
.ds-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}
.ds-pricing-card{background:white;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);padding:32px;position:relative;overflow:hidden;transition:var(--ds-transition)}
.ds-pricing-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-lg)}
.ds-pricing-card.popular{border:2px solid var(--ds-gold);transform:scale(1.03)}
.ds-pricing-card.popular:hover{transform:scale(1.03) translateY(-4px)}
.ds-pricing-badge{position:absolute;top:16px;right:-30px;background:var(--ds-gold);color:white;font-size:11px;font-weight:700;padding:4px 36px;transform:rotate(45deg);letter-spacing:1px}
.ds-pricing-name{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.ds-pricing-amount{font-size:2.5rem;font-weight:700;color:var(--ds-text)}
.ds-pricing-period{font-size:14px;color:var(--ds-text-muted);margin-bottom:24px}
.ds-pricing-features{margin-bottom:28px}
.ds-pricing-feature{font-size:14px;color:var(--ds-text-light);padding:8px 0;border-bottom:1px solid var(--ds-bg-alt);display:flex;align-items:center;gap:8px}
.ds-pricing-feature .check{color:var(--ds-gold);font-weight:700}

/* ============================================
   ABOUT
   ============================================ */
.ds-about-grid{display:flex;gap:60px;flex-wrap:wrap;align-items:center}
.ds-about-content{flex:1 1 400px}
.ds-about-sidebar{flex:1 1 350px}
.ds-credentials-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.ds-credential{display:flex;gap:10px;align-items:start;font-size:13px;color:var(--ds-text-light)}
.ds-credential-icon{font-size:20px;flex-shrink:0}
.ds-quote-card{background:var(--ds-navy);border-radius:var(--ds-radius-lg);padding:36px;color:white}
.ds-quote-text{font-style:italic;font-size:16px;line-height:1.7;color:rgba(255,255,255,.85);margin-bottom:20px;font-family:var(--ds-font-heading)}
.ds-quote-author{border-top:1px solid rgba(255,255,255,.15);padding-top:16px}
.ds-quote-name{font-weight:700;font-size:15px}
.ds-quote-role{font-size:12px;color:rgba(255,255,255,.6)}

/* ============================================
   TESTIMONIALS
   ============================================ */
.ds-testimonial-slider{position:relative;min-height:200px}
.ds-testimonial-card{background:white;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);padding:32px;transition:var(--ds-transition)}
.ds-testimonial-text{font-size:15px;line-height:1.7;color:var(--ds-text-light);margin-bottom:20px;font-style:italic}
.ds-testimonial-author{font-weight:600;color:var(--ds-navy);font-size:14px}
.ds-testimonial-role{font-size:12px;color:var(--ds-text-muted)}
.ds-testimonial-stars{color:var(--ds-gold);margin-bottom:12px;font-size:18px}

/* ============================================
   FAQ
   ============================================ */
.ds-faq-list{max-width:800px;margin:0 auto}
.ds-faq-item{border:1px solid var(--ds-border);border-radius:var(--ds-radius);margin-bottom:12px;overflow:hidden;transition:var(--ds-transition)}
.ds-faq-item:hover{border-color:var(--ds-gold)}
.ds-faq-question{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px;background:white;color:var(--ds-navy);border:none;width:100%;text-align:left;font-family:var(--ds-font-body)}
.ds-faq-question:hover{background:var(--ds-bg-alt)}
.ds-faq-toggle{font-size:20px;color:var(--ds-gold);transition:transform .3s;flex-shrink:0}
.ds-faq-item.open .ds-faq-toggle{transform:rotate(45deg)}
.ds-faq-answer{padding:0 24px 18px;font-size:14px;line-height:1.7;color:var(--ds-text-light);display:none}
.ds-faq-item.open .ds-faq-answer{display:block}

/* ============================================
   CONTACT / INTAKE FORM
   ============================================ */
.ds-contact-grid{display:flex;gap:60px;flex-wrap:wrap}
.ds-contact-form-area{flex:1 1 400px}
.ds-contact-sidebar{flex:1 1 300px}
.ds-form-group{margin-bottom:16px}
.ds-form-label{font-size:13px;font-weight:600;color:var(--ds-navy);margin-bottom:4px;display:block}
.ds-input{width:100%;padding:14px 18px;border:1px solid #ddd;border-radius:var(--ds-radius);font-family:var(--ds-font-body);font-size:14px;transition:border-color .3s;outline:none;background:white}
.ds-input:focus{border-color:var(--ds-gold);box-shadow:0 0 0 3px rgba(201,162,60,.1)}
select.ds-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
textarea.ds-input{resize:vertical;min-height:100px}
.ds-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ds-form-success{background:#e8f5e9;border:1px solid #66bb6a;color:#2e7d32;padding:16px 24px;border-radius:var(--ds-radius);font-size:14px;display:none}
.ds-form-error{background:#fce4ec;border:1px solid #ef5350;color:#c62828;padding:16px 24px;border-radius:var(--ds-radius);font-size:14px;display:none}

/* Contact cards */
.ds-contact-card{background:white;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-border);padding:32px;margin-bottom:20px}
.ds-contact-item{display:flex;gap:12px;align-items:start;margin-bottom:16px}
.ds-contact-icon{font-size:24px;flex-shrink:0}
.ds-contact-label{font-size:12px;color:var(--ds-text-muted);font-weight:600;letter-spacing:1px;text-transform:uppercase}
.ds-contact-value{font-size:15px;font-weight:600;color:var(--ds-navy)}
.ds-contact-note{font-size:11px;color:var(--ds-text-muted)}
.ds-confidential-card{padding:24px;background:#FFF9E6;border:1px solid var(--ds-gold);border-radius:var(--ds-radius-lg)}
.ds-confidential-title{font-size:14px;font-weight:700;color:var(--ds-gold);margin-bottom:8px}
.ds-confidential-text{font-size:13px;color:var(--ds-text-light);line-height:1.6}

/* ============================================
   FOOTER
   ============================================ */
.ds-footer{background:var(--ds-navy-dark);padding:60px 0 30px}
.ds-footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}
.ds-footer-brand{flex:1 1 300px}
.ds-footer-desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;max-width:350px;margin-top:16px}
.ds-footer h4{font-family:var(--ds-font-body);font-size:13px;font-weight:700;color:var(--ds-gold);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.ds-footer-links{list-style:none}
.ds-footer-links a{display:block;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:8px}
.ds-footer-links a:hover{color:var(--ds-gold)}
.ds-footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:rgba(255,255,255,.3)}
.ds-footer-bottom a{color:rgba(255,255,255,.3)}
.ds-footer-bottom a:hover{color:var(--ds-gold)}

/* ============================================
   WHATSAPP FLOATING
   ============================================ */
.ds-whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:999;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:28px;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:var(--ds-transition);text-decoration:none}
.ds-whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.5);color:white}
.ds-whatsapp-float svg{width:28px;height:28px;fill:white}

/* Back to top */
.ds-back-to-top{position:fixed;bottom:24px;left:24px;z-index:998;width:44px;height:44px;background:var(--ds-navy);color:white;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:var(--ds-transition);box-shadow:var(--ds-shadow-sm)}
.ds-back-to-top.visible{opacity:1;pointer-events:auto}
.ds-back-to-top:hover{background:var(--ds-gold)}

/* ============================================
   BREADCRUMBS
   ============================================ */
.ds-breadcrumbs{padding:16px 0;font-size:13px;color:var(--ds-text-muted);background:var(--ds-bg-alt);border-bottom:1px solid var(--ds-border)}
.ds-breadcrumbs a{color:var(--ds-blue)}
.ds-breadcrumbs a:hover{color:var(--ds-gold)}
.ds-breadcrumbs .sep{margin:0 8px;opacity:.5}

/* ============================================
   PAGE HEADER (inner pages)
   ============================================ */
.ds-page-header{background:linear-gradient(135deg,var(--ds-navy-dark),var(--ds-navy));padding:120px 0 60px;text-align:center;position:relative;overflow:hidden}
.ds-page-header::before{content:'';position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0);background-size:40px 40px}
.ds-page-header h1{color:white;font-size:2.5rem;margin-bottom:12px;position:relative}
.ds-page-header p{color:rgba(255,255,255,.6);font-size:16px;position:relative}
.ds-page-header .ds-gold-divider{margin:16px auto}

/* ============================================
   SINGLE SERVICE PAGE
   ============================================ */
.ds-service-single{padding:60px 0}
.ds-service-content{max-width:800px;margin:0 auto}
.ds-service-content h2{margin:2rem 0 1rem}
.ds-service-content p{margin-bottom:1rem}
.ds-service-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:32px;padding:24px;background:var(--ds-bg-alt);border-radius:var(--ds-radius-lg)}
.ds-service-meta-item{text-align:center}
.ds-service-meta-label{font-size:12px;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:1px}
.ds-service-meta-value{font-size:20px;font-weight:700;color:var(--ds-gold)}

/* ============================================
   ANIMATIONS
   ============================================ */
.ds-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.ds-fade-in.visible{opacity:1;transform:translateY(0)}
@keyframes ds-fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:992px){
    .ds-about-grid,.ds-contact-grid{flex-direction:column}
    .ds-pricing-card.popular{transform:none}
    .ds-pricing-card.popular:hover{transform:translateY(-4px)}
    .ds-credentials-grid{grid-template-columns:1fr}
    .ds-form-row{grid-template-columns:1fr}
}
@media(max-width:768px){
    .ds-topbar{display:none}
    .ds-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:white;box-shadow:var(--ds-shadow-lg);border-top:1px solid var(--ds-border);flex-direction:column;padding:16px}
    .ds-nav.active{display:flex}
    .ds-nav .sub-menu{position:static;box-shadow:none;border:none;min-width:0;padding-left:16px}
    .ds-nav .menu-item-has-children:hover>.sub-menu{display:block}
    .ds-menu-toggle{display:flex}
    .ds-hero h1{font-size:2rem}
    .ds-hero-stats{flex-direction:column;gap:16px}
    .ds-hero-content{padding:100px 0 60px}
    .ds-section{padding:60px 0}
    .ds-section-title{font-size:1.75rem}
    .ds-footer-grid{flex-direction:column}
    .ds-page-header{padding:100px 0 40px}
    .ds-page-header h1{font-size:1.75rem}
}
@media(max-width:480px){
    .ds-hero-btns{flex-direction:column}
    .ds-hero-btns .ds-btn{width:100%;justify-content:center}
}

/* ============================================
   WORDPRESS
   ============================================ */
.aligncenter{text-align:center}
.alignleft{float:left;margin-right:1.5rem}
.alignright{float:right;margin-left:1.5rem}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}

/* Print */
@media print{
    .ds-header,.ds-footer,.ds-whatsapp-float,.ds-back-to-top,.ds-topbar{display:none}
    .ds-hero{min-height:auto;padding:2rem 0}
    body{font-size:12pt}
}