/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* CRIVIA DESIGN SYSTEM · 2026 PREMIUM     */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {
  --c-orange: #E5682B;
  --c-orange-hover: #C95620;
  --c-orange-light: #FFA572;
  --c-purple: #7C3AED;
  --c-teal: #0D9488;
  --c-dark: #0F0F1A;
  --c-text-soft: #3A3A52;
  --c-muted: #6B6B85;
  --c-bg-warm: #FFF8F3;
  --c-border: #E8E5E0;
  --c-yellow: #F5C842;
  --c-hero-bg: #0F0F0F;
  --grad-orange: linear-gradient(135deg, #E5682B 0%, #FF8C5A 100%);
  --grad-orange-dark: linear-gradient(135deg, #C95620 0%, #E5682B 100%);
  --grad-purple-orange: linear-gradient(135deg, #7C3AED 0%, #E5682B 100%);
  --shadow-sm: 0 2px 8px -2px rgba(0,0,0,0.06);
  --shadow-md: 0 8px 24px -8px rgba(0,0,0,0.10);
  --shadow-lg: 0 20px 60px -15px rgba(229,104,43,0.25);
  --shadow-glow: 0 0 60px -10px rgba(229,104,43,0.5);
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
}

/* ━ RESET + BASE ━━━━━━━━━━━━━━━━━━━━━━━ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
#pricing{scroll-margin-top:72px} /* offset for sticky header */
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  font-feature-settings:'cv11','ss01','ss03';
  color:var(--c-dark);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:#ffffff;
}
.font-display,h1,h2{
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  letter-spacing:-0.02em;
}
h1{letter-spacing:-0.03em}

/* ━ GRADIENT TEXT ━━━━━━━━━━━━━━━━━━━━━━ */
.gradient-text-orange{
  background:var(--grad-orange);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.gradient-text-purple-orange{
  background:var(--grad-purple-orange);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}

/* ━ HIGHLIGHT MARKER ━━━━━━━━━━━━━━━━━━━ */
.highlight-marker{
  position:relative;
  display:inline-block;
  z-index:1;
}
.highlight-marker::after{
  content:'';
  position:absolute;
  left:-2px;right:-2px;bottom:4px;
  height:35%;
  background:linear-gradient(90deg,rgba(229,104,43,0.25),rgba(255,165,114,0.4));
  z-index:-1;
  border-radius:4px;
  transform:skewX(-3deg);
}

/* ━ BACKGROUNDS ━━━━━━━━━━━━━━━━━━━━━━━━ */
.bg-mesh-warm{
  background-color:#FFF8F3;
  background-image:
    radial-gradient(at 12% 8%,rgba(255,165,114,0.35) 0px,transparent 50%),
    radial-gradient(at 88% 12%,rgba(124,58,237,0.12) 0px,transparent 45%),
    radial-gradient(at 85% 95%,rgba(229,104,43,0.18) 0px,transparent 50%);
}
.bg-mesh-cool{
  background-color:#F5F4FB;
  background-image:
    radial-gradient(at 10% 10%,rgba(124,58,237,0.12) 0px,transparent 50%),
    radial-gradient(at 90% 90%,rgba(13,148,136,0.1) 0px,transparent 50%);
}
.bg-dots{
  background-image:radial-gradient(circle at 1px 1px,rgba(15,15,26,0.06) 1px,transparent 0);
  background-size:24px 24px;
}
.bg-grid{
  background-image:
    linear-gradient(rgba(15,15,26,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,15,26,0.04) 1px,transparent 1px);
  background-size:48px 48px;
}
.bg-gradient-dark{
  background:linear-gradient(180deg,#0F0F1A 0%,#1A1A2E 100%);
}

/* ━ HERO MEDIA OVERLAP ━━━━━━━━━━━━━━━━━━ */
/* Pulls the video card down so its bottom ~40% sits on the yellow band */
.hero-media-overlap{
  position:relative;
  z-index:10;
  margin-bottom:calc(-1 * clamp(120px,22vw,200px));
}

/* ━ BLOBS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.blob-decoration{
  position:absolute;
  border-radius:50%;
  filter:blur(80px);
  opacity:0.35;
  pointer-events:none;
  animation:float 8s ease-in-out infinite;
}
.blob-orange{background:var(--c-orange-light)}
.blob-purple{background:var(--c-purple);opacity:0.18}
.blob-teal{background:var(--c-teal);opacity:0.15}
@keyframes float{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-30px) scale(1.05)}
  66%{transform:translate(-20px,20px) scale(0.95)}
}

/* ━ CARDS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.card-premium{
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(229,104,43,0.08);
  box-shadow:var(--shadow-md);
  transition:all 0.4s var(--ease-out);
  position:relative;
}
.card-premium::before{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(229,104,43,0.04) 0%,transparent 50%);
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  transition:opacity 0.3s var(--ease-out);
}
.card-premium:hover{
  transform:translateY(-6px);
  border-color:rgba(229,104,43,0.25);
  box-shadow:var(--shadow-lg);
}
.card-premium:hover::before{opacity:1}

.card-accent-top{
  position:relative;
  background:#ffffff;
  border:1px solid var(--c-border);
  overflow:hidden;
  transition:all 0.4s var(--ease-out);
}
.card-accent-top::before{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:4px;
  background:var(--grad-orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.5s var(--ease-out);
}
.card-accent-top:hover::before{transform:scaleX(1)}
.card-accent-top:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
}

.card-featured{
  position:relative;
  background:#ffffff;
  border:2px solid var(--c-orange);
  box-shadow:0 0 0 4px rgba(229,104,43,0.08),var(--shadow-lg);
  transition:all 0.4s var(--ease-out);
}
.card-featured:hover{
  transform:translateY(-8px);
  box-shadow:0 0 0 4px rgba(229,104,43,0.12),var(--shadow-glow);
}

/* ━ BUTTONS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.btn-premium{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  padding:1rem 2rem;
  background:var(--grad-orange);
  color:#ffffff;
  font-weight:700;
  font-size:1rem;
  border-radius:0.875rem;
  border:none;
  cursor:pointer;
  overflow:hidden;
  transition:all 0.3s var(--ease-out);
  box-shadow:0 8px 24px -8px rgba(229,104,43,0.4);
  isolation:isolate;
  text-decoration:none;
}
.btn-premium::before{
  content:'';
  position:absolute;inset:0;
  background:var(--grad-orange-dark);
  opacity:0;
  transition:opacity 0.3s var(--ease-out);
  z-index:-1;
}
.btn-premium::after{
  content:'';
  position:absolute;top:0;left:-100%;
  width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
  transition:left 0.6s var(--ease-out);
}
.btn-premium:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px -8px rgba(229,104,43,0.5);
  color:#ffffff;
}
.btn-premium:hover::before{opacity:1}
.btn-premium:hover::after{left:100%}
.btn-premium:active{transform:translateY(0)}
.btn-premium:disabled{opacity:0.6;cursor:not-allowed;transform:none}

.btn-outlined{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  padding:1rem 2rem;
  background:transparent;
  color:var(--c-dark);
  font-weight:600;
  font-size:1rem;
  border:2px solid var(--c-border);
  border-radius:0.875rem;
  cursor:pointer;
  transition:all 0.3s var(--ease-out);
  text-decoration:none;
}
.btn-outlined:hover{
  border-color:var(--c-orange);
  color:var(--c-orange);
  transform:translateY(-2px);
}

/* ━ BADGES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.badge-premium{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.5rem 1rem;
  background:rgba(229,104,43,0.08);
  color:var(--c-orange);
  font-size:0.75rem;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
  border-radius:9999px;
  border:1px solid rgba(229,104,43,0.2);
}
.badge-purple{background:rgba(124,58,237,0.08);color:var(--c-purple);border-color:rgba(124,58,237,0.2)}
.badge-teal{background:rgba(13,148,136,0.08);color:var(--c-teal);border-color:rgba(13,148,136,0.2)}
.badge-pulse-dot{
  display:inline-block;
  width:0.5rem;height:0.5rem;
  border-radius:50%;
  background:currentColor;
  animation:badge-pulse 2s ease-in-out infinite;
}
@keyframes badge-pulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:0.6;transform:scale(0.85)}
}

/* ━ ICON BOXES ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.icon-box{
  display:inline-flex;
  align-items:center;justify-content:center;
  width:3.5rem;height:3.5rem;
  border-radius:1rem;
  background:rgba(229,104,43,0.1);
  color:var(--c-orange);
  transition:all 0.3s var(--ease-out);
  flex-shrink:0;
}
.icon-box-purple{background:rgba(124,58,237,0.1);color:var(--c-purple)}
.icon-box-teal{background:rgba(13,148,136,0.1);color:var(--c-teal)}
.card-premium:hover .icon-box,
.card-accent-top:hover .icon-box{
  transform:scale(1.05) rotate(-3deg);
  background:var(--c-orange);
  color:#ffffff;
}

/* Lucide icon sizes (kept from original) */
.icon-sm{width:1rem;height:1rem}
.icon-md{width:1.5rem;height:1.5rem}
.icon-lg{width:2rem;height:2rem}
.inline-icon{display:inline-flex;align-items:center;gap:0.375rem;vertical-align:middle}

/* ━ FORMS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.input-premium{
  width:100%;
  padding:1rem 1.25rem;
  font-size:1rem;
  font-family:inherit;
  color:var(--c-dark);
  background:#ffffff;
  border:2px solid var(--c-border);
  border-radius:0.75rem;
  transition:all 0.3s var(--ease-out);
}
.input-premium:hover{border-color:rgba(229,104,43,0.3)}
.input-premium:focus{
  outline:none;
  border-color:var(--c-orange);
  box-shadow:0 0 0 4px rgba(229,104,43,0.12);
}
.input-premium::placeholder{color:#B0B0C0}

/* ━ STICKY CTA MOBILE ━━━━━━━━━━━━━━━━━━ */
.sticky-cta-mobile{
  position:fixed;
  bottom:0;left:0;right:0;
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  padding:0.875rem 1rem;
  box-shadow:0 -8px 32px -8px rgba(0,0,0,0.12);
  transform:translateY(100%);
  transition:transform 0.4s var(--ease-spring);
  z-index:50;
  border-top:1px solid rgba(229,104,43,0.1);
  display:none;
}
.sticky-cta-mobile.show{
  transform:translateY(0);
  display:block;
}
@media(min-width:768px){
  .sticky-cta-mobile{display:none!important}
}

/* ━ ANIMATIONS ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.fade-in{
  opacity:0;
  transform:translateY(30px);
  transition:opacity 0.8s var(--ease-out),transform 0.8s var(--ease-out);
}
.fade-in.visible{opacity:1;transform:translateY(0)}
.fade-in.visible .stagger-item{animation:fadeUp 0.6s var(--ease-out) backwards}
.fade-in.visible .stagger-item:nth-child(1){animation-delay:0.1s}
.fade-in.visible .stagger-item:nth-child(2){animation-delay:0.2s}
.fade-in.visible .stagger-item:nth-child(3){animation-delay:0.3s}
.fade-in.visible .stagger-item:nth-child(4){animation-delay:0.4s}
.fade-in.visible .stagger-item:nth-child(5){animation-delay:0.5s}
.fade-in.visible .stagger-item:nth-child(6){animation-delay:0.6s}
.fade-in.visible .stagger-item:nth-child(7){animation-delay:0.7s}
.fade-in.visible .stagger-item:nth-child(8){animation-delay:0.8s}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
  }
  .blob-decoration,.btn-premium::after{display:none}
}

/* ━ DIVIDERS ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.divider-gradient{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(229,104,43,0.3),transparent);
}

/* ━ MODAL ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reservation-modal{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#reservation-modal>div{animation:modalIn 0.4s var(--ease-spring)}
@keyframes modalIn{
  from{opacity:0;transform:scale(0.92) translateY(20px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}

/* ━ SCROLLBAR ━━━━━━━━━━━━━━━━━━━━━━━━━━ */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(229,104,43,0.2);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:rgba(229,104,43,0.4)}

/* ━ PROMO BAR ━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo-bar{
  background:var(--grad-orange);
  position:relative;
  overflow:hidden;
}
#promo-bar::before{
  content:'';
  position:absolute;top:0;left:-100%;
  width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);
  animation:shimmer-bar 4s linear infinite;
}
@keyframes shimmer-bar{100%{left:100%}}
#promo-bar a{text-underline-offset:3px;text-decoration-thickness:2px}

/* ━ ANIMATE GLOW (CTA final) ━━━━━━━━━━━ */
.animate-glow{
  animation:btn-glow 3s ease-in-out infinite;
}
@keyframes btn-glow{
  0%,100%{box-shadow:0 8px 24px -8px rgba(229,104,43,0.4)}
  50%{box-shadow:0 8px 48px -4px rgba(229,104,43,0.7)}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* REDESIGN 2026 · NEW COMPONENTS          */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━ HEADER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.header-main{
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(229,104,43,0.1);
  transition:box-shadow 0.3s var(--ease-out);
}
.header-main.scrolled{
  box-shadow:0 4px 24px -8px rgba(0,0,0,0.1);
}
.nav-link{
  font-size:0.9375rem;
  font-weight:500;
  color:var(--c-text-soft);
  text-decoration:none;
  position:relative;
  padding-bottom:2px;
  transition:color 0.2s ease;
}
.nav-link::after{
  content:'';
  position:absolute;
  bottom:0;left:0;
  width:0;height:2px;
  background:var(--c-orange);
  border-radius:2px;
  transition:width 0.3s var(--ease-out);
}
.nav-link:hover{color:var(--c-orange)}
.nav-link:hover::after{width:100%}

/* ━ SECTION LABEL ━━━━━━━━━━━━━━━━━━━━━━━ */
.section-label{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  font-size:0.75rem;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--c-orange);
}
.section-label::before{
  content:'';
  display:inline-block;
  width:1.5rem;height:2px;
  background:var(--c-orange);
  border-radius:2px;
}

/* ━ SERVICE CARDS ━━━━━━━━━━━━━━━━━━━━━━━ */
.service-card{
  background:#ffffff;
  border:1px solid var(--c-border);
  border-radius:1.25rem;
  padding:2rem;
  transition:all 0.4s var(--ease-out);
  position:relative;
  overflow:hidden;
}
.service-card::after{
  content:'';
  position:absolute;
  bottom:0;left:0;right:0;
  height:3px;
  background:var(--grad-orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform 0.5s var(--ease-out);
}
.service-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
  border-color:rgba(229,104,43,0.2);
}
.service-card:hover::after{transform:scaleX(1)}

/* ━ TESTIMONIAL CARDS ━━━━━━━━━━━━━━━━━━━ */
.testimonial-card{
  background:#ffffff;
  border:1px solid var(--c-border);
  border-radius:1.25rem;
  padding:1.75rem;
  transition:all 0.4s var(--ease-out);
  position:relative;
}
.testimonial-card::before{
  content:'"';
  position:absolute;
  top:1rem;right:1.5rem;
  font-size:4rem;line-height:1;
  color:rgba(229,104,43,0.12);
  font-family:Georgia,serif;
  pointer-events:none;
}
.testimonial-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:rgba(229,104,43,0.2);
}
.stars{color:#F59E0B;letter-spacing:0.05em}

/* ━ TEAM CARDS ━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.team-card{
  background:#ffffff;
  border:1px solid var(--c-border);
  border-radius:1.25rem;
  overflow:hidden;
  transition:all 0.4s var(--ease-out);
}
.team-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
  border-color:rgba(229,104,43,0.2);
}
.team-avatar{
  width:80px;height:80px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;justify-content:center;
  font-size:1.75rem;font-weight:700;
  color:#ffffff;
  flex-shrink:0;
}

/* ━ FAQ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.faq-item{
  border:1px solid var(--c-border);
  border-radius:1rem;
  overflow:hidden;
  transition:border-color 0.3s ease,box-shadow 0.3s ease;
}
.faq-item summary{
  cursor:pointer;
  list-style:none;
  padding:1.25rem 1.5rem;
  font-weight:600;
  font-size:1rem;
  color:var(--c-dark);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  user-select:none;
  transition:color 0.2s ease,background 0.2s ease;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:'+';
  font-size:1.5rem;font-weight:300;
  color:var(--c-orange);
  flex-shrink:0;
  line-height:1;
}
.faq-item[open]{
  border-color:rgba(229,104,43,0.25);
  box-shadow:var(--shadow-sm);
}
.faq-item[open] summary{
  color:var(--c-orange);
  background:rgba(229,104,43,0.04);
}
.faq-item[open] summary::after{content:'−'}
.faq-body{
  padding:0 1.5rem 1.5rem;
  color:var(--c-text-soft);
  line-height:1.75;
  font-size:0.9375rem;
  border-top:1px solid rgba(229,104,43,0.08);
  margin-top:0;
  padding-top:1rem;
}

/* ━ FOOTER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.footer-main{
  background:var(--c-dark);
}
.footer-link{
  color:rgba(255,255,255,0.55);
  text-decoration:none;
  font-size:0.875rem;
  transition:color 0.2s ease;
}
.footer-link:hover{color:var(--c-orange)}

/* ━ MOBILE MENU ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.mobile-nav{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s var(--ease-out);
  background:rgba(255,255,255,0.98);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(229,104,43,0.1);
}
.mobile-nav.open{max-height:320px}

/* ━ ABOUT VISUAL ━━━━━━━━━━━━━━━━━━━━━━━━ */
.about-visual{
  background:linear-gradient(135deg,#FFF4ED 0%,rgba(229,104,43,0.08) 100%);
  border-radius:1.5rem;
  border:1px solid rgba(229,104,43,0.12);
  position:relative;
  overflow:hidden;
  min-height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-visual::before{
  content:'';
  position:absolute;inset:0;
  background-image:radial-gradient(circle at 2px 2px,rgba(229,104,43,0.08) 1px,transparent 0);
  background-size:28px 28px;
}

/* ━ STAT GLASS CARD ━━━━━━━━━━━━━━━━━━━━━ */
.stat-glass{
  background:rgba(255,255,255,0.9);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(229,104,43,0.15);
  border-radius:1.25rem;
  padding:1.5rem;
  box-shadow:0 8px 32px -8px rgba(0,0,0,0.08);
  transition:all 0.3s var(--ease-out);
  text-align:center;
}
.stat-glass:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}

/* ━ VIDEO SECTION ━━━━━━━━━━━━━━━━━━━━━━━ */
.video-wrap{
  border-radius:1.5rem;
  overflow:hidden;
  box-shadow:0 24px 64px -16px rgba(0,0,0,0.2);
  border:4px solid rgba(255,255,255,0.1);
  position:relative;
}
.video-wrap::before{
  content:'';
  position:absolute;inset:-4px;
  border-radius:1.6rem;
  background:var(--grad-orange);
  z-index:-1;
  opacity:0.5;
}

/* ━ PRICING SCROLL CUE ━━━━━━━━━━━━━━━━━ */
@keyframes pricing-pulse{
  0%   { outline:3px solid rgba(245,200,66,0.9); outline-offset:6px; }
  60%  { outline:3px solid rgba(245,200,66,0.6); outline-offset:8px; }
  100% { outline:3px solid rgba(245,200,66,0);   outline-offset:10px; }
}
.pricing-highlight{ animation:pricing-pulse 1.5s ease-out forwards; }

/* ━ FINAL CTA SECTION ━━━━━━━━━━━━━━━━━━ */
.final-cta-section{
  background:linear-gradient(135deg,#0F0F1A 0%,#1c0d03 60%,#1A1A2E 100%);
  position:relative;
  overflow:hidden;
}