p{margin-bottom:initial;}
button:hover{background-color:inherit;border-color:inherit;}
a:hover, a:focus {color: #ffffff !important;}
#ast-scroll-top{display:none !important;}
/* Contact Form 7 */
.contact-form fieldset.hidden-fields-container {display: none;}
.homepage-cnt-form {opacity: 1;transform: none;padding: 1.75rem;background: hsl(210 40% 98%);border: 1px solid hsl(216 24% 92%);border-radius: .75rem;margin-bottom:inherit !important;}
.homepage-cnt-form .row{display: flex;align-items: center;justify-content: center;gap: 20px;margin-top: calc(1rem * calc(1 - 0));}
.homepage-cnt-form .row:first-child{margin-top:inherit}
.homepage-cnt-form .row input{padding: .75rem 1rem;border: 1px solid hsl(216 24% 92%);width: 100%;border-radius: .25rem;height: 47px;}
.homepage-cnt-form .row textarea{height:140px;}
.homepage-cnt-form .row button{background-color:hsl(217 91% 53%);border-radius: .25rem;width: 100%;padding: .875rem 1.25rem;color: hsl(0 0% 100%);font-size: 0.8rem;line-height: 1.5rem;}
.homepage-cnt-form .row .col-md-6{width: 100%;}
.homepage-cnt-form .row .col-md-12{width: 100%;}

.wpcf7-form .wpcf7-response-output{background-color: #46b450 !important;color: #fff !important;}
/* Contact Form 7 */
/* Landing Page Codes */
/* ============ RESET & BASE ============ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --bg: #FFFFFF;
      --fg: #0B0F19;
      --muted: #5B6475;
      --primary: #2563EB;
      --primary-hover: #1E40AF;
      --primary-fg: #FFFFFF;
      --border: #E6EAF0;
      --card: #F8FAFC;
      --divider: #EEF2F7;
      --radius: 12px;
      --shadow-card: 0 1px 3px 0 rgba(180, 190, 210, 0.15);
      --shadow-hover: 0 4px 12px -2px rgba(180, 190, 210, 0.3);
      --container: 1400px;
    }

    html { scroll-behavior: smooth; }

    body {
      font-family: 'Inter', system-ui, sans-serif;
      font-size: 16px;
      line-height: 1.6;
      color: var(--fg);
      background: var(--bg);
      -webkit-font-smoothing: antialiased;
    }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Sora', system-ui, sans-serif;
      line-height: 1.25;
    }

    a { text-decoration: none; color: inherit; }
    img { max-width: 100%; height: auto; display: block; }

    /* ============ LAYOUT ============ */
    .container {
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 2rem;
    }

    .grid { display: grid; }
    .grid-2 { grid-template-columns: 1fr; gap: 2.5rem; }
    .grid-3 { grid-template-columns: 1fr; gap: 0.75rem; }
    .grid-5 { grid-template-columns: 1fr; gap: 2.5rem; }

    @media (min-width: 640px) {
      .grid-3 { grid-template-columns: repeat(2, 1fr); }
    }
/* 	@media (min-width: 1100px) {
		.grid-5 { grid-template-columns: 2.5fr 2fr; gap: 3rem; }
	} */
    @media (min-width: 991px) {
      .grid-2 { grid-template-columns: 1fr 1fr; gap: 3.5rem; }
      .grid-3 { grid-template-columns: repeat(3, 1fr); }
		.grid-5 { grid-template-columns: 2.5fr 2fr; gap: 3rem; }
      .grid-5-reverse { grid-template-columns: 1fr 1fr; gap: 4rem; }
    }

    .items-center { align-items: center; }
    .items-start { align-items: start; }

@media screen and (max-width:1440px){
	.container {padding-left:3rem !important;padding-right:3rem !important;}
}
@media screen and (max-width:500px){
	.container {padding-left:2rem !important;padding-right:2rem !important;}
	.btn-primary{font-size: .9rem !important;}
}

    /* ============ TYPOGRAPHY ============ */
    .h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; }
    .h2 { font-size: 2rem; font-weight: 700; line-height: 1.25; }
    .h3 { font-size: 1.25rem; font-weight: 600; line-height: 1.3; }
    .body-lg { font-size: 1.125rem; }
    .text-muted { color: var(--muted); }
    .text-primary { color: var(--primary); }
    .text-center { text-align: center; }
    .font-mono { font-family: ui-monospace, 'SFMono-Regular', monospace; }
    .font-display { font-family: 'Sora', system-ui, sans-serif; }
    .max-w-text { max-width: 38rem; }
    .max-w-text-lg { max-width: 42rem; }

    @media (min-width: 768px) {
      .h1 { font-size: 3rem; }
      .h2 { font-size: 2.25rem; }
      .h3 { font-size: 1rem !important; }
    }
    @media (min-width: 1024px) {
      .h1 { font-size: 3.2rem; }
    }
	@media (max-width: 441px) {
		h1{font-size: 2rem !important;}
	}

    /* ============ COMPONENTS ============ */

	#why-unique, #commercial-model{background-image: linear-gradient(180deg, #F7F9FB 81%, #FFFFFF 100%);}
	#platform-modules{background-image: linear-gradient(0deg, #F7F9FB 81%, #FFFFFF 100%);}
    .section-tag {
      display: inline-flex;
      align-items: center;
      padding: 4px 12px;
      border-radius: 4px;
      font-size: 10px;
      font-family: ui-monospace, monospace;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      border: 1px solid rgba(37, 99, 235, 0.25);
      color: var(--primary);
      background: rgba(37, 99, 235, 0.05);
    }

    .btn-primary {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 28px;
      border-radius: 8px;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--primary-fg);
      background: var(--primary);
      border: none;
      cursor: pointer;
      transition: all 0.3s;
    }
    .btn-primary:hover { background: var(--primary-hover); gap: 14px; }

    .btn-outline {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 28px;
      border-radius: 8px;
      font-size: 1rem;
      font-weight: 600;
      color: var(--primary);
      background: transparent;
      border: 1px solid var(--primary);
      cursor: pointer;
      transition: all 0.3s;
    }
    .btn-outline:hover { background: rgba(37, 99, 235, 0.05); }


    .card {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 24px;
      transition: all 0.3s;
    }
    .card:hover {
      border-color: var(--primary);
      transform: translateY(-4px);
      box-shadow: var(--shadow-hover);
    }

    .card-static {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      height: 500px;
    width: 100%;
    }
	.card-static img{height: 100%;
   	 	width: 100%;
   	 	object-fit: fill;
   	 	border-radius: var(--radius) !important;
	}

    .section-divider > div { height: 1px; background: var(--border); }

    .glow-line {
      height: 1px;
      width: 100%;
      background: linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.2), transparent);
    }

    /* Arrow icon (inline SVG replacement) */
    .icon-arrow {
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }
    .icon-check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      border-radius: 3px;
      background: rgba(37, 99, 235, 0.1);
      color: var(--primary);
      font-size: 10px;
      flex-shrink: 0;
    }

    /* ============ NAVBAR ============ */
    .navbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 50;
      transition: all 0.3s;
      background: transparent;
    }
    .navbar.scrolled {
      background: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
    }
    .navbar-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 84px;
    }
	.navbar-inner img{width: 20%;}
    @media (min-width: 768px) {
      .navbar-cta { display: inline-flex; }
    }
@media (min-width:900px) and (max-width:1200px){
	.navbar-inner img{width: 28% !important;padding-top: 10px;}
}
@media (min-width:1201px){ 
	.navbar-inner img{width: 21% !important;padding-top: 10px;}
	.footer-right img{width: 21% !important;}
}
@media (max-width:900px){ 
	.navbar-inner img{width: 38% !important;padding-top: 10px;}
	.footer-right img{width: 38% !important;}
}
@media (max-width:768px){ 
	.navbar-inner .btn-primary{display:none;}
	.navbar-inner img{width: 42% !important;padding-top: 10px;}
	.footer-right img{width: 42% !important;}
	#why-unique h2, #platform-modules h2, #platform-modules p{text-align: left;}
	.card-static{height: 300px;}
	.card-static img{object-fit: cover;object-position: center;}
	#commercial-model .grid-2{display: flex;flex-direction: column-reverse;}
}
@media (max-width:550px){ 
	.navbar-inner img{width: 55% !important;padding-top: 10px;}
	.footer-right img{width: 55% !important;}
	.navbar-inner{padding-left: 1rem !important;padding-right: 1rem !important;}
	.browser-frame{width:90%;margin:auto;}
	.browser-frame > div:last-child{height:290px !important;}
}
    /* Mobile menu */
    .mobile-toggle {
      display: flex;
      background: none;
      border: none;
      cursor: pointer;
      color: var(--fg);
      font-size: 24px;
    }
    @media (min-width: 768px) {
      .mobile-toggle { display: none; }
    }
    .mobile-menu {
      display: none;
      padding: 12px;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border);
    }
    .mobile-menu.open { display: block; }
    @media (min-width: 768px) {
      .mobile-menu { display: none !important; }
    }

    /* ============ HERO ============ */
    .section-hero {
      position: relative;
      min-height: 100vh;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: var(--bg);
    }
    .hero-glow {
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(ellipse 70% 50% at 65% 45%, rgba(37, 99, 235, 0.04), transparent 70%);
    }
    .hero-grid {
      position: absolute;
      inset: 0;
      opacity: 0.035;
      pointer-events: none;
      background-image: linear-gradient(#2563EB 1px, transparent 1px), linear-gradient(90deg, #2563EB 1px, transparent 1px);
      background-size: 56px 56px;
    }
    .hero-content { position: relative; z-index: 10; padding-top:8rem;padding-bottom:5rem;
/* 		padding: 5rem 0 7rem;  */
}
@media (min-width:1800px){
	.hero-content {padding-top:6rem;}
}
    /* Browser frame */
    .browser-frame {
      border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--card);
  box-shadow: 0 8px 30px -8px rgba(180, 190, 210, 0.35);
  display: flex;
  flex-direction: column;}
    .browser-titlebar {
      display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--border);
  background: var(--card);
    }
    .browser-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
    .browser-dot.red { background: hsl(0, 70%, 65%); }
    .browser-dot.yellow { background: hsl(40, 70%, 60%); }
    .browser-dot.green { background: hsl(140, 50%, 55%); }
    .browser-url {
      margin-left: 12px;
      font-size: 12px;
      color: var(--muted);
      font-family: ui-monospace, monospace;
    }
    /* Image container */
	.browser-frame > div:last-child {
	  width: 100%;
/* 	  aspect-ratio: 16 / 9; */
	  background: var(--divider);

	  display: flex;
	  align-items: center;
	  justify-content: center;

	  overflow: hidden;
	}

	/* Image responsiveness */
	.browser-frame img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* keeps it clean like a dashboard */
	  display: block;
	}
		


    /* Stat cards */
    .hero-stats {
      position: absolute;
      bottom: -40px;
      left: -66px;
      right: 8px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
    .stat-card {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px;
      border-radius: var(--radius);
      background: var(--card);
      border: 1px solid var(--border);
      box-shadow: var(--shadow-card);
		width:fit-content;
    }
    .stat-value {
      font-family: 'Sora', system-ui, sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--primary);
      min-width: 44px;
    }
    .stat-label { font-size: 0.875rem; color: var(--muted); line-height: 1.4; }

    .hero-right { position: relative; }
	@media screen and (max-width:1024px){
	.hero-stats{left:0;}
	}
	@media screen and (max-width:500px){
	.hero-stats{left:0;right:0;align-items:center}
	}
    /* ============ SECTIONS ============ */
    .section { padding: 3.5rem 0; }
    .section-spacious { padding: 4rem 0 4rem; }

    @media (min-width: 1024px) {
      .section { padding: 5rem 0; }
      .section-spacious { padding: 4rem 0 4rem; }
    }

    .mb-2 { margin-bottom: 0.5rem; }
    .mb-3 { margin-bottom: 0.75rem; }
    .mb-4 { margin-bottom: 1rem; }
    .mb-5 { margin-bottom: 1.25rem; }
    .mb-6 { margin-bottom: 1.5rem; }
    .mb-8 { margin-bottom: 2rem; }
    .mb-10 { margin-bottom: 2.5rem; }
    .mt-1 { margin-top: 0.25rem; }
    .mt-6 { margin-top: 1.5rem; }
    .pt-5 { padding-top: 1.25rem; }

    /* Card number watermark */
    .card-num {
      display: block;
      font-family: 'Sora', system-ui, sans-serif;
      font-size: 2.25rem;
      font-weight: 700;
      color: rgba(37, 99, 235, 0.12);
      line-height: 1;
      margin-bottom: 0.75rem;
      transition: color 0.3s;
    }
    .card:hover .card-num { color: rgba(37, 99, 235, 0.2); }

    /* Tag pills for modules */
    .tag {
      font-size: 9px;
      font-family: ui-monospace, monospace;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 2px 6px;
      border-radius: 4px;
      border: 1px solid;
    }
    .tag-core { border-color: rgba(37, 99, 235, 0.2); color: var(--primary); }
    .tag-ai { border-color: rgba(34, 197, 94, 0.2); color: #16a34a; }
    .tag-compliance { border-color: rgba(147, 51, 234, 0.2); color: #9333ea; }

    /* Module card header */
    .module-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 6px;
    }

    /* Mono label */
    .mono-label {
      font-size: 10px;
      font-family: ui-monospace, monospace;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: rgba(37, 99, 235, 0.5);
    }

    /* Num labels for WhyUnique */
    .card-num-sm {
      font-size: 10px;
      font-family: ui-monospace, monospace;
      font-weight: 700;
      color: rgba(37, 99, 235, 0.4);
      letter-spacing: 0.1em;
    }

    /* Check item */

    .check-item {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .check-icon {
      width: 16px;
      height: 16px;
      border-radius: 3px;
      background: rgba(37, 99, 235, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 3px;
    }
    .check-icon svg { width: 10px; height: 10px; color: var(--primary); }

    /* Border-left highlights */
    .highlight-item {
      border-left: 2px solid rgba(37, 99, 235, 0.3);
      padding-left: 16px;
    }

    /* Founding partner timeline */
    .timeline-line {
      position: absolute;
      left: 13px;
      top: 12px;
      bottom: 12px;
      width: 1px;
      background: linear-gradient(to bottom, rgba(37, 99, 235, 0.3), rgba(37, 99, 235, 0.15), transparent);
    }
    .timeline-item {
      position: relative;
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 14px 0;
    }
    .timeline-dot {
      width: 27px;
      height: 27px;
      border-radius: 6px;
      border: 1px solid rgba(37, 99, 235, 0.25);
      background: var(--bg);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      position: relative;
      z-index: 2;
    }
    .timeline-dot svg { width: 12px; height: 12px; color: var(--primary); }

    /* Big number */
    .big-number {
      font-family: 'Sora', system-ui, sans-serif;
      font-size: 4.5rem;
      font-weight: 900;
      color: var(--primary);
      line-height: 1;
    }
    @media (min-width: 768px) {
      .big-number { font-size: 6rem; }
    }


    /* ============ MOCK DASHBOARD ============ */
    .mock-dashboard {
      border-radius: var(--radius);
      border: 1px solid rgb(37 99 235 / 25%);
      background: var(--card);
      overflow: hidden;
      box-shadow: var(--shadow-card);
      position: relative;
    }
    .mock-titlebar {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 10px 12px;
      border-bottom: 1px solid var(--border);
    }
    .mock-dot { width: 8px; height: 8px; border-radius: 50%; }
    .mock-dot-r { background: rgba(239, 68, 68, 0.5); }
    .mock-dot-y { background: rgba(234, 179, 8, 0.5); }
    .mock-dot-g { background: rgba(34, 197, 94, 0.5); }
    .mock-bar { height: 6px; border-radius: 2px; margin-left: 8px; width: 80px; background: var(--divider); }
    .mock-body { padding: 16px; }
    .mock-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
    .mock-stat-card {
      border-radius: 6px;
      border: 1px solid var(--border);
      background: var(--bg);
      padding: 10px;
    }
    .mock-shimmer {
      height: 8px;
      border-radius: 2px;
      background: rgba(37, 99, 235, 0.08);
      animation: shimmer 2.2s ease-in-out infinite;
    }
    .mock-block { height: 16px; width: 48px; border-radius: 2px; background: rgba(37, 99, 235, 0.08); margin-top: 6px; }
    .mock-chart {
      border-radius: 6px;
      border: 1px solid var(--border);
      background: var(--bg);
      padding: 12px;
      margin-bottom: 16px;
    }
    .mock-bars {
      display: flex;
      align-items: flex-end;
      gap: 4px;
      height: 64px;
      margin-top: 10px;
    }
    .mock-bars > div {
      flex: 1;
      border-radius: 2px;
      background: rgba(37, 99, 235, 0.15);
    }
    .mock-row {
      display: flex;
      align-items: center;
      gap: 10px;
      border-radius: 6px;
      border: 1px solid var(--border);
      background: var(--bg);
      padding: 8px 10px;
      margin-bottom: 6px;
    }
    .mock-icon-box { width: 20px; height: 20px; border-radius: 3px; background: rgba(37, 99, 235, 0.08); flex-shrink: 0; }
    .mock-brand-badge {
      position: absolute;
      top: -12px;
      right: -12px;
      z-index: 10;
      padding: 6px 12px;
      border-radius: 6px;
      border: 1px solid rgba(37, 99, 235, 0.25);
      background: var(--bg);
      font-size: 10px;
      font-family: ui-monospace, monospace;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--primary);
      box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    @keyframes shimmer {
      0%, 100% { opacity: 0.4; }
      50% { opacity: 0.8; }
    }

/* ============ CONTINUOUS ANIMATIONS ============ */

/* 1. Floating stat cards (already good, just smoother stagger) */
.mock-stat-card {
  animation: floatCard 4s ease-in-out infinite;
}
.mock-stat-card:nth-child(2) { animation-delay: 0.6s; }
.mock-stat-card:nth-child(3) { animation-delay: 1.2s; }

/* 2. Chart bars — continuous live movement */
.mock-bars > div {
  transform-origin: bottom;
  animation: barLoop 2.5s ease-in-out infinite;
}

/* Randomized delays for natural effect */
.mock-bars > div:nth-child(odd) {
  animation-delay: 0.5s;
}
.mock-bars > div:nth-child(even) {
  animation-delay: 1s;
}

@keyframes barLoop {
  0%   { transform: scaleY(0.6); }
  50%  { transform: scaleY(1); }
  100% { transform: scaleY(0.6); }
}

/* 3. Rows — gentle breathing instead of one-time slide */
.mock-row {
  animation: rowBreath 3s ease-in-out infinite;
}

.mock-row:nth-child(1) { animation-delay: 0s; }
.mock-row:nth-child(2) { animation-delay: 0.5s; }
.mock-row:nth-child(3) { animation-delay: 1s; }

@keyframes rowBreath {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-3px);
    opacity: 0.9;
  }
}

/* 4. Icon pulse — keep it subtle */
.mock-icon-box {
  animation: pulseIcon 2.5s ease-in-out infinite;
}

/* 5. Keep shimmer continuous (already looping, just smoother) */
.mock-shimmer::after {
  animation: shimmerMove 2.5s linear infinite;
}

    /* Feature list */
    .feature-list { border-top: 1px solid var(--border); }
    .feature-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
      padding: 16px 0;
      border-bottom: 1px solid var(--border);
    }
    .feature-item:last-child { border-bottom: none; }
    .feature-icon {
      width: 32px;
      height: 32px;
      border-radius: 6px;
      background: rgba(37, 99, 235, 0.06);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      color: var(--primary);
    }

	/* ============ SOCIAL PROOF ============ */	
.social-proof{
/*     background:#F8FAFC; */
    padding:60px 20px;
    font-family:'Inter',sans-serif;
    color:#0f172a;
  }
  @media(min-width:1024px){.social-proof{padding:80px 20px}}

  .social-proof__inner{
    max-width:700px;
    margin:0 auto;
    text-align:center;
  }
  .social-proof__logo-box{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 32px;
    border-radius:12px;
    border:1px solid #E6EAF0;
    background:#fff;
    margin-bottom:32px;
	margin-top: 10px;
  }

  .social-proof__logo-box img{
    max-width: 80%;
    margin: auto;
  }
  .social-proof__stat{
    font-size:1.25rem;
    font-weight:600;
    line-height:1.4;
    margin-bottom:16px;
    color:#0f172a;
  }

  .social-proof__stat strong{background:linear-gradient(135deg,#2563EB,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;}
  .social-proof__sub{font-size:1rem;line-height:1.6;color:#64748b;margin-bottom: 14px;}
.social-proof__logo_wrapper{display:flex;justify-content:center}
@media(min-width:768px){.social-proof__stat{font-size:1.5rem}}
@media (max-width:768px){
	.social-proof__inner{text-align:left;}
	.social-proof__logo_wrapper{justify-content:flex-start;}
	.social-proof__logo-box{padding:inherit;border:inherit}
	.social-proof__logo-box img{margin:0;max-width: 60%;}
}
    /* ============ FOOTER ============ */
.grid-left-wrapper{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}

	
    .footer{padding-bottom: 2rem;}
	.footer-right img{margin-bottom: 15px;width: 23%;display: inline;margin-left: -3px;}

	.footer-right.footer-right-mobile {margin:40px 0 20px;text-align:center;}


    .footer-grid {display: grid;grid-template-columns: 1fr;gap: 1.5rem;}
	.footer-grid p a:hover{color:#2563eb !important}
    @media (min-width: 768px) {
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }
    .footer-copy {
      font-size: 0.875rem;
      color: var(--muted);
      text-align: center;
    }
/* @media (max-width:768px){.footer-right img{width:40%;}}
@media (max-width:500px){.footer-right img{width:60%;}} */
	

    /* ============ ANIMATIONS ============ */
    .fade-in {
      opacity: 0;
      transform: translateY(16px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* ============ UTILITY ============ */
    .relative { position: relative; }
    .space-y-3 > * + * { margin-top: 0.75rem; }
    .space-y-4 > * + * { margin-top: 1rem; }
    .space-y-5 > * + * { margin-top: 1.25rem; }
    .italic { font-style: italic; }
    .border-t { border-top: 1px solid var(--border); }