/* ==========================================================================
   تآنس | TAANUS — Platform Sales Website
   Modern Saudi SaaS design — warm, clean, professional.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Design Tokens
   -------------------------------------------------------------------------- */
@import url('fonts-cairo.css');
:root {
  /* Sage Green Palette — مطابقة للصورة #0F5B4E #2E7D6B #7FAE96 #F2D7B3 #FFE7CF #F6FBF7 */
  --taanus-sage-100: #F6FBF7;
  --taanus-sage-200: #E8F6F1;
  --taanus-sage-300: #7FAE96;
  --taanus-sage-400: #7FAE96;
  --taanus-sage-500: #2E7D6B;
  --taanus-sage-600: #2E7D6B;
  --taanus-sage-700: #0F5B4E;

  /* Deep Green (Primary) — من الهوية */
  --taanus-primary: #2E7D6B;
  --taanus-primary-dark: #0F5B4E;
  --taanus-primary-hover: #0A3D36;
  --taanus-primary-light: rgba(15, 91, 78, 0.08);
  --taanus-primary-glow: rgba(15, 91, 78, 0.15);

  /* Neutrals */
  --taanus-bg: #fafcfb;
  --taanus-bg-warm: #fdfcfa;
  --taanus-bg-card: #ffffff;
  --taanus-text: #1a2e28;
  --taanus-text-secondary: #4a6459;
  --taanus-text-muted: #7a9489;
  --taanus-border: #dce8e2;
  --taanus-border-light: #eaf2ed;

  /* Accents */
  --taanus-peach: #f5c9a8;
  --taanus-peach-light: rgba(245, 201, 168, 0.2);
  --taanus-gold: #d4a853;
  --taanus-gold-light: rgba(212, 168, 83, 0.12);
  --taanus-cream: #fdf8f0;
  --taanus-sky: #b8dce8;

  /* Semantic */
  --taanus-success: #3d9970;
  --taanus-warning: #d4a853;
  --taanus-danger: #c0392b;

  /* Spacing & Radius */
  --taanus-radius-xs: 6px;
  --taanus-radius-sm: 10px;
  --taanus-radius-md: 14px;
  --taanus-radius-lg: 20px;
  --taanus-radius-xl: 28px;
  --taanus-radius-pill: 999px;

  /* Shadows */
  --taanus-shadow-xs: 0 1px 2px rgba(26, 46, 40, 0.04);
  --taanus-shadow-sm: 0 2px 8px rgba(26, 46, 40, 0.06);
  --taanus-shadow-md: 0 6px 20px rgba(26, 46, 40, 0.08);
  --taanus-shadow-lg: 0 12px 40px rgba(26, 46, 40, 0.12);
  --taanus-shadow-xl: 0 20px 60px rgba(26, 46, 40, 0.16);

  /* Typography — Cairo أولًا (RTL First) */
  --taanus-font: 'Cairo', 'Tajawal', 'Segoe UI', 'Noto Sans Arabic', Tahoma, sans-serif;
  --taanus-font-mono: 'SF Mono', 'Fira Code', monospace;
}

/* --------------------------------------------------------------------------
   Reset & Base
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  font-family: var(--taanus-font);
  background: var(--taanus-bg);
  color: var(--taanus-text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--taanus-primary); text-decoration: none; transition: color 0.2s; }
a:hover { color: var(--taanus-primary-dark); }

h1, h2, h3, h4, h5, h6 {
  color: var(--taanus-text);
  font-weight: 700;
  line-height: 1.35;
}
h1 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); }
h2 { font-size: clamp(1.4rem, 2.5vw, 2rem); }
h3 { font-size: 1.15rem; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
.taanus-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(250, 252, 251, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--taanus-border-light);
  transition: box-shadow 0.3s;
}
.taanus-header.scrolled {
  box-shadow: var(--taanus-shadow-sm);
}
.taanus-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 72px;
}
.taanus-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 800;
  color: var(--taanus-primary-dark);
  font-size: 1.25rem;
  text-decoration: none;
  flex-shrink: 0;
}
.taanus-brand:hover { color: var(--taanus-primary); }
.taanus-brand-mark {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, var(--taanus-sage-300), var(--taanus-primary));
  border-radius: var(--taanus-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 900;
}
.taanus-brand-name-ar { font-size: 1.2rem; }
.taanus-brand-name-en {
  font-size: 0.7rem;
  color: var(--taanus-text-muted);
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* Navigation */
.taanus-nav {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.taanus-nav a {
  color: var(--taanus-text-secondary);
  padding: 0.5rem 0.9rem;
  border-radius: var(--taanus-radius-pill);
  font-size: 0.92rem;
  font-weight: 600;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.taanus-nav a:hover {
  background: var(--taanus-primary-light);
  color: var(--taanus-primary-dark);
}
.taanus-nav a.active {
  background: var(--taanus-primary);
  color: #fff;
}

/* Header Actions */
.taanus-header-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */
.taanus-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.65rem 1.4rem;
  border: 2px solid transparent;
  border-radius: var(--taanus-radius-md);
  font-size: 0.95rem;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.4;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  min-height: 44px;
}
.taanus-btn:active { transform: translateY(1px); }
.taanus-btn-primary {
  background: linear-gradient(135deg, var(--taanus-primary), var(--taanus-primary-dark));
  color: #fff;
  box-shadow: 0 4px 14px rgba(45, 122, 94, 0.25);
}
.taanus-btn-primary:hover {
  background: linear-gradient(135deg, var(--taanus-primary-dark), var(--taanus-primary-hover));
  color: #fff;
  box-shadow: 0 6px 20px rgba(45, 122, 94, 0.35);
  transform: translateY(-1px);
}
.taanus-btn-outline {
  background: var(--taanus-bg-card);
  border-color: var(--taanus-border);
  color: var(--taanus-text);
}
.taanus-btn-outline:hover {
  border-color: var(--taanus-primary);
  color: var(--taanus-primary-dark);
  background: var(--taanus-sage-100);
}
.taanus-btn-ghost {
  background: transparent;
  color: var(--taanus-text-secondary);
}
.taanus-btn-ghost:hover {
  background: var(--taanus-primary-light);
  color: var(--taanus-primary-dark);
}
.taanus-btn-lg { padding: 0.85rem 2rem; font-size: 1.05rem; }
.taanus-btn-sm { padding: 0.45rem 1rem; font-size: 0.88rem; min-height: 38px; }

/* --------------------------------------------------------------------------
   Hero Section
   -------------------------------------------------------------------------- */
.taanus-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--taanus-sage-100) 0%, var(--taanus-bg) 40%, var(--taanus-cream) 100%);
  padding: clamp(3.5rem, 8vw, 7rem) 0;
}
.taanus-hero::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -80px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--taanus-primary-glow), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.taanus-hero::after {
  content: "";
  position: absolute;
  bottom: -100px;
  right: -60px;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, var(--taanus-peach-light), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.taanus-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
.taanus-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--taanus-primary-light);
  border: 1px solid rgba(45, 122, 94, 0.15);
  padding: 0.4rem 1rem;
  border-radius: var(--taanus-radius-pill);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--taanus-primary);
  margin-bottom: 1.2rem;
}
.taanus-hero-badge .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--taanus-success);
  animation: pulse-dot 2s infinite;
}
@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.taanus-hero h1 {
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
}
.taanus-hero h1 span {
  background: linear-gradient(135deg, var(--taanus-primary), var(--taanus-sage-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.taanus-hero-lead {
  font-size: 1.15rem;
  color: var(--taanus-text-secondary);
  max-width: 520px;
  margin-bottom: 1.8rem;
  line-height: 1.8;
}
.taanus-hero-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* Hero Visual — Dashboard Mockup */
.taanus-hero-visual {
  position: relative;
}
.taanus-dashboard-mock {
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-lg);
  box-shadow: var(--taanus-shadow-lg);
  overflow: hidden;
}
.taanus-mock-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: var(--taanus-sage-100);
  border-bottom: 1px solid var(--taanus-border-light);
}
.taanus-mock-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--taanus-border);
}
.taanus-mock-dot:nth-child(1) { background: #e87c7c; }
.taanus-mock-dot:nth-child(2) { background: #e8c87c; }
.taanus-mock-dot:nth-child(3) { background: #7cc88e; }
.taanus-mock-body {
  display: grid;
  grid-template-columns: 180px 1fr;
  min-height: 280px;
}
.taanus-mock-sidebar {
  background: var(--taanus-bg-warm);
  border-left: 1px solid var(--taanus-border-light);
  padding: 1rem 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.taanus-mock-nav-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--taanus-radius-xs);
  font-size: 0.78rem;
  color: var(--taanus-text-muted);
}
.taanus-mock-nav-item.active {
  background: var(--taanus-primary-light);
  color: var(--taanus-primary);
  font-weight: 600;
}
.taanus-mock-content {
  padding: 1.2rem;
}
.taanus-mock-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.taanus-mock-stat {
  background: var(--taanus-sage-100);
  border-radius: var(--taanus-radius-sm);
  padding: 0.75rem;
  text-align: center;
}
.taanus-mock-stat strong {
  display: block;
  font-size: 1.3rem;
  color: var(--taanus-primary);
}
.taanus-mock-stat span {
  font-size: 0.7rem;
  color: var(--taanus-text-muted);
}
.taanus-mock-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.72rem;
}
.taanus-mock-table th {
  text-align: right;
  padding: 0.4rem 0.6rem;
  color: var(--taanus-text-muted);
  border-bottom: 1px solid var(--taanus-border-light);
  font-weight: 600;
}
.taanus-mock-table td {
  padding: 0.4rem 0.6rem;
  border-bottom: 1px solid var(--taanus-border-light);
}
.taanus-mock-badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: var(--taanus-radius-pill);
  font-size: 0.65rem;
  font-weight: 700;
}
.taanus-mock-badge-present { background: #d5f5e3; color: #27ae60; }
.taanus-mock-badge-absent { background: #fde8e8; color: #c0392b; }

/* --------------------------------------------------------------------------
   Trust / Stats Bar
   -------------------------------------------------------------------------- */
.taanus-trust-bar {
  background: var(--taanus-bg-card);
  border-top: 1px solid var(--taanus-border-light);
  border-bottom: 1px solid var(--taanus-border-light);
  padding: 1.5rem 0;
}
.taanus-trust-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  text-align: center;
}
.taanus-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
}
.taanus-trust-number {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  color: var(--taanus-primary);
  line-height: 1.2;
}
.taanus-trust-label {
  font-size: 0.88rem;
  color: var(--taanus-text-muted);
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   Sections
   -------------------------------------------------------------------------- */
.taanus-section {
  padding: clamp(3rem, 6vw, 5rem) 0;
}
.taanus-section-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 3rem;
}
.taanus-section-header h2 {
  margin-bottom: 0.75rem;
}
.taanus-section-header p {
  color: var(--taanus-text-secondary);
  font-size: 1.05rem;
}
.taanus-section-header .underline {
  display: block;
  width: 60px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--taanus-sage-400), var(--taanus-primary));
  margin: 0.75rem auto 0;
}
.taanus-section-alt {
  background: var(--taanus-sage-100);
}

/* --------------------------------------------------------------------------
   Feature Cards
   -------------------------------------------------------------------------- */
.taanus-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.25rem;
}
.taanus-feature-card {
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-lg);
  padding: 2rem 1.5rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
}
.taanus-feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--taanus-sage-400), var(--taanus-primary));
  opacity: 0;
  transition: opacity 0.3s;
}
.taanus-feature-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--taanus-shadow-md);
  border-color: rgba(45, 122, 94, 0.2);
}
.taanus-feature-card:hover::before { opacity: 1; }
.taanus-feature-icon {
  width: 52px;
  height: 52px;
  border-radius: var(--taanus-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.taanus-feature-icon.sage { background: var(--taanus-sage-100); color: var(--taanus-primary); }
.taanus-feature-icon.peach { background: var(--taanus-peach-light); color: #c0784a; }
.taanus-feature-icon.sky { background: rgba(184, 220, 232, 0.3); color: #2a7a9a; }
.taanus-feature-icon.gold { background: var(--taanus-gold-light); color: #a07820; }

.taanus-feature-card h3 { margin-bottom: 0.5rem; color: var(--taanus-text); }
.taanus-feature-card p { color: var(--taanus-text-secondary); font-size: 0.92rem; line-height: 1.65; }

/* --------------------------------------------------------------------------
   Why TAANUS — Value Props
   -------------------------------------------------------------------------- */
.taanus-values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.25rem;
}
.taanus-value-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border-light);
  border-radius: var(--taanus-radius-md);
  padding: 1.25rem;
  transition: all 0.2s;
}
.taanus-value-item:hover {
  border-color: rgba(45, 122, 94, 0.2);
  box-shadow: var(--taanus-shadow-xs);
}
.taanus-value-check {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--taanus-sage-100);
  color: var(--taanus-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  margin-top: 0.1rem;
}
.taanus-value-item h4 { font-size: 0.95rem; margin-bottom: 0.2rem; }
.taanus-value-item p { font-size: 0.85rem; color: var(--taanus-text-muted); }

/* --------------------------------------------------------------------------
   How It Works — Steps
   -------------------------------------------------------------------------- */
.taanus-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
  counter-reset: step;
}
.taanus-step {
  text-align: center;
  position: relative;
  padding: 2rem 1rem;
}
.taanus-step-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--taanus-primary), var(--taanus-sage-500));
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
  margin-bottom: 1rem;
  box-shadow: 0 4px 14px rgba(45, 122, 94, 0.25);
}
.taanus-step h3 { margin-bottom: 0.5rem; font-size: 1.05rem; }
.taanus-step p { color: var(--taanus-text-secondary); font-size: 0.9rem; }

/* --------------------------------------------------------------------------
   Pricing
   -------------------------------------------------------------------------- */
.taanus-pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  max-width: 1000px;
  margin: 0 auto;
}
.taanus-pricing-card {
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-lg);
  padding: 2rem;
  position: relative;
  transition: all 0.3s;
}
.taanus-pricing-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--taanus-shadow-md);
}
.taanus-pricing-card.featured {
  border-color: var(--taanus-primary);
  box-shadow: var(--taanus-shadow-md);
}
.taanus-pricing-card.featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--taanus-sage-400), var(--taanus-primary));
  border-radius: var(--taanus-radius-lg) var(--taanus-radius-lg) 0 0;
}
.taanus-pricing-badge {
  display: inline-block;
  background: var(--taanus-primary-light);
  color: var(--taanus-primary);
  padding: 0.2rem 0.75rem;
  border-radius: var(--taanus-radius-pill);
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.taanus-pricing-card h3 {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.taanus-pricing-price {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--taanus-primary-dark);
  margin-bottom: 0.3rem;
}
.taanus-pricing-price span {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--taanus-text-muted);
}
.taanus-pricing-desc {
  color: var(--taanus-text-secondary);
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}
.taanus-pricing-features {
  list-style: none;
  display: grid;
  gap: 0.6rem;
  margin-bottom: 1.5rem;
}
.taanus-pricing-features li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--taanus-text-secondary);
}
.taanus-pricing-features li::before {
  content: "✓";
  color: var(--taanus-success);
  font-weight: 700;
  flex-shrink: 0;
}
.taanus-pricing-addons {
  border-top: 1px solid var(--taanus-border-light);
  padding-top: 1rem;
  margin-top: 0.5rem;
}
.taanus-pricing-addons h4 {
  font-size: 0.85rem;
  color: var(--taanus-text-muted);
  margin-bottom: 0.5rem;
}
.taanus-pricing-addons ul {
  list-style: none;
  display: grid;
  gap: 0.35rem;
}
.taanus-pricing-addons li {
  font-size: 0.82rem;
  color: var(--taanus-text-secondary);
}
.taanus-pricing-addons li::before {
  content: "+ ";
  color: var(--taanus-primary);
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Testimonials
   -------------------------------------------------------------------------- */
.taanus-testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.25rem;
}
.taanus-testimonial-card {
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-lg);
  padding: 1.75rem;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
}
.taanus-testimonial-card:hover {
  box-shadow: var(--taanus-shadow-sm);
  border-color: rgba(45, 122, 94, 0.2);
}
.taanus-testimonial-stars {
  color: var(--taanus-gold);
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
  letter-spacing: 0.1em;
}
.taanus-testimonial-stars svg { width: 16px; height: 16px; margin-inline-end: 2px; vertical-align: -2px; }
.taanus-testimonial-quote {
  font-size: 0.95rem;
  line-height: 1.75;
  color: var(--taanus-text-secondary);
  flex: 1;
  margin-bottom: 1.25rem;
  font-style: italic;
}
.taanus-testimonial-quote::before {
  content: "\201C";
  font-size: 2rem;
  color: var(--taanus-sage-300);
  line-height: 1;
  display: block;
  margin-bottom: -0.5rem;
}
.taanus-testimonial-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-top: 1px solid var(--taanus-border-light);
  padding-top: 1rem;
}
.taanus-testimonial-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--taanus-sage-100);
  color: var(--taanus-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1rem;
  flex-shrink: 0;
}
.taanus-testimonial-info strong {
  display: block;
  font-size: 0.9rem;
  color: var(--taanus-text);
}
.taanus-testimonial-info span {
  font-size: 0.8rem;
  color: var(--taanus-text-muted);
}

/* --------------------------------------------------------------------------
   FAQ
   -------------------------------------------------------------------------- */
.taanus-faq-list {
  max-width: 780px;
  margin: 0 auto;
  display: grid;
  gap: 0.75rem;
}
.taanus-faq-item {
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-md);
  overflow: hidden;
  transition: border-color 0.2s;
}
.taanus-faq-item[open] {
  border-color: rgba(45, 122, 94, 0.2);
}
.taanus-faq-item summary {
  padding: 1.1rem 1.4rem;
  font-weight: 700;
  font-size: 0.98rem;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: background 0.2s;
}
.taanus-faq-item summary::-webkit-details-marker { display: none; }
.taanus-faq-item summary::after {
  content: "+";
  font-size: 1.2rem;
  color: var(--taanus-primary);
  transition: transform 0.2s;
  flex-shrink: 0;
}
.taanus-faq-item[open] summary::after { content: "−"; }
.taanus-faq-item summary:hover { background: var(--taanus-sage-100); }
.taanus-faq-item p {
  padding: 0 1.4rem 1.2rem;
  color: var(--taanus-text-secondary);
  font-size: 0.92rem;
  line-height: 1.75;
}

/* --------------------------------------------------------------------------
   Security Section
   -------------------------------------------------------------------------- */
.taanus-security-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.25rem;
}
.taanus-security-item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.25rem;
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border-light);
  border-radius: var(--taanus-radius-md);
}
.taanus-security-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--taanus-radius-sm);
  background: var(--taanus-sage-100);
  color: var(--taanus-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.taanus-security-item h4 { font-size: 0.95rem; margin-bottom: 0.2rem; }
.taanus-security-item p { font-size: 0.85rem; color: var(--taanus-text-muted); }

/* --------------------------------------------------------------------------
   CTA Section
   -------------------------------------------------------------------------- */
.taanus-cta {
  background: linear-gradient(160deg, var(--taanus-primary), var(--taanus-primary-dark));
  color: #fff;
  text-align: center;
  padding: clamp(3rem, 6vw, 5rem) 0;
  position: relative;
  overflow: hidden;
}
.taanus-cta::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(255,255,255,0.08), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.taanus-cta h2 { color: #fff; margin-bottom: 0.75rem; }
.taanus-cta p {
  color: rgba(255, 255, 255, 0.85);
  max-width: 540px;
  margin: 0 auto 1.5rem;
  font-size: 1.05rem;
}
.taanus-cta .taanus-btn-primary {
  background: #fff;
  color: var(--taanus-primary-dark);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.taanus-cta .taanus-btn-primary:hover {
  background: var(--taanus-sage-100);
  color: var(--taanus-primary-dark);
  transform: translateY(-1px);
}
.taanus-cta .taanus-btn-outline {
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  background: transparent;
}
.taanus-cta .taanus-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  color: #fff;
}
.taanus-cta-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* --------------------------------------------------------------------------
   Contact / Demo Form
   -------------------------------------------------------------------------- */
.taanus-form-card {
  background: var(--taanus-bg-card);
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-lg);
  padding: 2.5rem;
  box-shadow: var(--taanus-shadow-sm);
  max-width: 680px;
  margin: 0 auto;
}
.taanus-form-card h2 { margin-bottom: 0.5rem; }
.taanus-form-card .subtitle {
  color: var(--taanus-text-secondary);
  margin-bottom: 2rem;
  font-size: 0.95rem;
}
.taanus-form-group {
  margin-bottom: 1.25rem;
}
.taanus-form-group label {
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--taanus-text);
}
.taanus-form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--taanus-border);
  border-radius: var(--taanus-radius-sm);
  font-size: 0.95rem;
  font-family: inherit;
  background: var(--taanus-bg);
  color: var(--taanus-text);
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 46px;
}
.taanus-form-control:focus {
  outline: none;
  border-color: var(--taanus-primary);
  box-shadow: 0 0 0 3px var(--taanus-primary-glow);
  background: #fff;
}
.taanus-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.taanus-form-error {
  color: var(--taanus-danger);
  font-size: 0.82rem;
  margin-top: 0.3rem;
}
.taanus-alert {
  padding: 1rem 1.4rem;
  border-radius: var(--taanus-radius-sm);
  margin-bottom: 1.5rem;
  border: 1px solid transparent;
}
.taanus-alert-success {
  background: #d5f5e3;
  border-color: var(--taanus-success);
  color: #1a7a42;
}
.taanus-alert-warning {
  background: #fef3cd;
  border-color: var(--taanus-warning);
  color: #856404;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.taanus-footer {
  background: linear-gradient(160deg, #1a3a2e, #0f2920);
  color: rgba(255, 255, 255, 0.85);
  padding-top: 3.5rem;
  position: relative;
  overflow: hidden;
}
.taanus-footer::after {
  content: "";
  position: absolute;
  bottom: -60px;
  right: -40px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(90, 171, 133, 0.1), transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.taanus-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 2rem;
  padding-bottom: 2rem;
}
.taanus-footer-brand p {
  font-size: 0.9rem;
  margin-top: 0.5rem;
  max-width: 320px;
  line-height: 1.7;
}
.taanus-footer h4 {
  color: #fff;
  font-size: 0.95rem;
  margin-bottom: 0.75rem;
}
.taanus-footer-links {
  list-style: none;
  display: grid;
  gap: 0.45rem;
}
.taanus-footer-links a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.88rem;
  transition: color 0.2s;
}
.taanus-footer-links a:hover { color: #fff; }
.taanus-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.25rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.6);
}

/* --------------------------------------------------------------------------
   Mobile Menu Toggle
   -------------------------------------------------------------------------- */
.taanus-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--taanus-text);
}
.taanus-menu-toggle svg { width: 24px; height: 24px; }

/* --------------------------------------------------------------------------
   Reveal Animations
   -------------------------------------------------------------------------- */
.taanus-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.taanus-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .taanus-reveal { opacity: 1; transform: none; transition: none; }
  .taanus-hero-badge .dot { animation: none; }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
  .taanus-hero-inner { grid-template-columns: 1fr; text-align: center; }
  .taaanus-hero-lead { margin-inline: auto; }
  .taanus-hero-actions { justify-content: center; }
  .taanus-hero-visual { max-width: 520px; margin: 0 auto; }
  .taanus-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .taanus-header-inner { flex-wrap: wrap; padding: 0.6rem 0; }
  .taanus-nav {
    order: 3;
    width: 100%;
    display: none;
    flex-direction: column;
    padding: 0.5rem 0;
    gap: 0.15rem;
  }
  .taanus-nav.open { display: flex; }
  .taanus-nav a { padding: 0.6rem 1rem; text-align: right; border-radius: var(--taanus-radius-sm); }
  .taanus-menu-toggle { display: block; }
  .taanus-trust-inner { grid-template-columns: repeat(2, 1fr); }
  .taanus-pricing-grid { grid-template-columns: 1fr; max-width: 420px; }
  .taaanus-testimonials-grid { grid-template-columns: 1fr; }
  .taanus-footer-grid { grid-template-columns: 1fr; }
  .taanus-footer-bottom { justify-content: center; text-align: center; }
  .taanus-form-row { grid-template-columns: 1fr; }
  .taaanus-mock-sidebar { display: none; }
  .taaanus-mock-body { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .taanus-hero-actions { flex-direction: column; align-items: center; }
  .taaanus-btn-lg { width: 100%; max-width: 320px; }
  .taaanus-features-grid { grid-template-columns: 1fr; }
  .taanus-steps { grid-template-columns: 1fr; }
  .taanus-form-card { padding: 1.5rem; }
  .taanus-trust-inner { grid-template-columns: 1fr 1fr; }
}

/* --------------------------------------------------------------------------
   RTL Support
   -------------------------------------------------------------------------- */
html[dir="rtl"] .taaanus-mock-sidebar { border-left: none; border-right: 1px solid var(--taanus-border-light); }

/* --------------------------------------------------------------------------
   Empty State
   -------------------------------------------------------------------------- */
.taanus-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--taanus-text-muted);
}
.taanus-empty p {
  font-size: 0.95rem;
  max-width: 400px;
  margin: 0 auto;
}

/* --------------------------------------------------------------------------
   SVG Icon Utility
   -------------------------------------------------------------------------- */
svg.ta-icon {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

/* ========================================================================== 
   TAANUS — REFERENCE LOCK 2026-08-21
   Single authoritative visual layer for the approved sales-home reference.
   Brand palette: #4CAF7D #E9D8A6 #F8F5EE #F4A261 #6B7F7A
   ========================================================================== */
:root{
  --ref-green:#0E7B5D;
  --ref-green-soft:#4CAF7D;
  --ref-green-pale:#EAF6EF;
  --ref-ink:#0B2830;
  --ref-muted:#667874;
  --ref-cream:#F8F5EE;
  --ref-gold:#E9D8A6;
  --ref-orange:#F4A261;
  --ref-graygreen:#6B7F7A;
  --ref-line:#DCE9E3;
  --ref-white:#FFFFFF;
}

body{background:#fff;color:var(--ref-ink)}
.container{max-width:1460px;padding-inline:36px}

/* Header — logo left, navigation centered, actions right like the approved comp. */
.taanus-header{
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #EDF2EF;
  box-shadow:none;
  backdrop-filter:blur(16px);
}
.taanus-header-inner{
  min-height:82px;
  display:grid;
  grid-template-columns:230px minmax(520px,1fr) auto;
  align-items:center;
  gap:24px;
  direction:ltr;
}
.taanus-reference-brand{display:flex;align-items:center;justify-content:flex-start;width:205px;min-width:205px;overflow:hidden}
.taanus-reference-logo{
  width:205px;height:auto;max-height:74px;object-fit:contain;object-position:center;border-radius:10px;
}
.taanus-nav{display:flex;justify-content:center;align-items:center;gap:26px;direction:rtl}
.taanus-nav a{
  position:relative;padding:30px 4px 24px;border-radius:0;background:transparent!important;
  color:#40504D;font-size:.91rem;font-weight:600;
}
.taanus-nav a:hover,.taanus-nav a.active{color:var(--ref-green)!important}
.taanus-nav a.active::after{
  content:"";position:absolute;left:10%;right:10%;bottom:14px;height:3px;border-radius:5px;background:var(--ref-green);
}
.taanus-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;direction:ltr}
.taanus-lang-indicator{display:inline-flex;align-items:center;gap:7px;color:#536862;font-size:.84rem;font-weight:600;white-space:nowrap}
.taanus-lang-indicator span{color:var(--ref-green);font-size:1rem}
.taanus-header-actions .taanus-btn{min-height:46px;padding:.66rem 1.25rem;border-radius:11px;font-size:.88rem;box-shadow:none}
.taanus-btn-primary{background:var(--ref-green)!important;border-color:var(--ref-green)!important;color:#fff!important;box-shadow:none!important}
.taanus-btn-primary:hover{background:#0A6C51!important;border-color:#0A6C51!important;transform:translateY(-1px)}
.taanus-btn-outline{background:#fff!important;border:1px solid #CFDDD7!important;color:#21483D!important}
.taanus-btn-outline:hover{border-color:#8FC4AA!important;background:#F8FCFA!important}

/* Hero */
.taanus-ref-hero{
  position:relative;overflow:hidden;padding:36px 0 78px;
  background:
    radial-gradient(circle at 7% 15%,rgba(76,175,125,.15),transparent 27%),
    radial-gradient(circle at 88% 78%,rgba(233,216,166,.42),transparent 30%),
    linear-gradient(90deg,#FBF4E9 0%,#FFFDF9 51%,#FFFFFF 100%);
}
.taanus-ref-hero::before{
  content:"";position:absolute;right:2.5%;top:40px;width:180px;height:180px;border:1px solid rgba(76,175,125,.12);border-radius:50%;
}
.taanus-ref-hero::after{
  content:"";position:absolute;left:4.5%;bottom:34px;width:96px;height:96px;border-radius:28px;transform:rotate(23deg);background:rgba(244,162,97,.08);
}
.taanus-ref-hero-grid{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(460px,.88fr);
  grid-template-areas:"art copy";align-items:center;gap:54px;direction:ltr;min-height:468px;
}
.taanus-ref-copy{grid-area:copy;direction:rtl;text-align:right;max-width:610px;justify-self:end}
.taanus-ref-badge{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:.5rem .9rem;
  border:1px solid #D4E9DF;border-radius:999px;background:rgba(255,255,255,.84);color:#246F59;font-size:.82rem;font-weight:700;
}
.taanus-ref-badge span{width:7px;height:7px;border-radius:50%;background:var(--ref-green-soft)}
.taanus-ref-copy h1{
  margin:0 0 20px;color:#071F28;font-size:clamp(3.05rem,4.15vw,4.2rem);line-height:1.14;font-weight:800;letter-spacing:-.035em;
}
.taanus-ref-copy h1 em{color:var(--ref-green);font-style:normal;font-weight:800}
.taanus-ref-copy>p{max-width:590px;margin:0 0 27px;color:#526965;font-size:1.03rem;line-height:1.95}
.taanus-ref-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.taanus-ref-actions .taanus-btn-lg{min-height:52px;padding:.8rem 1.6rem;border-radius:11px;font-size:.94rem}
.taanus-ref-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#536A65;font-size:.78rem;font-weight:600}

/* Illustration area */
.taanus-ref-art{grid-area:art;position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;overflow:visible}
.taanus-ref-flow{position:absolute;z-index:0;inset:4% 0 0 0;width:100%;height:92%;overflow:visible}
.taanus-ref-flow path{fill:none;stroke:#4CAF7D;stroke-width:2.2;stroke-dasharray:8 8;opacity:.72}
.taanus-ref-kids{
  position:relative;z-index:2;width:min(100%,760px);height:auto;max-height:390px;object-fit:cover;object-position:center;
  border-radius:34px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 83%,rgba(0,0,0,.88) 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 83%,rgba(0,0,0,.88) 90%,transparent 100%);
  filter:drop-shadow(0 28px 35px rgba(32,78,65,.11));
}
.taanus-ref-leaf{position:absolute;z-index:1;width:24px;height:44px;border-radius:100% 0 100% 0;background:rgba(76,175,125,.5);transform:rotate(38deg)}
.leaf-a{left:8%;top:17%}.leaf-b{right:7%;top:24%;transform:rotate(-20deg) scale(.75)}.leaf-c{left:16%;bottom:15%;transform:rotate(82deg) scale(.65)}

.taanus-ref-card{
  position:absolute;z-index:6;display:flex;align-items:center;gap:10px;min-width:142px;padding:10px 12px;
  border:1px solid rgba(24,73,60,.08);border-radius:14px;background:rgba(255,255,255,.97);
  box-shadow:0 11px 28px rgba(24,70,58,.10);direction:rtl;text-align:right;
}
.taanus-ref-card>span:last-child{display:flex;flex-direction:column}
.taanus-ref-card b{color:#172D2B;font-size:.78rem;line-height:1.35}
.taanus-ref-card small{margin-top:2px;color:#72817D;font-size:.65rem;line-height:1.35}
.ref-card-icon{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 35px}
.ref-card-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ref-card-icon.green{background:#E4F3EA;color:#2D9A69}.ref-card-icon.orange{background:#FFF0D9;color:#E8942E}.ref-card-icon.blue{background:#E6F2FC;color:#2787D2}.ref-card-icon.cyan{background:#E4F6F8;color:#2A97AA}
.ref-attendance{left:13%;top:1%}.ref-fees{left:58%;top:0}.ref-staff{left:-1%;top:34%}.ref-parents{right:-2%;top:34%}.ref-transport{left:1%;bottom:8%}.ref-admissions{right:0;bottom:8%}.ref-reports{left:42%;bottom:-2%}

/* Dynamic real stats only */
.taanus-ref-stats{position:relative;z-index:20;margin-top:-54px;padding:0 0 52px;background:transparent}
.taanus-ref-stats .container{max-width:1320px}
.taanus-ref-stats-card{
  display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;min-height:94px;
  border:1px solid #E5ECE8;border-radius:20px;background:#fff;box-shadow:0 18px 46px rgba(31,79,66,.09);direction:ltr;
}
.ref-stat-item{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 22px;border-right:1px solid #E9EFEC;direction:rtl}
.ref-stat-item:last-child{border-right:0}
.ref-stat-item>div{display:flex;flex-direction:column;text-align:right}
.ref-stat-item strong{color:var(--ref-green);font-size:1.65rem;font-weight:800;line-height:1.1}
.ref-stat-item small{margin-top:6px;color:#6C7D79;font-size:.74rem}
.ref-stat-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800}
.ref-stat-icon svg{width:22px;height:22px;flex:0 0 auto}
.ref-stat-icon.smile{background:#FFF2DD;color:#EF9A32}.ref-stat-icon.building{background:#E6F2FC;color:#2D87C9}.ref-stat-icon.branch{background:#FFF0E0;color:#EE8E2C}.ref-stat-icon.rating{background:#E7F5EC;color:#1C8B62}

/* Five solution cards */
.taanus-ref-worlds{padding:12px 0 82px;background:#fff}
.taanus-ref-section-head{max-width:760px;margin:0 auto 36px;text-align:center}
.taanus-ref-section-head h2{margin:0;color:#102C31;font-size:clamp(1.8rem,2.5vw,2.45rem);font-weight:800}
.taanus-ref-section-head p{margin:8px 0 0;color:#6A7976;font-size:.9rem}
.taanus-ref-section-head>span{display:block;width:54px;height:3px;border-radius:10px;background:var(--ref-green);margin:10px auto 0}
.taanus-ref-world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;direction:ltr}
.taanus-ref-world{
  position:relative;min-height:260px;padding:22px 20px 112px;border-radius:18px;background:#fff;overflow:hidden;direction:rtl;text-align:right;
  transition:transform .22s ease,box-shadow .22s ease;
}
.taanus-ref-world:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(27,73,61,.08)}
.world-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.world-top h3{margin:0;font-size:1.02rem;font-weight:800}
.world-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex:0 0 42px}
.world-icon svg{width:22px;height:22px;flex:0 0 auto}
.taanus-lang-indicator svg{width:15px;height:15px}
.taanus-ref-world ul{list-style:none;margin:0;padding:0}.taanus-ref-world li{position:relative;margin:8px 0;padding-right:13px;color:#61716E;font-size:.75rem;line-height:1.45}.taanus-ref-world li::before{content:"•";position:absolute;right:0;font-weight:900}
.world-art{position:absolute;left:16px;bottom:10px;width:118px;height:auto;object-fit:contain;border-radius:13px}
.world-green{border:1px solid #ACD7C0;background:linear-gradient(180deg,#fff,#F7FCF9)}.world-green .world-icon{background:#DFF2E8;color:#20875F}.world-green h3,.world-green li::before{color:#16805A}
.world-orange{border:1px solid #F1CDA3;background:linear-gradient(180deg,#fff,#FFF9F2)}.world-orange .world-icon{background:#FFF0D9;color:#E98A29}.world-orange h3,.world-orange li::before{color:#E7811F}
.world-purple{border:1px solid #D7C9EE;background:linear-gradient(180deg,#fff,#FBF9FE)}.world-purple .world-icon{background:#EEE7FA;color:#7459C8}.world-purple h3,.world-purple li::before{color:#7359C8}
.world-blue{border:1px solid #BEDBF1;background:linear-gradient(180deg,#fff,#F7FBFF)}.world-blue .world-icon{background:#E3F1FB;color:#2B86CB}.world-blue h3,.world-blue li::before{color:#2A86CA}
.world-teal{border:1px solid #B9DFDA;background:linear-gradient(180deg,#fff,#F7FCFB)}.world-teal .world-icon{background:#E0F3EF;color:#168E7D}.world-teal h3,.world-teal li::before{color:#168B7C}

/* The previous patch duplicated the same feature message immediately below the five worlds. */
.taanus-home-legacy-features{display:none}

/* Footer uses the approved logo too. */
.taanus-footer-logo-link{display:inline-flex;align-items:center;background:#F4FBF7;border-radius:12px;padding:5px 8px;overflow:hidden}
.taanus-footer-logo{display:block!important;width:180px!important;height:auto!important;max-height:74px!important;object-fit:contain!important;object-position:center!important;border-radius:8px!important}

@media(max-width:1180px){
  .taanus-header-inner{grid-template-columns:195px 1fr auto;gap:16px}.taanus-reference-brand{width:180px;min-width:180px}.taanus-reference-logo{width:auto;max-width:170px;max-height:56px}
  .taanus-nav{gap:15px}.taanus-nav a{font-size:.84rem}
  .taanus-ref-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:30px}.taanus-ref-copy h1{font-size:3.35rem}
  .taanus-ref-world-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .container{padding-inline:22px}.taanus-header-inner{display:flex;min-height:74px;direction:rtl;flex-wrap:wrap}.taanus-reference-brand{margin-left:auto;width:165px;min-width:165px}.taanus-reference-logo{width:auto;max-width:150px;max-height:52px}.taanus-menu-toggle{display:block}.taanus-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .taanus-nav{position:absolute;top:74px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px 18px 18px;background:#fff;border-bottom:1px solid #E6EFEB;box-shadow:0 16px 28px rgba(30,72,62,.08)}.taanus-nav.open{display:flex}.taanus-nav a{width:100%;padding:11px 14px;border-radius:10px}.taanus-nav a.active::after{display:none}
  .taanus-ref-hero{padding:44px 0 86px}.taanus-ref-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "art";gap:34px;min-height:auto}.taanus-ref-copy{justify-self:stretch;max-width:none;text-align:center}.taanus-ref-badge{margin-inline:auto}.taanus-ref-copy>p{margin-inline:auto}.taanus-ref-actions,.taanus-ref-proof{justify-content:center}.taanus-ref-art{min-height:410px}.taanus-ref-kids{max-width:760px}.ref-staff,.ref-parents{top:35%}
  .taanus-ref-stats-card{grid-template-columns:repeat(2,1fr)}.ref-stat-item:nth-child(2){border-right:0}.ref-stat-item:nth-child(-n+2){border-bottom:1px solid #E9EFEC}
  .taanus-ref-world-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .container{padding-inline:15px}.taanus-ref-copy h1{font-size:2.55rem}.taanus-ref-copy>p{font-size:.94rem}.taanus-ref-proof{gap:9px}.taanus-ref-proof span{font-size:.72rem}
  .taanus-header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 16px);width:100%}
  .taanus-header-actions .taanus-btn{padding:.4rem .75rem;font-size:.8rem;min-height:36px;white-space:nowrap}
  .taanus-header-actions .taanus-lang-btn{height:34px;padding:0 .65rem;font-size:.72rem}
  .taanus-header{overflow-x:clip}
  .taanus-header-inner{overflow-x:clip;gap:8px}
  .taanus-reference-brand{width:150px;min-width:120px}
}
  .taanus-ref-art{min-height:340px}.taanus-ref-kids{width:96%;max-height:300px;border-radius:26px}.taanus-ref-card{transform:scale(.72);transform-origin:center;min-width:132px}.ref-attendance{left:4%}.ref-fees{left:auto;right:2%}.ref-staff{left:-7%}.ref-parents{right:-8%}.ref-transport{left:-5%;bottom:6%}.ref-admissions{right:-7%;bottom:6%}.ref-reports{left:34%;bottom:-2%}
  .taanus-ref-stats{margin-top:-35px}.taanus-ref-stats-card{grid-template-columns:1fr 1fr}.ref-stat-item{gap:10px;padding:14px 10px}.ref-stat-icon{width:36px;height:36px}.ref-stat-item strong{font-size:1.35rem}
  .taanus-ref-world-grid{grid-template-columns:1fr}.taanus-ref-world{min-height:250px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== Interactive tools (ROI calculator / plan finder) ===== */
.taanus-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start;margin-top:2.25rem}
.taanus-tool-panel{background:var(--taanus-bg,#fff);border:1px solid var(--taanus-border,#E5EDE8);border-radius:18px;padding:1.75rem;box-shadow:0 8px 26px rgba(24,84,68,.06)}
.taanus-tool-field{margin-bottom:1.4rem}
.taanus-tool-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem}
.taanus-tool-label-row label{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.92rem;color:var(--taanus-text,#1F3D33)}
.taanus-tool-label-row label svg{width:18px;height:18px;color:var(--taanus-green-mid,#44906F)}
.taanus-tool-label-row output{font-weight:800;font-size:1.05rem;color:var(--taanus-green-dark,#185444);background:var(--taanus-green-soft,#E7F3EC);border-radius:10px;padding:.15rem .7rem;min-width:52px;text-align:center}
.taanus-tool-field input[type=range]{width:100%;accent-color:var(--taanus-green,#54A47E);cursor:pointer;height:26px}
.taanus-tool-inline-label{display:block;font-weight:700;font-size:.88rem;color:var(--taanus-text,#1F3D33);margin-bottom:.45rem}
.taanus-tool-check{display:flex;align-items:center;gap:.6rem;margin:.25rem 0 1rem;cursor:pointer}
.taanus-tool-check input{width:18px;height:18px;accent-color:var(--taanus-green,#54A47E);cursor:pointer}
.taanus-tool-check span{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;color:var(--taanus-text,#1F3D33)}
.taanus-tool-check svg{width:18px;height:18px;color:var(--taanus-gold,#BE9468)}
.taanus-tool-note{margin:.25rem 0 0;font-size:.78rem;color:var(--taanus-muted,#6E8378)}
.taanus-tool-result{position:sticky;top:96px;background:linear-gradient(180deg,#F7FCF9,#fff);border:1px solid #ACD7C0;border-radius:18px;padding:1.75rem;text-align:center}
.taanus-tool-placeholder{padding:2.5rem 1rem;color:var(--taanus-muted,#6E8378)}
.taanus-tool-placeholder svg{width:44px;height:44px;margin-bottom:.75rem;color:#9DBFB0}
.taanus-tool-placeholder p{margin:0;font-size:.9rem}
.taanus-plan-result-card{display:flex;flex-direction:column;align-items:center;gap:.6rem}
.taanus-plan-result-badge{display:inline-block;background:var(--taanus-gold-soft,#ECC89D);color:#8A6532;font-size:.74rem;font-weight:800;border-radius:999px;padding:.3rem 1rem}
.taanus-plan-result-card h3{margin:0;font-size:1.6rem;font-weight:800;color:var(--taanus-green-dark,#185444)}
.taanus-plan-result-price{font-size:1.2rem;font-weight:800;color:var(--taanus-green-mid,#44906F)}
.taanus-plan-result-limits{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}
.taanus-plan-result-limits li{background:#fff;border:1px solid #D8EAE0;border-radius:999px;padding:.25rem .8rem;font-size:.76rem;color:var(--taanus-text,#1F3D33)}
.taanus-plan-result-addon{margin:.2rem 0 0;font-size:.8rem;color:var(--taanus-gold,#BE9468);font-weight:700}
.taanus-plan-result-link{margin-top:.5rem;font-size:.85rem;font-weight:700;color:var(--taanus-green-mid,#44906F)}
.taanus-btn-block{width:100%;margin-top:.9rem;justify-content:center}
.taanus-roi-hero{background:var(--taanus-green-dark,#185444);color:#F4F7F4;border-radius:14px;padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.15rem}
.taanus-roi-hero small{font-size:.8rem;color:#C9D6CD}
.taanus-roi-hero strong{font-size:2.3rem;font-weight:800;line-height:1.1}
.taanus-roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}
.taanus-roi-cell{background:#fff;border:1px solid #D8EAE0;border-radius:14px;padding:.85rem .5rem;display:flex;flex-direction:column;gap:.15rem}
.taanus-roi-cell span{font-size:1.35rem;font-weight:800;color:var(--taanus-green-dark,#185444)}
.taanus-roi-cell small{font-size:.74rem;color:var(--taanus-muted,#6E8378)}
.taanus-roi-cell.roi-money{background:#FBF3E7;border-color:#ECC89D}
.taanus-roi-cell.roi-money span{color:var(--taanus-gold,#BE9468)}
.taanus-roi-method{margin:1.1rem 0 0;font-size:.75rem;line-height:1.7;color:var(--taanus-muted,#6E8378);text-align:right}
@media(max-width:860px){
  .taanus-tool-grid{grid-template-columns:1fr}
  .taanus-tool-result{position:static}
}

/* ===== TAANUS True Animated Hero — feathered edge blending (BUD-04 image edge fix) ===== */
.taanus-hero-art{overflow:visible}
.taanus-hero-anim{
  position:relative;z-index:2;width:min(100%,820px);height:auto;object-fit:contain;
  border-radius:0;background:transparent;border:0;box-shadow:none;filter:none;
  /* Elegant dissolve into watery/cream background — fade only outer perimeter, keep children/dashboard intact */
  -webkit-mask-image: radial-gradient(ellipse 96% 92% at 50% 50%, #000 68%, rgba(0,0,0,.96) 77%, rgba(0,0,0,.65) 86%, transparent 100%);
  mask-image: radial-gradient(ellipse 96% 92% at 50% 50%, #000 68%, rgba(0,0,0,.96) 77%, rgba(0,0,0,.65) 86%, transparent 100%);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
.taanus-hero-art .taanus-ref-card{z-index:6}
@media(max-width:1180px){.taanus-hero-anim{width:100%}}
@media(max-width:860px){.taanus-hero-art{min-height:300px}.taanus-hero-anim{width:96%;max-height:320px}}
@media(max-width:480px){.taanus-hero-art{min-height:240px}.taanus-hero-anim{max-height:250px}}
@media(prefers-reduced-motion:reduce){
  .taanus-hero-anim{filter:none}
}

/* ===== TAANUS Botanical Watermark (subtle, 2-7% opacity) ===== */
.taanus-watermark{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("../brand/taanus-watermark.svg");
  background-repeat:repeat;background-size:520px auto;
  opacity:.045;
}
.taanus-hero.taanus-watermark-strong{position:relative}
.taanus-hero.taanus-watermark-strong::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("../brand/taanus-watermark.svg");
  background-repeat:repeat;background-size:640px auto;
  opacity:.07;
}
@media(prefers-reduced-motion:reduce){
  .taanus-watermark,.taanus-hero.taanus-watermark-strong::before{animation:none}
}

/* ===== BUD-04: Approved animated hero layout (copy RIGHT, art LEFT in Arabic) ===== */
.taanus-approved-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.05fr);
  grid-template-areas:"art copy";
}
.taanus-approved-hero-grid .taanus-ref-copy{grid-area:copy;justify-self:start}
.taanus-approved-hero-grid .taanus-hero-art{grid-area:art;width:min(100%,55%);justify-self:start;margin-inline-start:auto}
@media(max-width:1180px){
  .taanus-approved-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}
  .taanus-approved-hero-grid .taanus-hero-art{width:100%}
}
@media(max-width:860px){
  .taanus-approved-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "art"}
  .taanus-approved-hero-grid .taanus-ref-copy{justify-self:center;text-align:center}
  .taanus-approved-hero-grid .taanus-hero-art{width:100%;margin-inline-start:0}
}