/* ═══════════════════════════════════════════
   RESPONSIVE CSS — all media queries
═══════════════════════════════════════════ */

/* ─── Laptop 1024px ─── */
@media (max-width: 1280px) {
  .container { padding: 0 40px; }
  #navbar { padding: 0 40px; }
  #navbar.scrolled { padding: 0 40px; }
  .stats-section { padding: 60px 40px; }
  .cta-section { padding: 80px 40px; }
  
  .nav-brand-text { font-size: 20px; }
  .hero-watermark { font-size: clamp(100px, 15vw, 200px); letter-spacing: 10px; }
  .footer-cta-area { padding: 80px 40px 60px; }
  .footer-content { padding: 60px 40px; }
  .footer-strip { padding: 20px 40px; }
}

@media (max-width: 1024px) {
  section { padding: 80px 0; }
  .section-title { font-size: clamp(30px, 4vw, 48px); }
  .nav-tagline { display: none; }
  .nav-links { gap: 20px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(2)::after { display: none; }
  .pricing-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .process-line { left: 40px; }
  .process-step {
    grid-template-columns: 80px 1fr;
  }
  .process-step:nth-child(even) .step-card { grid-column: 2; }
  .process-step:nth-child(even) .step-empty { display: none; }
  .footer-columns { gap: 40px; }
}

/* ─── Tablet 768px ─── */
@media (max-width: 768px) {
  :root { font-size: 15px; }
  
  body { cursor: auto; }
  #cursor-dot, #cursor-outline { display: none; }
  
  #navbar {
    padding: 10px 24px !important;
  }
  #navbar.scrolled {
    padding: 8px 24px !important;
  }
  
  .nav-logo-img {
    max-height: 100px !important;
    margin: 0 !important;
  }
  
  .nav-links { display: none; }
  .hamburger {
    display: flex;
    align-self: center !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px !important;
    gap: 7px !important;
  }
  .hamburger span {
    width: 36px !important;
    height: 3px !important;
  }
  .hamburger.open span:nth-child(1) {
    transform: translateY(10px) rotate(45deg) !important;
  }
  .hamburger.open span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg) !important;
  }
  #mobile-menu { display: block; }
  
  .hero-social { display: none; }
  
  .container { padding: 0 24px; }
  section { padding: 60px 0; }
  
  .page-hero { padding: 120px 24px 80px; }
  .page-hero h1 { font-size: clamp(36px, 8vw, 56px); }
  
  .hero-section:not(.modern-hero) {
    flex-direction: column !important;
    text-align: center;
    padding: 120px 24px 80px;
  }

  .modern-hero {
    padding-top: 100px !important;
    min-height: auto;
    padding-bottom: 60px;
  }

  .hero-bold-tagline {
    font-size: clamp(48px, 11vw, 68px) !important;
    line-height: 1.05 !important;
  }

  .btn-majestic-primary, .btn-majestic-secondary {
    padding: 12px 28px !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    height: auto !important;
    width: 100% !important;
  }

  .hero-watermark {
    font-size: clamp(32px, 8vw, 64px) !important;
    letter-spacing: 4px !important;
  }

  .hero-btns-modern {
    flex-direction: column;
    gap: 12px;
    margin-top: 30px;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-character-wrap {
    margin-top: -30px;
    max-width: 320px;
  }

  .hero-desc-box {
    position: static;
    margin-top: 40px;
    max-width: 100%;
    text-align: left;
  }

  .hero-desc-box .desc-content {
    border-left: none;
    border-top: 2px solid var(--color-gold);
    border-radius: 0 0 4px 4px;
    padding: 24px;
    background: rgba(15, 15, 15, 0.9);
  }
  
  .hero-text { max-width: 100%; }
  .hero-title { font-size: clamp(40px, 9vw, 64px) !important; }
  .hero-title-gold { font-size: clamp(36px, 8vw, 56px) !important; }
  .hero-btns { justify-content: center; }
  .hero-img { display: none; }
  
  /* ─── Creative Premium Mobile Footer ─── */
  .footer-cta-area {
    padding: 70px 24px 50px;
    background: radial-gradient(circle at top, rgba(201, 168, 76, 0.08) 0%, rgba(10, 10, 10, 1) 70%), linear-gradient(180deg, #0a0a0a 0%, #050505 100%) !important;
    position: relative;
  }
  .footer-cta-area::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.2), transparent);
  }
  .footer-cta-title {
    font-size: clamp(28px, 7vw, 42px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 16px !important;
  }
  .footer-cta-text {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 36px !important;
    color: var(--color-gold-mist) !important;
    opacity: 0.85;
  }
  .footer-subscribe-form {
    flex-direction: column !important;
    border-radius: 12px !important;
    background: rgba(15, 15, 15, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(201, 168, 76, 0.25) !important;
    padding: 6px !important;
    gap: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  }
  .footer-subscribe-form:focus-within {
    border-color: var(--color-gold) !important;
    box-shadow: 0 0 25px rgba(201, 168, 76, 0.2) !important;
  }
  .footer-subscribe-input {
    border: none !important;
    background: transparent !important;
    padding: 16px 20px !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 100% !important;
    color: var(--color-ivory) !important;
  }
  .footer-subscribe-input::placeholder {
    color: rgba(245, 240, 232, 0.4) !important;
  }
  .footer-subscribe-btn {
    padding: 16px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-warm) 100%) !important;
    color: var(--color-black) !important;
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.2) !important;
    width: 100% !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }
  .footer-subscribe-btn:active {
    transform: scale(0.98) !important;
    opacity: 0.9 !important;
  }
  .footer-subscribe-success {
    font-size: 13px !important;
    padding: 10px 16px !important;
    margin-top: 12px !important;
    border-radius: 8px !important;
  }

  .footer-content {
    padding: 50px 24px 40px !important;
    background: #050505 !important;
    position: relative;
    overflow: hidden;
  }
  
  /* Radial Ambient Gold Backglow on Mobile Footer */
  .footer-content::after {
    content: '';
    position: absolute;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.05) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
  }

  .footer-columns {
    grid-template-columns: 1fr !important;
    gap: 20px !important; /* Tight dashboard-style mobile gaps */
  }

  /* Brand block custom layout */
  .footer-col-brand {
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 10px 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-bottom: 10px !important;
  }
  .footer-brand-logo {
    height: 140px !important;
    max-height: 140px !important;
    margin-bottom: 15px !important;
    filter: drop-shadow(0 0 12px rgba(201, 168, 76, 0.3)) !important;
  }
  .footer-brand-mission {
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
  }
  .footer-brand-about {
    max-width: 100% !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--color-muted) !important;
    margin-bottom: 24px !important;
  }
  .footer-social-icons {
    justify-content: center !important;
    gap: 16px !important;
  }
  .footer-social-icons a {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    background: rgba(201, 168, 76, 0.04) !important;
    border-color: rgba(201, 168, 76, 0.2) !important;
  }
  .footer-social-icons a:active {
    transform: scale(0.9) translateY(-2px) !important;
    background: var(--color-gold) !important;
    color: var(--color-black) !important;
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.4) !important;
  }

  /* Clean Static Headers for Quick Links and Contact Info Columns */
  .footer-col-links,
  .footer-col-contact {
    text-align: left !important;
  }
  .footer-col-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    color: var(--color-gold) !important;
    margin-bottom: 28px !important;
    padding: 0 0 14px 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: default !important;
    user-select: auto !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    position: relative !important;
  }
  .footer-col-title::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 30px !important;
    height: 2px !important;
    background: var(--color-gold) !important;
  }

  /* Rotating Golden Chevron Indicator - Hidden globally */
  .footer-accordion-chevron {
    display: none !important;
  }

  /* Clean Static Link List */
  .footer-link-list {
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    text-align: left !important;
  }
  .footer-link-list li {
    margin-bottom: 14px !important;
  }
  .footer-link-list li:last-child {
    margin-bottom: 0 !important;
  }
  .footer-link-list a {
    font-size: 16px !important;
    color: var(--color-ivory) !important;
    opacity: 0.9 !important;
    transition: var(--transition) !important;
    display: inline-block !important;
  }
  .footer-link-list a:active {
    color: var(--color-gold) !important;
    transform: scale(0.95) !important;
  }
  .footer-link-list a::after {
    display: none !important;
  }
  .footer-link-list a:hover {
    transform: none !important;
  }

  /* Clean Static Contact Info Block */
  .footer-contact-block {
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 20px !important;
  }
  .footer-contact-row {
    font-size: 16px !important;
    color: var(--color-ivory) !important;
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    opacity: 0.9 !important;
  }
  .footer-contact-ico {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
    background: rgba(201, 168, 76, 0.05) !important;
    border: 1px solid rgba(201, 168, 76, 0.25) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--color-gold) !important;
    flex-shrink: 0 !important;
    transition: var(--transition) !important;
  }
  .footer-contact-row:active .footer-contact-ico {
    background: rgba(201, 168, 76, 0.15) !important;
    border-color: var(--color-gold) !important;
    transform: scale(1.05) !important;
  }

  /* Elegant Bottom Strip Layout */
  .footer-strip {
    padding: 30px 24px !important;
    background: #030303 !important;
    position: relative;
    z-index: 2;
  }
  .footer-strip-inner {
    flex-direction: column !important;
    gap: 16px !important;
    text-align: center !important;
  }
  .footer-strip-left,
  .footer-strip-center {
    font-size: 12px !important;
    color: var(--color-muted) !important;
  }
  .footer-strip-right {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin-top: 4px !important;
  }
  .footer-strip-right a {
    font-size: 12px !important;
    color: var(--color-gold-mist) !important;
    opacity: 0.8 !important;
    position: relative !important;
  }
  .footer-strip-right a:not(:last-child)::after {
    content: '•' !important;
    position: absolute !important;
    right: -12px !important;
    color: rgba(201, 168, 76, 0.3) !important;
    pointer-events: none !important;
  }
  
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item::after { display: none; }
  .stats-section { padding: 48px 24px; }
  
  .cta-section { padding: 60px 24px; }
  
  .service-grid { grid-template-columns: 1fr !important; }
  .value-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .blog-grid { grid-template-columns: 1fr !important; }

  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  .pricing-grid { grid-template-columns: 1fr !important; }
  
  .about-2col { grid-template-columns: 1fr !important; }
  .contact-grid { grid-template-columns: 1fr !important; }
  
  .process-line { left: 24px; }
  .process-step {
    grid-template-columns: 60px 1fr;
    gap: 20px;
  }
  .step-number { width: 44px; height: 44px; font-size: 16px; }
  /* Premium Testimonial Slider overrides for Mobile/Tablet */
  .testimonial-card {
    border: 2px solid rgba(201, 168, 76, 0.25) !important; /* Signature gold outlined border */
    background: rgba(26, 26, 26, 0.7) !important; /* Glassmorphic dark card overlay */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
    border-radius: 20px !important;
    padding: 32px 24px !important;
  }
  .testimonial-card .quote-mark {
    font-size: 80px !important; /* Tight watermark quotes */
    top: -10px !important;
    left: 15px !important;
  }
  .testimonial-card .quote-text {
    font-size: 15px !important; /* Snug quote copy */
    line-height: 1.75 !important;
    margin-bottom: 24px !important;
  }
  .testimonial-client-name {
    font-size: 18px !important;
    font-weight: 700 !important;
  }
  .testimonial-client-role {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .testimonial-dots {
    gap: 10px !important;
  }
  .testimonial-dot {
    width: 10px !important;
    height: 10px !important;
    border: 1.5px solid rgba(201, 168, 76, 0.4) !important;
    background: transparent !important;
  }
  .testimonial-dot.active {
    background: var(--color-gold) !important;
    border-color: var(--color-gold) !important;
    transform: scale(1.2) !important;
  }

  /* Creative Polish for Numbers That Speak (Stats Counter) Section on Mobile/Tablet */
  .stats-section {
    padding: 50px 0 !important;
    background: var(--color-black) !important;
    border-top: 1px solid rgba(201, 168, 76, 0.15) !important;
    border-bottom: 1px solid rgba(201, 168, 76, 0.15) !important;
  }
  .stats-section .who-we-are-headline {
    text-align: center !important;
    font-size: clamp(26px, 8vw, 36px) !important;
    margin-bottom: 36px !important;
    line-height: 1.2 !important;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    padding: 0 10px !important;
  }
  .stat-item {
    padding: 24px 12px !important;
    background: rgba(26, 26, 26, 0.7) !important; /* Premium card background */
    border: 1.5px solid rgba(201, 168, 76, 0.25) !important; /* Signature gold outlined border */
    border-radius: 16px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; /* Deep drop shadow */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    text-align: center !important;
  }
  .stat-number {
    font-size: clamp(32px, 8vw, 48px) !important; /* Fluid, proportional layout */
    font-weight: 800 !important;
    color: var(--color-gold) !important;
    margin-bottom: 6px !important;
    text-shadow: 0 0 10px rgba(201, 168, 76, 0.3) !important; /* Custom gold backglow */
  }
  .stat-label {
    font-size: clamp(10px, 2.5vw, 12px) !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    line-height: 1.4 !important;
    color: var(--color-ivory) !important;
    text-transform: uppercase !important;
  }
  
  .filter-tabs { gap: 6px; }
  .filter-tab { font-size: 11px; padding: 6px 14px; }
  
  #whatsapp-btn { bottom: 20px; right: 20px; width: 52px; height: 52px; }
  
  .team-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; }
  
  .mv-grid { grid-template-columns: 1fr !important; }
  
  .pricing-toggle { flex-wrap: wrap; }

  /* Services page tabs */
  .services-tab { padding: 10px 14px; font-size: 11px; }

  /* Blog featured card */
  .blog-featured { grid-template-columns: 1fr !important; }
  .blog-featured .blog-img { height: 220px !important; }
  .blog-featured .blog-content { padding: 28px !important; }

  /* About page & services page grids */
  .values-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
  .expertise-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .process-steps-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; }

  /* Contact page grids */
  .contact-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .form-row-2col { grid-template-columns: 1fr !important; gap: 16px !important; }

  /* Expertise sidebar sticky off on mobile */
  .contact-grid > div:last-child { position: static !important; }

  /* Reduced Ticker Size for Mobile/Tablet */
  .ticker-wrap {
    padding: 10px 0 !important;
  }
  .ticker-inner span {
    font-size: 13px !important;
    letter-spacing: 2px !important;
    padding-right: 24px !important;
  }

  /* Creative Polish for WHO ARE WE? Section on Mobile/Tablet */
  .who-we-are-section {
    padding: 60px 0 !important;
  }
  .who-we-are-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important; /* Reduced vertical spacing to look tight and crisp */
  }
  .who-we-are-col {
    max-width: 100% !important;
    width: 100% !important;
    border: 2px solid rgba(201, 168, 76, 0.25) !important; /* Premium outlined border */
    border-radius: 16px !important; /* Rounded corners */
    overflow: hidden !important;
    background: rgba(26, 26, 26, 0.7) !important; /* Glassmorphism background */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6) !important; /* Rich depth shadow */
    transition: var(--transition) !important;
  }
  .who-we-are-col img {
    border: none !important;
    border-radius: 0 !important;
    aspect-ratio: 16/10 !important;
  }
  .col-content-box {
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 24px !important; /* Tighter padding for clean mobile aspect ratios */
    text-align: left !important; /* Left-aligned for high-readability on mobile */
  }
  .who-we-are-col h3 {
    font-size: 22px !important;
    margin-bottom: 12px !important;
  }
  .who-we-are-col p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* Hide original button inside card on mobile */
  .who-we-are-col .rect-cta {
    display: none !important;
  }

  /* Show and style mobile-only button placed below cards */
  .mobile-only-cta {
    display: flex !important;
    margin-top: 32px !important;
    max-width: 100% !important;
    width: 100% !important;
    background: var(--color-gold) !important;
    color: var(--color-black) !important;
    font-family: var(--font-heading) !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 25px rgba(201, 168, 76, 0.3) !important;
  }

  /* Creative Polish for Homepage About Us Section on Mobile/Tablet */
  #homepage-about {
    padding: 60px 0 !important;
  }
  .about-homepage-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
    text-align: left !important;
  }
  .about-homepage-grid > .about-img-frame {
    display: none !important;
  }
  .mobile-only-about-img {
    display: block !important;
    max-width: 100% !important;
    margin: 24px 0 10px !important;
  }
  .about-img-frame img {
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
  }
  .about-img-frame::before {
    top: -10px !important;
    left: -10px !important;
    width: 60px !important;
    height: 60px !important;
    border-width: 2px !important;
  }
  .about-content-wrap {
    gap: 30px !important;
  }
  .about-mv-row {
    grid-template-columns: 1fr !important; /* Stack Mission and Vision cards vertically */
    gap: 20px !important;
  }
  .about-mv-card {
    border: 2px solid rgba(201, 168, 76, 0.25) !important; /* Cohesive gold outline border */
    background: rgba(26, 26, 26, 0.7) !important; /* Cohesive glassmorphism */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
    padding: 24px !important;
    border-radius: 12px !important;
    transition: var(--transition) !important;
  }
  .about-mv-card:hover {
    border-color: var(--color-gold) !important;
    box-shadow: 0 0 20px rgba(201, 168, 76, 0.3) !important;
    transform: translateY(-4px) !important;
  }

  /* Preloader Responsive scaling */
  #loading-screen .loader-logo {
    font-size: clamp(40px, 9vw, 68px) !important;
  }
  #loading-screen .loader-tagline {
    font-size: clamp(12px, 3vw, 16px) !important;
    margin-top: 5px !important;
    text-align: center !important;
    padding: 0 20px !important;
  }

  /* What We Do Section mobile font sizing */
  .wwd-main-headline {
    font-size: clamp(26px, 7vw, 42px) !important;
    line-height: 1.25 !important;
  }

  /* Creative Polish for Our Simple Steps Section on Mobile/Tablet */
  .steps-section {
    padding: 60px 0 !important;
  }
  .steps-headline {
    font-size: clamp(26px, 8vw, 42px) !important;
    line-height: 1.25 !important;
  }
  .steps-cta {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    margin-top: 10px !important;
    padding: 14px 28px !important;
    font-size: 13px !important;
  }
  .steps-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .steps-card.span-wide,
  .steps-card.span-tall,
  .steps-card.span-full {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .steps-card {
    border: 2px solid rgba(201, 168, 76, 0.25) !important; /* Premium outlined border */
    background: rgba(26, 26, 26, 0.7) !important; /* Glassmorphism background */
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important; /* Cohesive depth shadow */
    padding: 24px !important;
    border-radius: 16px !important;
    transition: var(--transition) !important;
  }
  .steps-card:hover {
    border-color: var(--color-gold) !important;
    box-shadow: 0 0 20px rgba(201, 168, 76, 0.3) !important;
    transform: translateY(-5px) !important;
  }
  .steps-card-title {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }
  .steps-card-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* Creative Polish for Brandozer Achievements Section on Mobile/Tablet */
  .ach-section {
    padding: 60px 0 !important;
  }
  .ach-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .ach-headline {
    font-size: clamp(32px, 9vw, 56px) !important;
    margin-bottom: 30px !important;
    letter-spacing: -1px !important;
    text-align: left !important;
  }
  .ach-item {
    flex-direction: row !important; /* Keep statement and badge horizontal */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 20px !important;
    background: rgba(26, 26, 26, 0.5) !important; /* Premium card background */
    border: 1px solid rgba(201, 168, 76, 0.25) !important; /* Premium gold outlined border */
    border-radius: 12px !important;
    margin-bottom: 16px !important;
    text-align: left !important;
    transition: var(--transition) !important;
  }
  .ach-item:hover, .ach-item:active {
    border-color: var(--color-gold) !important;
    background: rgba(201, 168, 76, 0.05) !important;
    padding-left: 24px !important;
  }
  .ach-statement {
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
    text-align: left !important;
  }
  .ach-desc {
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
  .ach-badge {
    margin-left: 0 !important;
    padding: 6px 14px !important;
    font-size: 10px !important;
    border-radius: 30px !important;
    background: rgba(201, 168, 76, 0.1) !important;
    border-color: rgba(201, 168, 76, 0.5) !important;
  }
  .ach-narrative {
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-align: left !important;
    margin-top: 10px !important;
  }
  .ach-img-card {
    border: 2px solid rgba(201, 168, 76, 0.25) !important; /* Unified glowing outline */
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
  }
}

/* ─── Mobile 480px ─── */
@media (max-width: 480px) {
  :root { font-size: 14px; }
  
  .section-title { font-size: clamp(26px, 8vw, 38px); }
  .section-label { font-size: 10px; }
  
  .btn-primary, .btn-secondary {
    padding: 14px 24px;
    font-size: 13px;
    width: 100%;
    justify-content: center;
  }
  
  .hero-btns {
    flex-direction: column;
    gap: 12px !important;
    width: 100%;
  }
  
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-number { font-size: 42px; }
  
  .portfolio-grid { grid-template-columns: 1fr !important; }
  .value-grid { grid-template-columns: 1fr !important; }
  .values-grid { grid-template-columns: 1fr !important; }
  .team-grid { grid-template-columns: 1fr !important; }
  .process-steps-grid { grid-template-columns: 1fr !important; }
  
  .pricing-price { font-size: 42px; }
  
  .footer-socials { flex-wrap: wrap; }
  
  .nav-logo-img {
    max-height: 88px !important;
    margin: 0 !important;
  }
  .nav-brand-text { display: none; }
  
  .blog-grid { grid-template-columns: 1fr !important; }
  .blog-featured { grid-column: 1 !important; }

  /* Normalize Featured Blog Post on Mobile */
  .blog-featured {
    display: block !important;
  }
  .blog-featured .blog-img {
    height: 220px !important;
  }
  .blog-featured .blog-content {
    padding: 28px !important;
    display: block !important;
  }
  .blog-featured .blog-title {
    font-size: 20px !important;
    margin-bottom: 12px !important;
    line-height: 1.4 !important;
  }
  .blog-featured .blog-excerpt {
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  .blog-featured .blog-meta {
    margin-top: 16px !important;
    padding-top: 0 !important;
  }

  /* Meet the Team Mobile Heading Adjustments */
  .team-heading {
    white-space: normal !important;
    font-size: clamp(26px, 6vw, 34px) !important;
    line-height: 1.3 !important;
  }
  .team-mobile-br {
    display: block !important;
  }

  /* Testimonial Section Label Mobile Override */
  .clients-say-label {
    font-size: 14px !important;
    letter-spacing: 4px !important;
  }

  /* Services Section Mobile Overrides */
  .specialized-services-label {
    font-size: 14px !important;
    letter-spacing: 4px !important;
  }
  .services-mobile-br {
    display: block !important;
  }
  .services-tab-container {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 12px !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;
    justify-content: flex-start !important;
  }
  .services-tab-container::-webkit-scrollbar {
    height: 3px !important;
  }
  .services-tab-container::-webkit-scrollbar-thumb {
    background: var(--color-gold) !important;
    border-radius: 4px;
  }
  .services-tab {
    padding: 10px 18px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .service-row {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 20px 16px !important;
  }
  .service-row-num {
    font-size: 15px !important;
    margin-bottom: 4px !important;
    color: var(--color-gold) !important;
    opacity: 1 !important;
    background: rgba(201, 168, 76, 0.08) !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
  }
  .service-row-title {
    font-size: 17px !important;
    line-height: 1.3 !important;
  }
  .service-row-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* Creative Mobile Contact Form Boundary */
  #contact-form {
    padding: 32px 20px !important;
    margin-top: 16px !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    border-radius: 20px !important;
    background: linear-gradient(145deg, rgba(20, 20, 20, 0.9), rgba(10, 10, 10, 0.95)) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(201, 168, 76, 0.08) !important;
    position: relative !important;
  }
  
  /* Subtle top golden glow */
  #contact-form::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 15% !important;
    right: 15% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, var(--color-gold), transparent) !important;
    opacity: 0.8 !important;
  }

  /* Creative Mobile Contact Sidebar (Card) */
  .mobile-contact-sidebar {
    padding: 32px 24px !important;
    border-radius: 20px !important;
    margin-top: 16px !important;
  }
  .mobile-contact-sidebar .section-label {
    margin-bottom: 24px !important;
    font-size: 15px !important;
    letter-spacing: 4px !important;
  }
  .mobile-contact-sidebar > div:nth-child(3) {
    margin-bottom: 32px !important;
    gap: 20px !important;
  }
  .mobile-contact-sidebar .footer-contact-item {
    gap: 16px !important;
  }
  .mobile-contact-sidebar .footer-contact-item > div:first-child {
    width: 44px !important;
    height: 44px !important;
    font-size: 18px !important;
    border-radius: 12px !important;
  }
  .mobile-contact-sidebar .footer-contact-item a, 
  .mobile-contact-sidebar .footer-contact-item div {
    font-size: 14px !important;
  }
  .mobile-contact-sidebar > p:nth-child(4) {
    margin-bottom: 16px !important;
    font-size: 12px !important;
  }
  .mobile-contact-sidebar .hero-social-mini {
    gap: 12px !important;
    justify-content: flex-start !important;
  }
  .mobile-contact-sidebar .hero-social-mini a {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
}

/* ─── Global Meet the Team Heading Styles ─── */
.team-heading {
  white-space: nowrap;
}
.team-mobile-br {
  display: none;
}

/* ─── Global Testimonial Label Styles ─── */
.clients-say-label {
  font-size: 20px;
  letter-spacing: 8px;
}

/* ─── Global Services Section Styles ─── */
.specialized-services-label {
  font-size: 20px;
  letter-spacing: 8px;
}
.services-mobile-br {
  display: none;
}

/* ─── Landscape mobile ─── */
@media (max-width: 768px) and (orientation: landscape) {
  .page-hero { min-height: auto; padding: 100px 24px 60px; }
}

/* ─── Large screens ─── */
@media (min-width: 1600px) {
  .container { max-width: 1480px; }
  section { padding: 120px 0; }
  .section-title { font-size: clamp(48px, 4vw, 72px); }
}

/* ─── Reduced Motion ─── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .reveal, .reveal-left, .reveal-right {
    opacity: 1;
    transform: none;
  }
  
  .ticker-inner, .logo-ticker-inner {
    animation: none;
  }
}

/* ─── Global Accordion Sizing/Display ─── */
.footer-accordion-chevron {
  display: none;
}