/* ============================================
   MALIK ADVERTISING — Light + Gold Design System
   Premium White & Gold Theme
   ============================================ */

/* Optimized Google Fonts — font-display:swap for no FOIT */
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2) format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v15/QGYvz_MVcBeNP4NJtEtq.woff2) format('woff2')}

/* ---- Design Tokens ---- */
:root {
  /* Backgrounds */
  --bg-primary: #ffffff;
  --bg-secondary: #faf9f6;
  --bg-tertiary: #f3f1ec;
  --bg-card: #ffffff;
  --bg-card-hover: #fffdf8;
  --bg-glass: rgba(255, 255, 255, 0.85);
  --bg-brand-tint: #FDF2F2;
  --bg-brand-subtle: rgba(237, 50, 55, 0.06);
  --bg-dark: #1a1a2e;
  --bg-dark-secondary: #232340;

  /* Brand Palette */
  --brand-red-lightest: #FDF2F2;
  --brand-red-lighter: #FAD1D2;
  --brand-red-light: #F6A3A5;
  --brand-red-medium: #F27578;
  --brand-red: #ED3237;
  --brand-red-dark: #C4252A;
  --brand-red-darker: #9A1D21;
  --brand-red-darkest: #701518;
  --brand-green: #00A859;
  
  /* Gold Palette */
  --gold-light: #fef3c7;
  --gold: #f59e0b;
  --gold-dark: #d97706;

  /* Accent */
  --accent: var(--brand-red);
  --accent-hover: var(--brand-red-dark);
  --accent-light: var(--brand-red-medium);
  --accent-text: var(--brand-red-dark); /* WCAG AA on white */
  --accent-bg: var(--brand-red-lightest);

  /* Text */
  --text-primary: #1a1a2e;
  --text-secondary: #555566;
  --text-muted: #8c8c9a;
  --text-inverse: #ffffff;
  --text-brand: var(--brand-red-dark);

  /* Borders */
  --border-light: rgba(0, 0, 0, 0.07);
  --border-medium: rgba(0, 0, 0, 0.12);
  --border-brand: rgba(237, 50, 55, 0.25);
  --border-brand-strong: rgba(237, 50, 55, 0.5);

  /* Gradients */
  --grad-brand: linear-gradient(135deg, var(--brand-red), var(--brand-red-dark));
  --grad-brand-shine: linear-gradient(135deg, var(--brand-red-light), var(--brand-red), var(--brand-red-dark));
  --grad-brand-soft: linear-gradient(135deg, var(--brand-red-lightest), var(--brand-red-lighter));
  --grad-hero: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(250,249,246,0.9));
  --grad-dark: linear-gradient(135deg, #1a1a2e, #232340);

  /* Typography */
  --ff-display: 'Playfair Display', Georgia, serif;
  --ff-body: 'Inter', system-ui, -apple-system, sans-serif;
  --ff-heading: 'Outfit', 'Inter', sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3rem;
  --fs-5xl: 3.75rem;

  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-normal: 1.6;
  --lh-relaxed: 1.75;

  /* Spacing */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem; --sp-8: 2rem; --sp-10: 2.5rem;
  --sp-12: 3rem; --sp-16: 4rem; --sp-20: 5rem; --sp-24: 6rem;

  /* Radii */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-xl: 16px;
  --r-2xl: 24px; --r-full: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.1);
  --shadow-xl: 0 16px 50px rgba(0,0,0,0.12);
  --shadow-gold: 0 4px 20px rgba(184,134,11,0.15);
  --shadow-gold-lg: 0 8px 40px rgba(184,134,11,0.2);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 8px 30px rgba(0,0,0,0.08), 0 2px 8px rgba(184,134,11,0.08);

  /* Transitions */
  --t-fast: 150ms ease;
  --t-base: 300ms ease;
  --t-smooth: 500ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --max-w: 1280px;
  --nav-h: 76px;
}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--ff-body);background:var(--bg-primary);color:var(--text-primary);line-height:var(--lh-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{text-decoration:none;color:inherit;transition:color var(--t-fast)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}
::selection{background:var(--accent);color:#fff}

/* ---- Utilities ---- */
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-6)}
.section{padding:var(--sp-24) 0;position:relative}
.section--alt{background:var(--bg-secondary)}
.section--gold{background:var(--bg-brand-tint)}
.section--dark{background:var(--bg-dark);color:var(--text-inverse)}

.section-label{font-family:var(--ff-heading);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.2em;color:#b8860b;margin-bottom:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3)}
.section-label::before{content:'';width:28px;height:2px;background:linear-gradient(135deg, #d4a017, #b8860b);display:inline-block}
.section-title{font-family:var(--ff-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin-bottom:var(--sp-5);color:var(--text-primary)}
.section--dark .section-title{color:var(--text-inverse)}
.section-title .brand-red{color:#ED3237}
.section-subtitle{font-size:var(--fs-md);color:var(--text-secondary);max-width:620px;line-height:var(--lh-relaxed)}
.section--dark .section-subtitle{color:rgba(255,255,255,0.7)}
.section-header{text-align:center;margin-bottom:var(--sp-16)}
.section-header .section-label{justify-content:center}
.section-header .section-subtitle{margin:0 auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-8);border-radius:var(--r-full);font-family:var(--ff-heading);font-weight:var(--fw-semibold);font-size:var(--fs-sm);letter-spacing:.04em;transition:all var(--t-base);position:relative;overflow:hidden;white-space:nowrap}
.btn-primary{background:#ED3237;color:#fff;box-shadow:0 4px 15px rgba(237,50,55,0.3)}
.btn-primary:hover{transform:translateY(-2px);background:#d32025;box-shadow:0 6px 20px rgba(237,50,55,0.4)}
.btn-primary:active{transform:translateY(0)}
.btn-secondary{background:var(--bg-dark);color:#fff;box-shadow:var(--shadow-sm)}
.btn-secondary:hover{background:var(--bg-dark-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-outline{border:1.5px solid var(--border-brand-strong);color:var(--accent-text);background:transparent}
.btn-outline:hover{background:var(--accent-bg);border-color:var(--accent);transform:translateY(-2px)}
.btn-white{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}
.btn-white:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.btn-red{background:#ED3237;color:#fff;box-shadow:0 4px 15px rgba(237,50,55,0.3)}
.btn-red:hover{background:#d32025;transform:translateY(-2px);box-shadow:0 6px 20px rgba(237,50,55,0.4)}
.btn-green{background:#00A859;color:#fff;box-shadow:0 4px 15px rgba(0,168,89,0.3)}
.btn-green:hover{background:#008f4c;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,168,89,0.4)}
.btn-lg{padding:var(--sp-4) var(--sp-10);font-size:var(--fs-base)}
.btn svg{width:18px;height:18px;flex-shrink:0}

/* ============================================
   NAVIGATION
   ============================================ */
.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-h);z-index:1000;transition:all var(--t-base);background:rgba(255,255,255,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.navbar.scrolled{background:rgba(255,255,255,0.95);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-light)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%}
.nav-logo{display:flex;align-items:center;gap:var(--sp-3);z-index:1001}
.nav-logo svg{width:55px;height:55px;flex-shrink:0}
.nav-logo-text{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary)}
.nav-logo-text span.brand-red { color: #ED3237; }
.nav-logo-text span.brand-green { color: #00A859; }
.nav-links{display:flex;align-items:center;gap:var(--sp-6)}
.nav-link{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);padding:var(--sp-2) 0;position:relative;transition:color var(--t-base)}
.nav-link:hover,.nav-link.active{color:var(--text-primary)}
.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--grad-brand);transition:width var(--t-base);border-radius:1px}
.nav-link:hover::after,.nav-link.active::after{width:100%}
.nav-cta{margin-left:var(--sp-3)}

/* Dropdown & Mega Menu */
.nav-item.dropdown { position: relative; }
.nav-item.dropdown-mega { position: static; }
.dropdown-menu {
  position: absolute; top: 100%; left: 0; min-width: 240px; background: #fff;
  border: 1px solid var(--border-light); border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  padding: var(--sp-2) 0; opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: all var(--t-fast); z-index: 1002;
}
.mega-menu {
  position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto;
  max-width: 1100px; width: 95vw; background: #fff;
  border: 1px solid var(--border-light); border-radius: var(--r-md); box-shadow: var(--shadow-lg);
  padding: var(--sp-4) var(--sp-6); opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: all var(--t-fast); z-index: 1002;
  max-height: 65vh; overflow-y: auto;
}
.nav-item.dropdown:hover .dropdown-menu,
.nav-item.dropdown-mega:hover .mega-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.mega-grid { display: grid; gap: var(--sp-2) var(--sp-4); }
.mega-grid-2 { grid-template-columns: repeat(2, 1fr); }
.mega-grid-3 { grid-template-columns: repeat(3, 1fr); }
.mega-grid-4 { grid-template-columns: repeat(4, 1fr); }
.mega-menu::-webkit-scrollbar { width: 6px; }
.mega-menu::-webkit-scrollbar-track { background: var(--bg-secondary); border-radius: 4px; }
.mega-menu::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.mega-menu::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.dropdown-item {
  display: block; padding: var(--sp-2) var(--sp-4); font-family: var(--ff-heading);
  font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-secondary); 
  transition: background var(--t-fast), color var(--t-fast); border-radius: 4px;
}
.dropdown-item:hover, .dropdown-item.active { background: var(--bg-brand-tint); color: var(--accent); }
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:4px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);transition:all var(--t-base);border-radius:2px}
.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ============================================
   HERO
   ============================================ */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:var(--nav-h);background:var(--bg-secondary)}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.1}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(250,249,246,.97),rgba(255,255,255,.92) 50%,rgba(254,249,239,.95))}
.hero .container{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--sp-16);padding:var(--sp-16) var(--sp-6)}
.hero-content{max-width:600px}
.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:#fdfaf3;border:1px solid #e5d1a5;border-radius:var(--r-full);font-family:var(--ff-heading);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:#9f7521;margin-bottom:var(--sp-8);animation:fadeInUp .8s ease forwards}
.hero-badge .dot{width:8px;height:8px;background:#b98516;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 4px #b98516,0 0 12px rgba(184,134,11,.3)}50%{box-shadow:0 0 8px #b98516,0 0 24px rgba(184,134,11,.5)}}
.hero-title{font-family:var(--ff-display);font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);margin-bottom:var(--sp-6);animation:fadeInUp .8s ease .15s both}
.hero-title .accent{color:var(--accent)}
.hero-desc{font-size:var(--fs-md);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--sp-10);max-width:500px;animation:fadeInUp .8s ease .3s both}
.hero-actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-12);animation:fadeInUp .8s ease .45s both}
.hero-stats{display:flex;gap:var(--sp-10);animation:fadeInUp .8s ease .6s both}
.hero-stat-number{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--accent);line-height:1;margin-bottom:2px}
.hero-stat-label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium)}
.hero-visual{position:relative;animation:fadeInRight 1s ease .4s both}
.hero-img-main{width:100%;max-width:500px;border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:4px solid #fff;margin:0 auto}
.hero-img-main img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.hero-float{position:absolute;background:#fff;border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-md);z-index:10;animation:float 4s ease-in-out infinite}
.hero-float svg{width:32px;height:32px;flex-shrink:0}
.hero-float-text{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-primary)}
.hero-float-sub{font-size:10px;color:var(--text-muted)}
.hero-float-1{top:10%;right:-16px;animation-delay:0s}
.hero-float-2{bottom:10%;left:-16px;animation-delay:1.5s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ============================================
   TICKER
   ============================================ */
.ticker{padding:var(--sp-8) 0;background:var(--bg-primary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);overflow:hidden}
.ticker-label{text-align:center;font-family:var(--ff-heading);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-bottom:var(--sp-5)}
.ticker-track{display:flex;animation:marquee 50s linear infinite;width:max-content}
.ticker-track:hover{animation-play-state:paused}
.ticker-item{flex-shrink:0;padding:0 var(--sp-8);font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-muted);white-space:nowrap;display:flex;align-items:center;gap:var(--sp-4);transition:color var(--t-base)}
.ticker-item:hover{color:var(--accent)}
.ticker-item .sep{width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:.4}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ============================================
   SERVICES
   ============================================ */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}
.service-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:var(--sp-6);overflow:hidden;transition:all var(--t-smooth);cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%}
.service-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}
.service-card-img{width:100%;height:250px;border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-5)}
.service-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-smooth)}
.service-card:hover .service-card-img img{transform:scale(1.05)}
.service-card-icon{width:48px;height:48px;border-radius:var(--r-lg);background:var(--bg-brand-tint);border:1px solid var(--border-brand);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}
.service-card-icon svg{width:24px;height:24px;color:var(--accent)}
.service-card h3{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--sp-2);color:var(--text-primary)}
.service-card p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);flex-grow:1}
.service-card-link{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--accent-text);transition:gap var(--t-base)}
.service-card:hover .service-card-link{gap:var(--sp-3)}

.fading-img-container { position: relative; width: 100%; overflow: hidden; }
.fading-img-container picture { width: 100%; height: 100%; display: block; }
.fading-img-container .fade-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.fading-img-container .img-top { animation: crossfade 6s infinite; }
@keyframes crossfade { 0%, 40% { opacity: 1; } 50%, 90% { opacity: 0; } 100% { opacity: 1; } }

/* ============================================
   CATEGORIES GRID
   ============================================ */
.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4)}
.category-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);text-align:center;transition:all var(--t-smooth);cursor:pointer}
.category-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-card-hover);transform:translateY(-4px);background:var(--bg-brand-tint)}
.category-card svg{width:28px;height:28px;margin:0 auto var(--sp-3);color:var(--accent)}
.category-card-name{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:var(--lh-snug)}

/* ============================================
   NEWSPAPERS GRID
   ============================================ */
.newspapers-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4)}
.newspaper-pill{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--sp-4);text-align:center;transition:all var(--t-base);cursor:pointer}
.newspaper-pill:hover{border-color:var(--border-brand);box-shadow:var(--shadow-gold);background:var(--bg-brand-tint);transform:translateY(-3px)}
.newspaper-pill-abbr{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--accent);margin-bottom:2px}
.newspaper-pill-name{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);line-height:var(--lh-snug)}
.newspaper-pill-lang{font-size:10px;color:var(--text-muted)}

/* ============================================
   WHY CHOOSE US
   ============================================ */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center}
.why-features{display:flex;flex-direction:column;gap:var(--sp-5)}
.why-feature{display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-4);border-radius:var(--r-lg);transition:background var(--t-base)}
.why-feature:hover{background:var(--bg-brand-subtle)}
.why-feature-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--r-lg);background:var(--bg-brand-tint);border:1px solid var(--border-brand);display:flex;align-items:center;justify-content:center}
.why-feature-icon svg{width:22px;height:22px;color:var(--accent)}
.why-feature h4{font-family:var(--ff-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:2px}
.why-feature p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}
.stats-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-2xl);padding:var(--sp-8);box-shadow:var(--shadow-lg)}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}
.stat-item{text-align:center;padding:var(--sp-5);border-radius:var(--r-lg);background:var(--bg-brand-tint);border:1px solid var(--border-brand);transition:all var(--t-base)}
.stat-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.stat-number{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:var(--fw-bold);color:var(--accent);margin-bottom:2px}
.stat-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium)}

/* ============================================
   PROCESS / HOW IT WORKS
   ============================================ */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-8);position:relative}
.process-grid::before{content:'';position:absolute;top:36px;left:12.5%;width:75%;height:2px;background:linear-gradient(90deg,var(--border-light),var(--accent),var(--border-light))}
.process-step{text-align:center;position:relative;z-index:1}
.process-step-num{width:52px;height:52px;margin:0 auto var(--sp-5);border-radius:50%;background:var(--bg-primary);border:2px solid var(--border-brand);display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--accent);transition:all var(--t-base)}
.process-step:hover .process-step-num{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-gold-lg);transform:scale(1.1)}
.process-step svg{width:28px;height:28px;color:var(--accent);margin:0 auto var(--sp-3)}
.process-step h3{font-family:var(--ff-heading);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--sp-2)}
.process-step p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal)}

/* ============================================
   GAZETTE SPOTLIGHT
   ============================================ */
.gazette-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:center}
.gazette-img{border-radius:var(--r-2xl);overflow:hidden;box-shadow:var(--shadow-lg);border:3px solid #fff}
.gazette-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.gazette-list{margin-top:var(--sp-6)}
.gazette-list li{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);border-bottom:1px solid var(--border-light)}
.gazette-list li:last-child{border-bottom:none}
.gazette-list svg{width:18px;height:18px;flex-shrink:0;color:var(--accent);margin-top:2px}
.gazette-faq{margin-top:var(--sp-8);background:var(--bg-brand-tint);border:1px solid var(--border-brand);border-radius:var(--r-xl);padding:var(--sp-6)}
.gazette-faq h3{font-family:var(--ff-heading);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--sp-3);color:var(--text-primary)}
.gazette-faq p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}

/* ============================================
   TESTIMONIALS
   ============================================ */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6)}
.testimonial-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:var(--sp-6);transition:all var(--t-smooth)}
.testimonial-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}
.testimonial-stars{color:var(--accent);font-size:var(--fs-sm);letter-spacing:2px;margin-bottom:var(--sp-3)}
.testimonial-text{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:var(--sp-5);font-style:italic;position:relative;padding-left:var(--sp-4);border-left:3px solid var(--border-brand)}
.testimonial-author{display:flex;align-items:center;gap:var(--sp-3)}
.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-brand-tint);border:2px solid var(--border-brand);display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--accent)}
.testimonial-name{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}
.testimonial-role{font-size:var(--fs-xs);color:var(--text-muted)}

/* ============================================
   FAQ
   ============================================ */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);max-width:960px;margin:0 auto}
.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-lg);overflow:hidden;transition:border-color var(--t-base)}
.faq-item.active,.faq-item:hover{border-color:var(--border-brand)}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);cursor:pointer;gap:var(--sp-3);transition:background var(--t-base)}
.faq-question:hover{background:var(--bg-brand-subtle)}
.faq-question h3{font-family:var(--ff-heading);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:var(--lh-snug)}
.faq-toggle{width:28px;height:28px;border-radius:50%;background:var(--bg-brand-tint);border:1px solid var(--border-brand);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-base)}
.faq-toggle svg{width:14px;height:14px;color:var(--accent);transition:transform var(--t-base)}
.faq-item.active .faq-toggle{background:var(--grad-brand)}
.faq-item.active .faq-toggle svg{transform:rotate(180deg);color:#fff}
.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--t-smooth)}
.faq-item.active .faq-answer{max-height:300px}
.faq-answer p{padding:0 var(--sp-5) var(--sp-5);font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-relaxed)}

/* ============================================
   CTA
   ============================================ */
.cta-box{position:relative;background:var(--grad-brand);border-radius:2rem;padding:var(--sp-20) var(--sp-8);text-align:center;overflow:hidden;color:#fff;box-shadow:0 25px 50px -12px rgba(237,50,55,0.4)}
.cta-box::before{content:'';position:absolute;top:-50%;left:-10%;width:70%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);transform:rotate(-15deg);pointer-events:none}
.cta-box::after{content:'';position:absolute;bottom:-50%;right:-10%;width:70%;height:200%;background:radial-gradient(circle,rgba(255,215,0,0.12) 0%,transparent 70%);transform:rotate(15deg);pointer-events:none}
.cta-box h2{font-family:var(--ff-display);font-size:3.5rem;font-weight:800;margin-bottom:var(--sp-5);position:relative;z-index:1;text-shadow:0 4px 12px rgba(0,0,0,0.15);line-height:1.2}
.cta-box h2 .gold{color:#FFD700;text-shadow:0 0 25px rgba(255,215,0,0.5)}
.cta-box p{font-size:1.25rem;color:rgba(255,255,255,0.95);margin-bottom:var(--sp-10);max-width:650px;margin-left:auto;margin-right:auto;position:relative;z-index:1;font-weight:500;line-height:1.6}
.cta-actions{display:flex;gap:var(--sp-4);justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.cta-contact{display:flex;gap:var(--sp-8);justify-content:center;margin-top:var(--sp-8);position:relative;z-index:1}
.cta-contact a{display:flex;align-items:center;gap:var(--sp-2);color:rgba(255,255,255,.8);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:color var(--t-base)}
.cta-contact a:hover{color:var(--brand-red-300)}
.cta-contact svg{width:18px;height:18px}

/* ============================================
   FOOTER
   ============================================ */
.footer{background:var(--bg-dark);color:rgba(255,255,255,.8);padding:var(--sp-16) 0 var(--sp-6)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-8)}
.footer-brand{max-width:300px}
.footer-logo{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}
.footer-logo svg{width:36px;height:36px}
.footer-logo-text{font-family:var(--ff-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:#fff}
.footer-logo-text span.brand-red{color:#ED3237}.footer-logo-text span.brand-green{color:#00A859}
.footer-brand p{font-size:var(--fs-sm);color:rgba(255,255,255,.6);line-height:var(--lh-relaxed);margin-bottom:var(--sp-5)}
.footer-social{display:flex;gap:var(--sp-3)}
.footer-social a{width:36px;height:36px;border-radius:var(--r-md);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all var(--t-base)}
.footer-social a:hover{background:rgba(184,134,11,.2);border-color:var(--accent);transform:translateY(-2px)}
.footer-social svg{width:16px;height:16px;color:rgba(255,255,255,.7)}
.footer-col-title{font-family:var(--ff-heading);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:var(--sp-5)}
.footer-links{display:flex;flex-direction:column;gap:var(--sp-2)}
.footer-link{font-size:var(--fs-sm);color:rgba(255,255,255,.55);transition:all var(--t-base);padding:2px 0}
.footer-link:hover{color:var(--brand-red-300);padding-left:var(--sp-2)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--sp-6);display:flex;justify-content:space-between;align-items:center}
.footer-copyright{font-size:var(--fs-xs);color:rgba(255,255,255,.4)}
.footer-legal{display:flex;gap:var(--sp-5)}
.footer-legal a{font-size:var(--fs-xs);color:rgba(255,255,255,.4);transition:color var(--t-base)}
.footer-legal a:hover{color:var(--brand-red-300)}

/* ============================================
   ANIMATIONS
   ============================================ */
.reveal{opacity:0;transform:translateY(24px);transition:all .7s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}
.reveal-delay-5{transition-delay:.5s}
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:1024px){
  :root{--fs-5xl:3rem;--fs-4xl:2.25rem;--fs-3xl:1.75rem}
  .hero .container{grid-template-columns:1fr;text-align:center}
  .hero-content{max-width:100%}.hero-desc{max-width:100%;margin:0 auto var(--sp-10)}
  .hero-actions{justify-content:center}.hero-stats{justify-content:center}
  .hero-visual{display:none}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .categories-grid{grid-template-columns:repeat(4,1fr)}
  .newspapers-grid{grid-template-columns:repeat(4,1fr)}
  .why-grid,.gazette-grid{grid-template-columns:1fr}
  .process-grid{grid-template-columns:repeat(2,1fr)}.process-grid::before{display:none}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .section{padding:3rem 0}
  :root{--fs-5xl:2.25rem;--fs-4xl:1.75rem;--fs-3xl:1.5rem;--nav-h:64px}
  .nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#fff;flex-direction:column;justify-content:flex-start;padding-top:100px;overflow-y:auto;gap:var(--sp-4);transition:right var(--t-smooth);border-left:1px solid var(--border-light);padding-left:var(--sp-6);padding-right:var(--sp-6);padding-bottom:var(--sp-8);box-shadow:var(--shadow-xl);z-index:1002}
  .nav-links.open{right:0}
  .nav-toggle{display:flex;z-index:1003}.nav-cta{margin-left:0; width: 100%; text-align: center;}
  .dropdown-menu, .mega-menu { position: static; box-shadow: none; border: none; padding-left: var(--sp-2);
      opacity: 1; visibility: visible; transform: none; display: none; background: transparent; max-height: none; width: 100%; overflow: visible; margin-top: 10px; }
  .nav-item.dropdown.active .dropdown-menu, .nav-item.dropdown-mega.active .mega-menu { display: block; }
  .mega-grid { grid-template-columns: 1fr; gap: 4px; }
  .dropdown-item { padding: 8px 12px; font-size: 0.9rem; }
  .services-grid{grid-template-columns:1fr}
  .categories-grid{grid-template-columns:repeat(3,1fr)}
  .newspapers-grid{grid-template-columns:repeat(3,1fr)}
  .process-grid{grid-template-columns:1fr;gap:var(--sp-5)}
  .testimonials-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .hero-stats{flex-wrap:wrap;gap:var(--sp-6)}
  .cta-box{padding:var(--sp-8)}
  .cta-box h2{font-size:2.25rem}
  .cta-box p{font-size:1.05rem}
  .cta-actions{flex-direction:column;align-items:center;width:100%}
  .cta-actions .btn{width:100%;justify-content:center}
  .cta-contact{flex-direction:column;align-items:center;gap:var(--sp-4)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-8)}
  .footer-bottom{flex-direction:column;gap:var(--sp-3);text-align:center}
}
@media(max-width:480px){
  :root{--fs-5xl:1.75rem;--fs-4xl:1.5rem}
  .categories-grid{grid-template-columns:1fr}
  .newspapers-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

.hero-visual-stack { position: relative; width: 100%; max-width: 440px; aspect-ratio: 1/1; margin: 5rem auto 2rem; }
.hero-visual-stack img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.12); border: 4px solid #fff; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease, filter 0.5s ease, z-index 0s; cursor: pointer; animation: float-img 6s ease-in-out infinite; }
@keyframes float-img { 0%, 100% { top: 0; } 50% { top: -12px; } }
.hero-visual-stack img:nth-child(1) { transform: translate(0, 0); z-index: 4; animation-delay: 0s; }
.hero-visual-stack img:nth-child(2) { transform: translate(-40px, -40px) scale(0.95); z-index: 3; filter: brightness(0.95); animation-delay: -1.5s; }
.hero-visual-stack img:nth-child(3) { transform: translate(-80px, -80px) scale(0.9); z-index: 2; filter: brightness(0.9); animation-delay: -3s; }
.hero-visual-stack img:nth-child(4) { transform: translate(-120px, -120px) scale(0.85); z-index: 1; filter: brightness(0.85); animation-delay: -4.5s; }
.hero-visual-stack img.active-front { transform: translate(30px, 30px) scale(1.05) !important; z-index: 10 !important; box-shadow: -10px 20px 40px rgba(0,0,0,0.25); filter: brightness(1) !important; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, filter 0.3s ease; }
@media(max-width: 768px) {
  .hero-visual-stack { max-width: 320px; margin: 4rem auto 2rem; }
  .hero-visual-stack img:nth-child(2) { transform: translate(-25px, -25px) scale(0.95); }
  .hero-visual-stack img:nth-child(3) { transform: translate(-50px, -50px) scale(0.9); }
  .hero-visual-stack img:nth-child(4) { transform: translate(-75px, -75px) scale(0.85); }
  .hero-visual-stack img.active-front { transform: translate(15px, 15px) scale(1.05) !important; }
}

/* ============================================
   CLASSIFIED TEXT ADS — Unique Components
   ============================================ */

/* Page Hero (different from global .hero — no full-vh, has 50/50 grid) */
.ct-hero{padding-top:calc(var(--nav-h) + 4.5rem);padding-bottom:5rem;background:linear-gradient(150deg,#fff 0%,#fdf9f5 60%,#faf4ef 100%);position:relative;overflow:hidden}
.ct-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 85% 40%,rgba(237,50,55,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 10% 80%,rgba(0,168,89,.05) 0%,transparent 60%);pointer-events:none}
.ct-hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}
.ct-badge{display:inline-flex;align-items:center;gap:.6rem;background:var(--bg-brand-tint);color:var(--accent-text);border:1px solid var(--border-brand);padding:.45rem 1.25rem;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--sp-6)}
.ct-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:ct-pulse 2s infinite}
@keyframes ct-pulse{0%,100%{box-shadow:0 0 4px var(--accent),0 0 10px rgba(184,134,11,.3);transform:scale(1)}50%{box-shadow:0 0 8px var(--accent),0 0 18px rgba(184,134,11,.5);transform:scale(1.3)}}
.ct-htitle{font-family:var(--ff-display);font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:900;line-height:1.12;margin-bottom:1.2rem}
.ct-htitle .brand-red{color:#ED3237}
.ct-hdesc{font-size:var(--fs-md);color:var(--text-secondary);line-height:var(--lh-relaxed);margin-bottom:1.9rem;max-width:530px}

/* Service Badges */
.ct-badges{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;padding:1rem 0 0}
.ct-badge-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-brand-tint);color:var(--accent-text);border:1px solid var(--border-brand);padding:.6rem 1.25rem;border-radius:var(--r-full);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:all var(--t-base);cursor:default;animation:ct-badgeFade .6s ease both}
.ct-badge-pill:nth-child(1){animation-delay:.1s}
.ct-badge-pill:nth-child(2){animation-delay:.2s}
.ct-badge-pill:nth-child(3){animation-delay:.3s}
.ct-badge-pill:nth-child(4){animation-delay:.4s}
.ct-badge-pill:hover{background:var(--brand-red-100);border-color:var(--brand-red-400);transform:translateY(-3px);box-shadow:var(--shadow-gold)}
@keyframes ct-badgeFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Info Boxes (4 square cards) */
.ct-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.ct-info-box{background:#fff;padding:2rem 1.5rem;border-radius:var(--r-xl);border:1px solid var(--border-light);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all var(--t-smooth);position:relative;overflow:hidden}
.ct-info-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-brand);transform:scaleX(0);transition:transform var(--t-base);transform-origin:left}
.ct-info-box:hover::before{transform:scaleX(1)}
.ct-info-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);border-color:var(--border-brand)}
.ct-info-box .ct-info-icon{width:64px;height:64px;border-radius:50%;background:var(--bg-brand-tint);border:1px solid var(--border-brand);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.8rem;transition:all var(--t-base)}
.ct-info-box:hover .ct-info-icon{background:var(--grad-brand);border-color:transparent;box-shadow:var(--shadow-gold);transform:scale(1.1)}
.ct-info-box h3{font-family:var(--ff-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:.5rem;line-height:var(--lh-snug)}
.ct-info-box p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;margin:0}
@media(max-width:768px){.ct-info-grid{grid-template-columns:1fr;gap:.8rem}.ct-info-box{aspect-ratio:auto;padding:1.2rem}}
.ct-hvis{position:relative}

/* Newspaper Preview Card */
.nprev{background:#fff;border-radius:var(--r-xl);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-light);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}
.nprev:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.18)}
.nbar{background:#1a1a1a;padding:.7rem 1rem;display:flex;align-items:center;gap:.45rem}
.ndot{width:9px;height:9px;border-radius:50%}
.ntit{color:rgba(255,255,255,.65);font-size:.72rem;margin:0 auto;font-weight:var(--fw-semibold);letter-spacing:1px}
.nbody{padding:1.2rem;background:var(--brand-red-50)}
.nsec{font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--brand-red-500);border-bottom:2px solid var(--brand-red-500);padding-bottom:.3rem;margin-bottom:.65rem}
.nad{font-family:'Courier New',monospace;font-size:.77rem;line-height:1.6;color:#333;padding:.55rem .7rem;border-radius:4px;margin-bottom:.55rem}
.nad.hl{background:#fffbe6;border:1px solid #f5d78a}
.nad.bd{border:1px solid #ccc}
.ct-flt{position:absolute;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:.8rem 1rem;font-size:.77rem;font-weight:var(--fw-bold);display:flex;align-items:center;gap:.4rem;animation:ct-float 4s ease-in-out infinite}
.ct-flt.tl{top:-1.1rem;left:-1.6rem;color:#00A859;border:1px solid #dcfce7;animation-delay:0s}
.ct-flt.br{bottom:-.9rem;right:-1.4rem;color:#ED3237;border:1px solid #fee2e2;animation-delay:1.5s}
@keyframes ct-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Red Stats Bar */
.ct-sbar{background:#ED3237;color:#fff;padding:1.2rem 0}
.ct-sbar .stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem}
.ct-sbar .stat-item{background:transparent;border:none;padding:.4rem}
.ct-sbar .stat-number{color:#fff;font-size:1.9rem}
.ct-sbar .stat-label{color:rgba(255,255,255,.85);font-size:.75rem}

/* What Are Section */
.ct-wgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;align-items:center}
.ct-wtext p{font-size:1.03rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.2rem}
.ct-ibox{background:#fee2e2;border-left:4px solid #ED3237;border-radius:var(--r-md);padding:1.1rem 1.35rem;margin-top:.5rem}
.ct-ibox p{margin:0;font-size:var(--fs-sm);color:#c41e23;font-weight:var(--fw-medium)}

/* Format Type Cards */
.ct-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:1.2rem}
.fc{background:#fff;border:1px solid var(--border-light);border-radius:var(--r-xl);padding:var(--sp-6);text-align:center;transition:all var(--t-base)}
.fc:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#ED3237}
.fc .fi{width:52px;height:52px;border-radius:50%;margin:0 auto .9rem;display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.fc .fn{font-weight:var(--fw-bold);font-size:.92rem;margin-bottom:.4rem}
.fc .fd{font-size:.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}
.fc .fbadge{font-size:.7rem;font-weight:var(--fw-bold);padding:.2rem .7rem;border-radius:var(--r-full);display:inline-block}
.fc .fsamp{font-family:'Courier New',monospace;font-size:.72rem;line-height:1.5;margin-top:.8rem;padding:.6rem .7rem;border-radius:var(--r-sm);text-align:left}

/* Category Cards */
.ct-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-6)}
.cc{background:#fff;border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:1.7rem;border:1px solid var(--border-light);position:relative;overflow:hidden;transition:all var(--t-base)}
.cc:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.cc .cac{position:absolute;top:0;left:0;right:0;height:4px}
.cc .chd{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.9rem}
.cc .cion{width:46px;height:46px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}
.cc .cname{font-size:1.08rem;font-weight:var(--fw-bold);margin-bottom:.12rem}
.cc .ctag{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:var(--fw-semibold)}
.cc .cdesc{font-size:.89rem;color:var(--text-secondary);line-height:1.63;margin-bottom:.85rem}
.cc .cnote{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:.35rem}

/* Newspaper Page Grid */
.ct-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.875rem}
.pc{background:#fff;border:1.5px solid var(--border-light);border-radius:var(--r-lg);padding:1rem .875rem;text-align:center;transition:all var(--t-fast)}
.pc:hover{border-color:#ED3237;transform:translateY(-3px);box-shadow:0 5px 16px rgba(237,50,55,.12)}
.pc .pico{font-size:1.3rem;margin-bottom:.4rem;display:block}
.pc .pn{font-weight:var(--fw-bold);font-size:.82rem;margin-bottom:.18rem}
.pc .pl{font-size:.7rem;color:var(--text-muted)}
.pc .pbdg{font-size:.66rem;font-weight:var(--fw-bold);padding:.15rem .5rem;border-radius:var(--r-full);margin-top:.3rem;display:inline-block}

/* Pricing Section */
.ct-pricing{background:var(--bg-primary);padding:var(--sp-20) 0;position:relative;overflow:hidden}
.ct-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.ct-price-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:2rem 1.6rem 1.8rem;position:relative;transition:all var(--t-smooth);display:flex;flex-direction:column;overflow:hidden}
.ct-price-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--r-xl) var(--r-xl) 0 0}
.ct-price-card:nth-child(1)::before{background:linear-gradient(90deg,#ED3237,#f87171)}
.ct-price-card:nth-child(2)::before{background:linear-gradient(90deg,#ED3237,#fb923c)}
.ct-price-card:nth-child(3)::before{background:linear-gradient(90deg,#00A859,#4ade80)}
.ct-price-card:nth-child(4)::before{background:linear-gradient(90deg,var(--accent),var(--brand-red-300))}
.ct-price-card::after{content:attr(data-step);position:absolute;top:-10px;right:-5px;font-family:var(--ff-display);font-size:8rem;font-weight:900;color:rgba(0,0,0,.03);line-height:1;pointer-events:none}
.ct-price-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.1);border-color:var(--border-brand)}
.ct-price-num{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:#fff;margin-bottom:1.2rem;flex-shrink:0;position:relative;z-index:1}
.ct-price-num.red{background:#ED3237;box-shadow:0 4px 15px rgba(237,50,55,.35)}
.ct-price-num.green{background:#00A859;box-shadow:0 4px 15px rgba(0,168,89,.35)}
.ct-price-num.muted{background:var(--accent);box-shadow:0 4px 15px rgba(184,134,11,.3)}
.ct-price-method{display:inline-block;font-size:.62rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:2px;padding:.3rem .8rem;border-radius:var(--r-full);margin-bottom:1rem;width:fit-content}
.ct-price-method.dark{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}
.ct-price-method.highlight{background:rgba(0,168,89,.1);color:#00A859;border:1px solid rgba(0,168,89,.2)}
.ct-price-card h3{font-family:var(--ff-display);font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-bottom:.7rem;color:var(--text-primary);line-height:var(--lh-snug)}
.ct-price-card>p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7;flex-grow:1;margin-bottom:1.5rem}
.ct-price-example{border-radius:var(--r-lg);padding:1.1rem 1.2rem;margin-top:auto;position:relative}
.ct-price-card:nth-child(1) .ct-price-example,.ct-price-card:nth-child(2) .ct-price-example{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1px solid rgba(237,50,55,.12)}
.ct-price-card:nth-child(3) .ct-price-example{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid rgba(0,168,89,.12)}
.ct-price-card:nth-child(4) .ct-price-example{background:linear-gradient(135deg,var(--brand-red-50),var(--bg-brand-tint));border:1px solid var(--border-brand)}
.ct-price-example .ex-title{font-family:var(--ff-display);font-size:.82rem;font-weight:var(--fw-bold);color:var(--text-primary);font-style:italic;margin-bottom:.5rem}
.ct-price-example p{font-size:.82rem;color:var(--text-secondary);line-height:1.7;margin:0}
.ct-price-example .ex-total{font-weight:var(--fw-bold);color:var(--text-primary)}
.ct-price-example .ex-highlight{color:#ED3237;font-weight:var(--fw-bold)}
.ct-price-example .ex-green{color:#00A859;font-weight:var(--fw-bold)}
.ct-pnote{background:var(--bg-brand-tint);border:1px solid var(--border-brand);border-radius:var(--r-lg);padding:1.2rem 1.4rem;font-size:.88rem;color:var(--text-secondary);line-height:1.65;display:flex;gap:.75rem;align-items:flex-start}
.ct-pnote strong{color:var(--text-primary)}
@media(max-width:1024px){.ct-pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.ct-pricing-grid{grid-template-columns:1fr}}

/* Ad Samples */
.ct-sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}
.sc2{background:var(--brand-red-50);border:1px solid var(--brand-red-200);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--shadow-xs);transition:all var(--t-fast)}
.sc2:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sc2 .slbl{font-size:.68rem;font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:2px;color:var(--accent-text);margin-bottom:.7rem}
.sc2 .stxt{font-family:'Courier New',monospace;font-size:.88rem;line-height:1.65;color:#2d2d2d}
.sc2 .sft{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--brand-red-200);display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}

/* Why Choose Cards */
.ct-wgr{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.wc{background:#fff;border-radius:var(--r-xl);padding:1.875rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);text-align:center;transition:all var(--t-base)}
.wc:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.wc .wi{width:64px;height:64px;border-radius:50%;margin:0 auto 1.35rem;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.wc .wt{font-size:1.02rem;font-weight:var(--fw-bold);margin-bottom:.55rem}
.wc .wd{font-size:.87rem;color:var(--text-secondary);line-height:1.63}

/* Legal Compliance */
.ct-lgrid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.ct-lgrid .li p{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.8;margin-top:1.1rem}
.ct-lbdg{display:inline-flex;align-items:center;gap:.55rem;background:#fee2e2;color:#ED3237;padding:.65rem 1.3rem;border-radius:var(--r-full);font-weight:var(--fw-bold);font-size:.85rem;margin-top:1.75rem}
.ct-litems{display:flex;flex-direction:column;gap:1.1rem}
.ct-litem{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.35rem 1.5rem;display:flex;gap:1.1rem;align-items:flex-start}
.ct-litem .lico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem}
.ct-litem .litn{font-weight:var(--fw-bold);font-size:.97rem;margin-bottom:.28rem}
.ct-litem .lidc{font-size:.85rem;color:var(--text-secondary);line-height:1.58;margin:0}
.ct-litem .lireq{margin-top:.45rem}
.ct-litem .lreq{font-size:.77rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem;margin-top:.2rem}

/* Booking Steps (5-col variant) */
.ct-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.15rem}
.ct-step{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:1.65rem 1.15rem;text-align:center;border-top:3px solid #ED3237;transition:transform var(--t-base)}
.ct-step:hover{transform:translateY(-6px)}
.ct-step .snum{width:48px;height:48px;background:#ED3237;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:var(--fw-extrabold);margin:0 auto 1rem;border:3px solid #fff;box-shadow:0 0 0 2px #ED3237}
.ct-step .stit{font-size:.97rem;font-weight:var(--fw-bold);margin-bottom:.45rem}
.ct-step .sdesc{font-size:.82rem;color:var(--text-secondary);line-height:1.5}

/* Writing Tips — 2-col layout (list left, sticky box right) */
.ct-tgrid{display:grid;grid-template-columns:1fr 420px;gap:3rem;align-items:start}
.ct-tlist{display:flex;flex-direction:column;gap:1rem}
.ct-tip-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--r-xl);padding:1.5rem 1.6rem;display:flex;gap:1rem;align-items:flex-start;position:relative;overflow:hidden;transition:all var(--t-smooth)}
.ct-tip-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--grad-brand);transform:scaleY(0);transform-origin:top;transition:transform var(--t-base)}
.ct-tip-card:hover::before{transform:scaleY(1)}
.ct-tip-card:hover{transform:translateX(4px);box-shadow:var(--shadow-card-hover);border-color:var(--border-brand)}
.ct-tip-icon{width:46px;height:46px;border-radius:var(--r-lg);background:var(--bg-brand-tint);border:1px solid var(--border-brand);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:all var(--t-base)}
.ct-tip-card:hover .ct-tip-icon{background:var(--grad-brand);border-color:transparent;box-shadow:var(--shadow-gold)}
.ct-tip-content{flex:1}
.ct-tip-tag{display:inline-block;font-size:.6rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:1.5px;padding:.18rem .6rem;border-radius:var(--r-full);background:var(--bg-tertiary);color:var(--text-muted);margin-bottom:.35rem;width:fit-content}
.ct-tip-tag.new{background:rgba(0,168,89,.1);color:#00A859}
.ct-tip-card h3{font-family:var(--ff-heading);font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-snug);margin:0 0 .3rem}
.ct-tip-card p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.65;margin:0}
.ct-tip-abbr{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.ct-tip-abbr span{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;padding:.12rem .4rem;font-family:'Courier New',monospace;font-size:.71rem;font-weight:var(--fw-bold)}
/* Sticky right box */
.ct-tsbox{background:var(--brand-red-50);border:1px solid var(--brand-red-200);border-radius:var(--r-xl);padding:1.85rem;position:sticky;top:calc(var(--nav-h) + 1.5rem)}
.ct-tsbox .tstit{font-size:.72rem;font-weight:var(--fw-extrabold);text-transform:uppercase;letter-spacing:2px;color:var(--brand-red-500);margin-bottom:1rem}
@media(max-width:1024px){.ct-tgrid{grid-template-columns:1fr}.ct-tsbox{position:static}}
@media(max-width:640px){.ct-tip-card{flex-direction:column;gap:.75rem}}

/* Comparison Table */
.ct-twrap{overflow-x:auto;border-radius:var(--r-xl);box-shadow:var(--shadow-md)}
.ct-twrap table{width:100%;border-collapse:collapse}
.ct-twrap thead th{background:#111827;color:#fff;padding:1rem 1.1rem;text-align:left;font-size:.86rem;font-weight:var(--fw-bold);white-space:nowrap}
.ct-twrap thead th:first-child{background:#0d1320;min-width:180px}
.ct-twrap tbody td{padding:.95rem 1.1rem;font-size:.86rem;border-bottom:1px solid var(--border-light);vertical-align:middle}
.ct-twrap tbody tr:last-child td{border-bottom:none}
.ct-twrap tbody tr:nth-child(even) td{background:var(--bg-secondary)}
.ct-twrap tbody td:first-child{font-weight:var(--fw-semibold);color:var(--text-secondary);font-size:.83rem}
.ck{color:#00A859;font-size:1.05rem}.cx{color:var(--text-muted)}
.tbest{background:#fef3c7;color:#92400e;font-size:.68rem;font-weight:var(--fw-bold);padding:.15rem .5rem;border-radius:4px;margin-left:.4rem}

/* FAQ (details/summary variant) */
.ct-flist{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}
.ct-fitem{background:#fff;border:1px solid var(--border-light);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow var(--t-fast)}
.ct-fitem:hover{box-shadow:var(--shadow-md)}
.ct-fitem[open]{box-shadow:0 4px 16px rgba(237,50,55,.09);border-color:rgba(237,50,55,.3)}
.ct-fitem summary{padding:1.25rem 1.55rem;display:flex;justify-content:space-between;align-items:center;font-weight:var(--fw-semibold);font-size:.95rem;color:var(--text-primary);outline:none;gap:1rem;transition:background var(--t-fast);list-style:none;cursor:pointer}
.ct-fitem summary::-webkit-details-marker{display:none}
.ct-fitem summary:hover{background:var(--bg-secondary)}
.ct-fitem[open] summary{background:#fff5f5;color:#ED3237}
.ct-fitem .fic{width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ED3237;font-size:1.05rem;font-weight:var(--fw-bold);line-height:1;transition:transform var(--t-base)}
.ct-fitem[open] .fic{transform:rotate(45deg);background:#fee2e2}
.ct-fitem .fbody{padding:0 1.55rem 1.35rem;color:var(--text-secondary);font-size:.92rem;line-height:var(--lh-relaxed)}

/* CTA Banner */
.ct-cta{background:linear-gradient(135deg,#c41e23 0%,#ED3237 50%,#d43030 100%);padding:var(--sp-20) 0;position:relative;overflow:hidden}
.ct-cta::before{content:'';position:absolute;top:-100px;right:-100px;width:450px;height:450px;background:rgba(255,255,255,.04);border-radius:50%}
.ct-cta::after{content:'';position:absolute;bottom:-150px;left:-50px;width:380px;height:380px;background:rgba(255,255,255,.03);border-radius:50%}
.ct-ctai{text-align:center;color:#fff;position:relative;z-index:1}
.ct-ctai h2{font-family:var(--ff-display);font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:.9rem}
.ct-ctai h2 span{color:#ffd700}
.ct-ctai p{font-size:1.03rem;opacity:.9;max-width:570px;margin:0 auto 2.4rem;line-height:var(--lh-relaxed)}
.ctaacts{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:2.5rem}
.btn-white{background:#fff;color:var(--text-primary);box-shadow:0 4px 15px rgba(0,0,0,.1)}
.btn-white:hover{background:#f8f9fa}
.btn-green{background:#00A859;color:#fff;box-shadow:0 4px 15px rgba(0,168,89,.3)}
.btn-green:hover{background:#008f4c;color:#fff}
.ct-cta .btn-outline{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.ct-cta .btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff}
.ctacons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;font-size:.95rem;color:rgba(255,255,255,.9)}
.ctacon{display:flex;align-items:center;gap:.5rem}

/* -- SAMPLE LIBRARY -- */
.sample-tabs-wrap{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center}
.stab{padding:.45rem 1.1rem;border:1.5px solid var(--border-light);border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;background:#fff;color:var(--text-muted);transition:.2s;font-family:inherit}
.stab:hover{border-color:var(--text-primary);color:var(--text-primary)}
.stab.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}
.samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}
.sample-card{background:#fff;border:1px solid var(--border-light);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.sc-head{background:var(--text-primary);color:#fff;padding:.65rem 1.1rem;display:flex;align-items:center;justify-content:space-between}
.sc-head-title{font-size:.8rem;font-weight:700}
.sc-head-paper{font-size:.65rem;color:rgba(255,255,255,.6);font-style:italic}
.sc-body{padding:1.1rem 1.2rem}
.sc-cat-label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.4rem}
.sc-word-count{font-size:.65rem;color:var(--text-muted);margin-top:.7rem;display:flex;align-items:center;gap:.3rem}
.sc-word-count span{background:var(--bg-accent);border:1px solid var(--border-light);padding:.1rem .45rem;border-radius:3px;font-weight:700;color:var(--text-primary)}
.newspaper-text{font-family:'Times New Roman',Times,serif;font-size:.82rem;line-height:1.7;color:#222;background:#fafaf7;border:1px solid #ddd;padding:.75rem .9rem;border-radius:5px}

/* Page-specific responsive */
@media(max-width:1024px){
  .ct-hgrid{grid-template-columns:1fr}.ct-hvis{display:none}
  .ct-wgrid{grid-template-columns:1fr}
  .ct-pricegrid{grid-template-columns:1fr}
  .ct-lgrid{grid-template-columns:1fr}
  .ct-tgrid{grid-template-columns:1fr}.ct-tsbox{position:static}
  .ct-wgr{grid-template-columns:1fr 1fr}
  .ct-steps{grid-template-columns:1fr 1fr 1fr}
  .ct-fgrid{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:768px){
  .ct-sbar .stats-grid{grid-template-columns:1fr 1fr}
  .ct-wgr{grid-template-columns:1fr}
  .ct-steps{grid-template-columns:1fr 1fr}
  .ct-fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .ct-steps{grid-template-columns:1fr}
  .ct-fgrid{grid-template-columns:1fr}
  .ct-sbar .stats-grid{grid-template-columns:1fr 1fr;gap:.5rem}
  .ct-twrap table{font-size:.78rem}
  .ct-twrap thead th,.ct-twrap tbody td{padding:.7rem}
}


/* Power Card Enhancements */
.power-card {
  background: var(--bg-primary);
  padding: 2.5rem;
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 1;
}

.power-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--brand-red), #ff7e67);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-out;
  z-index: -1;
}

.power-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
  border-color: rgba(237, 50, 55, 0.2);
}

.power-card:hover::before {
  transform: scaleX(1);
}

.power-card .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--bg-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  color: var(--brand-red);
  font-size: 1.5rem;
  transition: all 0.4s ease;
}

.power-card:hover .icon-wrapper {
  background: var(--brand-red);
  color: #fff;
  transform: rotate(10deg) scale(1.1);
  box-shadow: 0 10px 20px rgba(237, 50, 55, 0.3);
}

.power-card h3 {
  transition: color 0.3s ease;
}

.power-card:hover h3 {
  color: var(--brand-red);
}
/* Floating CTA Bar */
.floating-cta-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #0d1627;
  color: #fff;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  z-index: 9999;
  box-shadow: 0 -4px 15px rgba(0,0,0,0.15);
}

.floating-cta-text {
  font-size: 0.85rem;
  color: #ccd6f6;
}

.floating-cta-text strong {
  color: #fff;
}

.floating-cta-buttons {
  display: flex;
  gap: 0.6rem;
}

.floating-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.8rem;
  text-decoration: none;
  color: #fff;
  transition: transform 0.2s, box-shadow 0.2s;
}

.floating-btn:hover {
  transform: translateY(-2px);
}

.floating-btn.whatsapp {
  background: #25D366;
  box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);
}

.floating-btn.whatsapp:hover {
  box-shadow: 0 6px 14px rgba(37, 211, 102, 0.4);
}

.floating-btn.call {
  background: #2563eb;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.3);
}

.floating-btn.call:hover {
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.4);
}

.floating-btn.email {
  background: var(--brand-red);
  box-shadow: 0 4px 10px rgba(237, 50, 55, 0.3);
}

.floating-btn.email:hover {
  box-shadow: 0 6px 14px rgba(237, 50, 55, 0.4);
}

html, body { overflow-x: hidden; }`r`nbody {
  padding-bottom: 55px;
}

@media (max-width: 900px) {
  .floating-cta-bar {
    padding: 0.4rem;
    gap: 0;
  }
  .floating-cta-text {
    display: none;
  }
  .floating-cta-buttons {
    width: 100%;
    justify-content: space-between;
    gap: 0.3rem;
  }
  .floating-btn {
    flex: 1;
    justify-content: center;
    padding: 0.4rem 0.15rem;
    font-size: 0.7rem;
  }
  html, body { overflow-x: hidden; }`r`nbody {
    padding-bottom: 50px;
  }
}
/* Hero Animations extracted from services/index.html */
@keyframes pulseGlow { 0% { opacity: 0.6; transform: scale(0.85); } 100% { opacity: 1; transform: scale(1.15); } }
@keyframes premiumShine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }

/* Continuous Floating Animations */
@keyframes floatCard1 {
  0%, 100% { transform: rotate(-12deg) translateX(-110px) translateY(20px); }
  50% { transform: rotate(-10deg) translateX(-110px) translateY(5px); box-shadow: -15px 25px 40px rgba(0,0,0,0.12); }
}
@keyframes floatCard2 {
  0%, 100% { transform: rotate(0deg) translateZ(30px) translateY(-10px); }
  50% { transform: rotate(2deg) translateZ(30px) translateY(-25px); box-shadow: 0 30px 50px rgba(185,133,22,0.25); }
}
@keyframes floatCard3 {
  0%, 100% { transform: rotate(10deg) translateZ(60px) translateX(110px) translateY(10px); }
  50% { transform: rotate(8deg) translateZ(60px) translateX(110px) translateY(-5px); box-shadow: 20px 35px 55px rgba(237,50,55,0.45); }
}

.ad-card-text { animation: floatCard1 6s ease-in-out infinite; }
.ad-card-display { animation: floatCard2 7s ease-in-out infinite; }
.ad-card-premium { animation: floatCard3 5s ease-in-out infinite; }

/* Decorative Floating Elements */
@keyframes floatDeco1 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(-10px, -20px) rotate(45deg); } }
@keyframes floatDeco2 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(15px, 20px) scale(1.2); } }

/* Enhanced Hover Overrides */
.svc-hero-visual:hover .ad-card-text { animation-play-state: paused; transform: rotate(-15deg) translateX(-140px) translateY(10px) scale(1.08) !important; z-index: 4; box-shadow: -15px 25px 50px rgba(0,0,0,0.15) !important; }
.svc-hero-visual:hover .ad-card-display { animation-play-state: paused; transform: rotate(0deg) translateZ(60px) translateY(-30px) scale(1.08) !important; z-index: 4; box-shadow: 0 35px 70px rgba(185,133,22,0.3) !important; border-color:var(--gold); }
.svc-hero-visual:hover .ad-card-premium { animation-play-state: paused; transform: rotate(15deg) translateZ(100px) translateX(140px) translateY(0px) scale(1.08) !important; z-index: 4; box-shadow: 25px 40px 70px rgba(237,50,55,0.5) !important; border-color:#fff; }

/* Need Help CTA */
.need-help-cta {
  background: linear-gradient(135deg, var(--brand-red), var(--brand-red-dark));
  border-radius: var(--r-2xl);
  padding: var(--sp-12) var(--sp-8);
  text-align: center;
  color: #fff;
  margin: var(--sp-12) 0;
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
}
.need-help-cta::before {
  content: '';
  position: absolute;
  top: -50%; left: -50%;
  width: 200%; height: 200%;
  background: radial-gradient(circle, rgba(237,50,55,0.1) 0%, transparent 60%);
  z-index: 0;
}
.need-help-cta > * {
  position: relative;
  z-index: 1;
}
.need-help-cta h2 {
  font-family: var(--ff-display);
  font-size: var(--fs-3xl);
  font-weight: var(--fw-bold);
  margin-bottom: var(--sp-4);
}
.need-help-cta p {
  font-size: var(--fs-lg);
  color: #ffffff; line-height: 1.6; font-weight: 500; text-shadow: 0 1px 2px rgba(0,0,0,0.1);
  margin-bottom: var(--sp-8);
  max-width: 600px;
  margin-left: auto; margin-right: auto;
}
.need-help-actions {
  display: flex;
  justify-content: center;
  gap: var(--sp-4);
  flex-wrap: wrap;
}

.need-help-cta h2 .gold { color: #FFD700; text-shadow: 0 2px 10px rgba(0,0,0,0.1); }


/* Deep Dive Card Grid Fix */
.deep-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-8); }
@media(max-width: 768px) { .deep-card-grid { grid-template-columns: 1fr; } }

/* Compare Table Mobile Fix */
.compare-table th, .compare-table td { min-width: 150px; }
.compare-table th:first-child, .compare-table td:first-child { min-width: 120px; }