/* Existing site CSS, mechanically scoped to the content wrapper. */
.legacy-content *,.legacy-content *::before,.legacy-content *::after{ margin: 0; padding: 0; box-sizing: border-box; }
.legacy-content{
  --black: #211408;
  --ink: #211408;
  --orange: #FF7F40;
  --orange-light: #FFF4ED;
  --orange-dark: #E9651F;
  --orange-text: #C9541A;
  --tint-2: #FFE8DA;
  --white: #FFFFFF;
  --grey-900: #211408;
  --grey-800: #2A1B10;
  --grey-700: #4A3626;
  --grey-600: #6E635B;
  --grey-400: #98897D;
  --grey-300: #D9CCC2;
  --grey-200: #EFE7E0;
  --grey-100: #FBF8F6;
  --grey-50: #FFFDFB;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --shadow-sm: 0 1px 3px rgba(33,20,8,0.07);
  --shadow-md: 0 4px 16px rgba(33,20,8,0.08);
  --shadow-lg: 0 8px 32px rgba(33,20,8,0.12);
  --shadow-xl: 0 16px 48px rgba(33,20,8,0.16);
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.legacy-content{ scroll-behavior: smooth; font-size: 16px; }
.legacy-content{
  font-family: "Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  color: var(--grey-900);
  background: var(--white);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.legacy-content a{ color: inherit; text-decoration: none; }
.legacy-content img{ max-width: 100%; height: auto; }
.legacy-content ul{ list-style: none; }
.legacy-content .container{ max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.legacy-content .container-narrow{ max-width: 800px; margin: 0 auto; padding: 0 24px; }
.legacy-content h1{ font-size: 3.5rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; }
.legacy-content h2{ font-size: 2.5rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.015em; }
.legacy-content h3{ font-size: 1.5rem; font-weight: 600; line-height: 1.3; }
.legacy-content h4{ font-size: 1.125rem; font-weight: 600; line-height: 1.4; }
.legacy-content p{ color: var(--grey-600); }
.legacy-content .text-sm{ font-size: 0.875rem; }
.legacy-content .text-xs{ font-size: 0.75rem; }
.legacy-content .text-lg{ font-size: 1.125rem; }
.legacy-content .text-xl{ font-size: 1.25rem; }
.legacy-content .text-center{ text-align: center; }
.legacy-content .text-orange{ color: var(--orange-text); }
.legacy-content .text-grey{ color: var(--grey-400); }
.legacy-content .text-white{ color: var(--white); }
.legacy-content .font-medium{ font-weight: 500; }
.legacy-content .font-semibold{ font-weight: 600; }
.legacy-content .section{ padding: 100px 0; }
.legacy-content .section-sm{ padding: 60px 0; }
.legacy-content .mt-8{ margin-top: 8px; }
.legacy-content .mt-16{ margin-top: 16px; }
.legacy-content .mt-24{ margin-top: 24px; }
.legacy-content .mt-32{ margin-top: 32px; }
.legacy-content .mt-48{ margin-top: 48px; }
.legacy-content .mt-64{ margin-top: 64px; }
.legacy-content .mb-8{ margin-bottom: 8px; }
.legacy-content .mb-16{ margin-bottom: 16px; }
.legacy-content .mb-24{ margin-bottom: 24px; }
.legacy-content .mb-48{ margin-bottom: 48px; }
.legacy-content .gap-16{ gap: 16px; }
.legacy-content .gap-24{ gap: 24px; }
.legacy-content .gap-32{ gap: 32px; }
.legacy-content .gap-48{ gap: 48px; }
.legacy-content .flex{ display: flex; }
.legacy-content .flex-col{ flex-direction: column; }
.legacy-content .items-center{ align-items: center; }
.legacy-content .justify-center{ justify-content: center; }
.legacy-content .justify-between{ justify-content: space-between; }
.legacy-content .flex-wrap{ flex-wrap: wrap; }
.legacy-content .grid{ display: grid; }
.legacy-content .grid-2{ grid-template-columns: repeat(2, 1fr); }
.legacy-content .grid-3{ grid-template-columns: repeat(3, 1fr); }
.legacy-content .grid-4{ grid-template-columns: repeat(4, 1fr); }
.legacy-content .btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 32px; border-radius: 999px; font-family: "Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 0.95rem; font-weight: 600; cursor: pointer; border: none;
  transition: var(--transition); white-space: nowrap;
}
.legacy-content .btn-primary{
  background: var(--orange); color: var(--white);
}
.legacy-content .btn-primary:hover{ background: var(--orange-dark); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.legacy-content .btn-secondary{
  background: transparent; color: inherit; border: 2px solid rgba(148,137,125,0.35);
}
.legacy-content .btn-secondary:hover{ border-color: var(--orange); color: var(--orange); background: rgba(255,127,64,0.08); }
.legacy-content .btn-outline{
  background: transparent; color: inherit; border: 2px solid rgba(148,137,125,0.35);
}
.legacy-content .btn-outline:hover{ border-color: var(--orange); color: var(--orange); }
.legacy-content .btn-dark{
  background: var(--grey-900); color: var(--white);
}
.legacy-content .btn-dark:hover{ background: var(--grey-700); transform: translateY(-1px); }
.legacy-content .btn-lg{ padding: 18px 40px; font-size: 1.05rem; }
.legacy-content .btn-sm{ padding: 10px 24px; font-size: 0.85rem; }
.legacy-content .btn-icon{ width: 48px; height: 48px; padding: 0; border-radius: 50%; }
.legacy-content .badge{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 16px; border-radius: 50px; font-size: 0.8rem; font-weight: 600;
}
.legacy-content .badge-orange{ background: var(--orange-light); color: var(--orange-text); }
.legacy-content .badge-dark{ background: var(--grey-800); color: var(--orange); }
.legacy-content .card{
  background: var(--white); border-radius: var(--radius-lg); padding: 32px;
  border: 1px solid var(--grey-200); transition: var(--transition);
}
.legacy-content .card:hover{ box-shadow: var(--shadow-md); border-color: var(--grey-300); }
.legacy-content .card-dark{
  background: var(--grey-800); border-color: var(--grey-700); color: var(--white);
}
.legacy-content .card-dark p{ color: var(--grey-400); }
.legacy-content .card-dark:hover{ border-color: var(--grey-600); }
.legacy-content .card-highlight{
  border: 2px solid var(--orange); position: relative;
}
.legacy-content .card-icon{
  width: 52px; height: 52px; border-radius: 14px; display: flex;
  align-items: center; justify-content: center; font-size: 1.4rem;
  margin-bottom: 16px;
}
.legacy-content .card-icon-orange{ background: var(--orange-light); color: var(--orange-text); }
.legacy-content .card-icon-dark{ background: var(--grey-800); color: var(--orange); }
.legacy-content .card-tile-preview{
  width: 100%;
  height: 120px;
  object-fit: cover;
  object-position: top left;
  border-radius: 8px;
  margin: 12px 0;
  opacity: 0.7;
  border: 1px solid rgba(255,255,255,0.06);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.legacy-content .card-dark:hover .card-tile-preview{
  opacity: 1;
  transform: scale(1.03);
}
.legacy-content .nav{
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  background: rgba(255,255,255,0.92); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--grey-200);
}
.legacy-content .nav-inner{
  max-width: 1280px; margin: 0 auto; padding: 0 28px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; height: 72px;
}
.legacy-content .nav-logo{ display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-right: clamp(8px, 2.5vw, 40px); }
.legacy-content .nav-logo-text{
  font-size: 1.2rem; font-weight: 700; color: var(--ink); letter-spacing: -0.01em;
}
.legacy-content .nav-logo-text span{ font-weight: 400; color: var(--orange-text); }
.legacy-content .nav-links{ display: flex; align-items: center; gap: clamp(20px, 2.2vw, 34px); margin: 0 auto; flex-shrink: 0; }
.legacy-content .nav-links a{
  position: relative; padding: 4px 0;
  color: var(--grey-900); font-size: 0.9rem; font-weight: 500; white-space: nowrap;
  transition: var(--transition);
}
.legacy-content .nav-links a::after{
  content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px;
  background: var(--orange); border-radius: 1px;
  transform: scaleX(0); transform-origin: left; transition: transform 0.22s ease;
}
.legacy-content .nav-links a:hover,.legacy-content .nav-links a.active{ color: var(--orange-text); }
.legacy-content .nav-links a:hover::after,.legacy-content .nav-links a.active::after{ transform: scaleX(1); }
.legacy-content .nav-links .chevron-down{ opacity: 0.55; }
.legacy-content .nav-cta{ display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.legacy-content .nav-cta .btn{ padding: 10px 22px; font-size: 0.85rem; white-space: nowrap; }
.legacy-content .nav-toggle{ display: none; background: none; border: none; cursor: pointer; padding: 8px; }
.legacy-content .nav-toggle span{ display: block; width: 24px; height: 2px; background: var(--ink); margin: 5px 0; transition: var(--transition); }
.legacy-content .hero{
  background: var(--black); color: var(--white); padding: 160px 0 100px;
  position: relative; overflow: hidden;
}
.legacy-content #hero-canvas-3d{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: auto;
}
.legacy-content .hero-overlay-3d{
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 20%, transparent 80%, rgba(0,0,0,0.4) 100%);
  pointer-events: none;
}
.legacy-content .hero::before,.legacy-content .hero::after{ display: none; }
.legacy-content .hero-card-wrapper{
  position: relative;
  transform: perspective(1200px) rotateY(-3deg) rotateX(1deg);
  transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
  animation: cardFloat 6s ease-in-out infinite;
}
.legacy-content .hero-card-wrapper:hover{
  transform: perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-6px);
}
@keyframes cardFloat {
  0%, 100% { transform: perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(0); }
  50% { transform: perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
.legacy-content .hero-card-glow{
  position: absolute;
  inset: -3px;
  border-radius: 23px;
  background: conic-gradient(from var(--glow-angle, 0deg), transparent 0%, #FF7F40 8%, #FFB088 12%, transparent 20%, transparent 42%, #FF7F40 50%, #FFB088 54%, transparent 62%, transparent 88%, #FF7F40 96%, transparent 100%);
  animation: glowSpin 3s linear infinite;
  z-index: 0;
  opacity: 0.85;
  filter: blur(1.5px);
}
.legacy-content .hero-card-glow::after{
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 20px;
  background: #fff;
}
@keyframes glowSpin {
  to { --glow-angle: 360deg; }
}
.legacy-content .hero-card-inner{
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 20px;
  padding: 32px 28px 28px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.5);
  overflow: hidden;
}
.legacy-content .hero-card-cta{
  display: block;
  width: 100%;
  padding: 16px;
  background: linear-gradient(135deg, #FF7F40, #E9651F);
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 12px;
  text-decoration: none;
  font-family: "Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  transition: all 0.3s;
  box-shadow: 0 4px 20px rgba(255,127,64,0.35);
  position: relative;
  overflow: hidden;
}
.legacy-content .hero-card-cta::after{
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  animation: shimmer 3s ease-in-out infinite;
}
@keyframes shimmer {
  0% { left: -100%; }
  50% { left: 150%; }
  100% { left: 150%; }
}
.legacy-content .hero-card-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(255,127,64,0.5);
}
.legacy-content .hero-card-inner > div:first-child{
  background-size: 200% 100% !important;
  animation: badgeShift 3s ease-in-out infinite;
}
@keyframes badgeShift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.legacy-content .hero-card-feature-row{
  opacity: 0;
  transform: translateX(-12px);
  animation: featureSlideIn 0.5s ease-out forwards;
}
.legacy-content .hero-card-feature-row:nth-child(1){ animation-delay: 0.3s; }
.legacy-content .hero-card-feature-row:nth-child(2){ animation-delay: 0.5s; }
.legacy-content .hero-card-feature-row:nth-child(3){ animation-delay: 0.7s; }
.legacy-content .hero-card-feature-row:nth-child(4){ animation-delay: 0.9s; }
.legacy-content .hero-card-feature-row:nth-child(5){ animation-delay: 1.1s; }
@keyframes featureSlideIn {
  to { opacity: 1; transform: translateX(0); }
}
.legacy-content .hero-card-feature-row svg{
  animation: checkPop 0.3s cubic-bezier(0.34,1.56,0.64,1) forwards;
  opacity: 0;
  transform: scale(0);
}
.legacy-content .hero-card-feature-row:nth-child(1) svg{ animation-delay: 0.5s; }
.legacy-content .hero-card-feature-row:nth-child(2) svg{ animation-delay: 0.7s; }
.legacy-content .hero-card-feature-row:nth-child(3) svg{ animation-delay: 0.9s; }
.legacy-content .hero-card-feature-row:nth-child(4) svg{ animation-delay: 1.1s; }
.legacy-content .hero-card-feature-row:nth-child(5) svg{ animation-delay: 1.3s; }
@keyframes checkPop {
  to { opacity: 1; transform: scale(1); }
}
.legacy-content .hero-card-price{
  animation: priceReveal 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s both;
}
@keyframes priceReveal {
  from { opacity: 0; transform: translateY(20px) scale(0.9); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.legacy-content .hero-card-wrapper{
  animation: cardEntrance 0.8s cubic-bezier(0.16,1,0.3,1) both, cardFloat 6s ease-in-out 0.8s infinite;
}
@keyframes cardEntrance {
  from { opacity: 0; transform: perspective(1200px) rotateY(-8deg) rotateX(3deg) translateY(40px); }
  to { opacity: 1; transform: perspective(1200px) rotateY(-3deg) rotateX(1deg) translateY(0); }
}
.legacy-content .hero-card-inner::after{
  content: "";
  position: absolute;
  bottom: -20px; left: 10%; right: 10%;
  height: 40px;
  background: radial-gradient(ellipse, rgba(255,127,64,0.3) 0%, transparent 70%);
  filter: blur(15px);
  animation: cardShadowPulse 4s ease-in-out infinite;
  z-index: -1;
}
@keyframes cardShadowPulse {
  0%, 100% { opacity: 0.5; transform: scaleX(0.9); }
  50% { opacity: 1; transform: scaleX(1.1); }
}
.legacy-content .hero-actions .btn-primary{
  position: relative;
}
.legacy-content .hero-actions .btn-primary::after{
  content: ""; position: absolute; inset: -3px; border-radius: inherit;
  background: linear-gradient(135deg, rgba(255,127,64,0.4), rgba(255,180,120,0.2), rgba(255,127,64,0.4));
  z-index: -1; filter: blur(12px);
  animation: ctaGlow 3s ease-in-out infinite;
}
@keyframes ctaGlow {
  0%, 100% { opacity: 0.5; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.04); }
}
.legacy-content .hero .container{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 60px; align-items: center; }
.legacy-content .hero-content{ position: relative; z-index: 1; }
.legacy-content .hero-content h1{ margin-bottom: 24px; }
.legacy-content .hero-content p{ font-size: 1.2rem; color: var(--grey-400); margin-bottom: 40px; max-width: 560px; }
.legacy-content .hero-visual{ position: relative; z-index: 1; }
.legacy-content .hero-actions{ display: flex; gap: 16px; flex-wrap: wrap; }
.legacy-content .hero-stats{
  display: flex; gap: 48px; margin-top: 64px; padding-top: 40px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.legacy-content .hero-stat-value{ font-size: 2rem; font-weight: 700; color: var(--white); }
.legacy-content .hero-stat-label{ font-size: 0.85rem; color: var(--grey-400); margin-top: 4px; }
.legacy-content .hero-home{ padding-top: 210px; }
.legacy-content .hero-centered{ text-align: center; padding: 160px 0 80px; }
.legacy-content .hero-centered .hero-content{ max-width: 800px; margin: 0 auto; }
.legacy-content .hero-centered .hero-content p{ max-width: 600px; margin: 0 auto 40px; }
.legacy-content .hero-centered .hero-actions{ justify-content: center; }
.legacy-content .section-header{ text-align: center; max-width: 640px; margin: 0 auto 64px; }
.legacy-content .section-header .badge{ margin-bottom: 16px; }
.legacy-content .section-header h2{ margin-bottom: 16px; }
.legacy-content .section-header p{ font-size: 1.1rem; }
.legacy-content .feature-card{ padding: 36px; }
.legacy-content .feature-card h4{ margin-bottom: 8px; }
.legacy-content .feature-card p{ font-size: 0.95rem; }
.legacy-content .pricing-card{ padding: 40px; text-align: center; }
.legacy-content .pricing-card .price{ font-size: 3rem; font-weight: 700; color: var(--grey-900); }
.legacy-content .pricing-card .price-period{ font-size: 0.95rem; color: var(--grey-400); }
.legacy-content .pricing-card .plan-name{ font-size: 1.3rem; font-weight: 700; margin-bottom: 4px; }
.legacy-content .pricing-card .plan-desc{ font-size: 0.9rem; color: var(--grey-600); margin-bottom: 24px; }
.legacy-content .pricing-features{ text-align: left; margin: 28px 0; }
.legacy-content .pricing-features li{
  padding: 10px 0; font-size: 0.9rem; color: var(--grey-600);
  display: flex; align-items: flex-start; gap: 10px;
  border-bottom: 1px solid var(--grey-200);
}
.legacy-content .pricing-features li:last-child{ border-bottom: none; }
.legacy-content .pricing-features .check{ color: var(--orange-text); font-weight: 700; flex-shrink: 0; }
.legacy-content .pricing-card-dark .price{ color: var(--white); }
.legacy-content .pricing-card-dark .pricing-features li{ color: var(--grey-400); border-color: var(--grey-700); }
.legacy-content .pricing-popular{
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  background: var(--orange); color: var(--white); padding: 6px 20px;
  border-radius: 50px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.05em;
}
.legacy-content .faq-item{
  border-bottom: 1px solid var(--grey-200); padding: 24px 0;
}
.legacy-content .faq-question{
  display: flex; justify-content: space-between; align-items: center;
  cursor: pointer; width: 100%; background: none; border: none;
  font-family: "Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 1.05rem; font-weight: 600;
  color: var(--grey-900); text-align: left; padding: 0;
}
.legacy-content .faq-question:hover{ color: var(--orange-text); }
.legacy-content .faq-arrow{
  width: 24px; height: 24px; flex-shrink: 0; transition: var(--transition);
  color: var(--grey-600);
}
.legacy-content .faq-item.open .faq-arrow{ transform: rotate(180deg); color: var(--orange-text); }
.legacy-content .faq-answer{
  max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease;
}
.legacy-content .faq-item.open .faq-answer{ max-height: 500px; padding-top: 16px; }
.legacy-content .faq-answer p{ font-size: 0.95rem; line-height: 1.7; }
.legacy-content .testimonial-card{ padding: 36px; }
.legacy-content .testimonial-text{ font-size: 1.05rem; line-height: 1.7; color: var(--grey-600); font-style: italic; margin-bottom: 20px; }
.legacy-content .testimonial-author{ display: flex; align-items: center; gap: 12px; }
.legacy-content .testimonial-avatar{
  width: 44px; height: 44px; border-radius: 50%; background: var(--orange-light);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; color: var(--orange-text); font-size: 1rem;
}
.legacy-content .testimonial-name{ font-weight: 600; font-size: 0.9rem; }
.legacy-content .testimonial-role{ font-size: 0.8rem; color: var(--grey-400); }
.legacy-content .cta-banner{
  background: radial-gradient(ellipse 900px 600px at 85% 90%, rgba(255,127,64,0.16), transparent 60%), var(--white);
  color: var(--grey-900); border-radius: var(--radius-xl);
  padding: 80px 60px; text-align: center; position: relative; overflow: hidden;
  border: 1px solid var(--grey-200);
}
.legacy-content .cta-banner::before{
  content: ""; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(255,127,64,0.15) 0%, transparent 70%);
}
.legacy-content .cta-banner h2{ margin-bottom: 16px; position: relative; color: var(--grey-900); }
.legacy-content .cta-banner p{ color: var(--grey-600); margin-bottom: 32px; position: relative; }
.legacy-content .cta-banner .btn{ position: relative; }
.legacy-content .footer{ background: var(--white); color: var(--grey-900); padding: 80px 0 40px; border-top: 1px solid var(--grey-200); }
.legacy-content .footer-grid{ display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; }
.legacy-content .footer-brand p{ color: var(--grey-400); font-size: 0.9rem; margin-top: 16px; max-width: 300px; }
.legacy-content .footer-col h4{ font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--grey-400); margin-bottom: 20px; }
.legacy-content .footer-col a{ display: block; color: var(--grey-600); font-size: 0.9rem; padding: 10px 0; transition: var(--transition); }
.legacy-content .footer-col a:hover{ color: var(--ink); }
.legacy-content .footer-bottom{
  margin-top: 60px; padding-top: 24px; border-top: 1px solid var(--grey-200);
  display: flex; justify-content: space-between; align-items: center;
}
.legacy-content .footer-bottom p{ font-size: 0.8rem; color: var(--grey-400); }
.legacy-content .footer-bottom-links{ display: flex; gap: 24px; }
.legacy-content .footer-bottom-links a{ font-size: 0.8rem; color: var(--grey-400); }
.legacy-content .footer-bottom-links a:hover{ color: var(--ink); }
.legacy-content .comparison-table{ width: 100%; border-collapse: collapse; }
.legacy-content .comparison-table th{
  padding: 16px 20px; text-align: left; font-size: 0.85rem; font-weight: 600;
  border-bottom: 2px solid var(--grey-200); color: var(--grey-600);
}
.legacy-content .comparison-table td{
  padding: 14px 20px; font-size: 0.9rem; border-bottom: 1px solid var(--grey-200);
}
.legacy-content .comparison-table tr:hover td{ background: var(--grey-50); }
.legacy-content .comparison-table .highlight-col{ background: var(--orange-light); }
.legacy-content .founder-block{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 64px;
  align-items: center;
}
.legacy-content .founder-image-wrap{
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 4 / 3;
  box-shadow: var(--shadow-lg);
}
.legacy-content .founder-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  display: block;
}
.legacy-content .founder-role{
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--orange-text);
  margin-bottom: 20px;
}
@media  (max-width: 768px) {.legacy-content .founder-block{
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
.legacy-content .founder-image-wrap{
    max-width: 400px;
    margin: 0 auto;
  }}
.legacy-content .stats-row{
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.legacy-content .stat-card{ text-align: center; padding: 32px 16px; }
.legacy-content .stat-value{ font-size: 2.5rem; font-weight: 700; color: var(--orange-text); }
.legacy-content .stat-label{ font-size: 0.9rem; color: var(--grey-600); margin-top: 8px; }
.legacy-content .feature-detail{
  display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;
  padding: 80px 0;
}
.legacy-content .feature-detail:nth-child(even){ direction: rtl; }
.legacy-content .feature-detail:nth-child(even) > *{ direction: ltr; }
.legacy-content .feature-detail-content .badge{ margin-bottom: 16px; }
.legacy-content .feature-detail-content h3{ font-size: 1.75rem; margin-bottom: 16px; }
.legacy-content .feature-detail-content p{ margin-bottom: 24px; }
.legacy-content .feature-detail-list li{
  padding: 8px 0; font-size: 0.9rem; color: var(--grey-600);
  display: flex; align-items: center; gap: 10px;
}
.legacy-content .feature-detail-list .check{ color: var(--orange-text); font-weight: 700; }
.legacy-content .feature-detail-visual{
  background: var(--grey-100); border-radius: var(--radius-xl); padding: 48px;
  display: flex; align-items: center; justify-content: center; min-height: 360px;
  position: relative; overflow: hidden;
}
.legacy-content .feature-visual-mockup{
  background: var(--white); border-radius: var(--radius); box-shadow: var(--shadow-lg);
  padding: 24px; width: 100%;
}
.legacy-content .contact-form .form-group{ margin-bottom: 20px; }
.legacy-content .contact-form label{
  display: block; font-size: 0.85rem; font-weight: 600; margin-bottom: 8px; color: var(--white);
}
.legacy-content .contact-form input[type="text"],.legacy-content .contact-form input[type="email"],.legacy-content .contact-form input[type="tel"],.legacy-content .contact-form select,.legacy-content .contact-form textarea{
  width: 100%; padding: 14px 18px; border: 1px solid var(--grey-700); border-radius: var(--radius);
  font-family: "Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 0.95rem; color: var(--white);
  transition: var(--transition); background: var(--grey-800);
}
.legacy-content .contact-form input::placeholder,.legacy-content .contact-form textarea::placeholder{ color: var(--grey-400); }
.legacy-content .contact-form input:focus,.legacy-content .contact-form select:focus,.legacy-content .contact-form textarea:focus{
  outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,127,64,0.15);
}
.legacy-content .contact-form textarea{ min-height: 120px; resize: vertical; }
.legacy-content .contact-form .form-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.legacy-content .contact-form select option{ background: var(--grey-800); color: var(--white); }
.legacy-content .form-group{ margin-bottom: 20px; }
.legacy-content .form-label{ display: block; font-size: 0.85rem; font-weight: 600; margin-bottom: 8px; color: var(--grey-900); }
.legacy-content .form-input,.legacy-content .form-select,.legacy-content .form-textarea{
  width: 100%; padding: 14px 18px; border: 1px solid var(--grey-200); border-radius: var(--radius);
  font-family: "Switzer", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; font-size: 0.95rem; color: var(--grey-900);
  transition: var(--transition); background: var(--white);
}
.legacy-content .form-input:focus,.legacy-content .form-select:focus,.legacy-content .form-textarea:focus{
  outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,127,64,0.1);
}
.legacy-content .form-textarea{ min-height: 120px; resize: vertical; }
.legacy-content .form-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.legacy-content .pulse-icon{
  width: 36px; height: 36px; background: var(--black); border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
}
.legacy-content .pulse-icon svg{ width: 22px; height: 22px; }
.legacy-content .divider{ height: 1px; background: var(--grey-200); margin: 0; }
.legacy-content .divider-dark{ background: var(--grey-700); }
@media  (max-width: 1024px) {.legacy-content h1{ font-size: 2.75rem; }
.legacy-content h2{ font-size: 2rem; }
.legacy-content .grid-4{ grid-template-columns: repeat(2, 1fr); }
.legacy-content .feature-detail{ grid-template-columns: 1fr; gap: 40px; }
.legacy-content .feature-detail:nth-child(even){ direction: ltr; }
.legacy-content .footer-grid{ grid-template-columns: 1fr 1fr; }}
@media  (max-width: 768px) {.legacy-content h1{ font-size: 2.25rem; }
.legacy-content h2{ font-size: 1.75rem; }
.legacy-content .section{ padding: 64px 0; }
.legacy-content .grid-2,.legacy-content .grid-3,.legacy-content .grid-4{ grid-template-columns: 1fr; }
.legacy-content .stats-row{ grid-template-columns: repeat(2, 1fr); }
.legacy-content .hero{ padding: 60px 0; }
.legacy-content .hero .container{ grid-template-columns: minmax(0, 1fr); gap: 24px; }
.legacy-content .hero-home{ padding-top: 130px; }
.legacy-content .hero-visual{ display: none; }
.legacy-content .hero-visual-mobile{ display: block !important; margin-top: 24px; }
.legacy-content .hero-stats{ flex-direction: row; flex-wrap: wrap; gap: 16px; }
.legacy-content .hero-stat-value{ font-size: 1.5rem; }
.legacy-content .hero-stat-label{ font-size: 0.75rem; }
.legacy-content .hero-actions{ flex-direction: column; gap: 10px; }
.legacy-content .hero-actions .btn{ width: 100%; text-align: center; }
.legacy-content .hero-actions .btn-lg{ padding: 14px 20px; font-size: 0.92rem; }
.legacy-content .hero-content p{ font-size: 1rem; }
.legacy-content .nav-links{ display: none; }
.legacy-content .nav-toggle{ display: block; }
.legacy-content .cta-banner{ padding: 40px 20px; }
.legacy-content .cta-banner h2{ font-size: 1.5rem; }
.legacy-content .cta-banner .flex{ flex-direction: column; gap: 10px; }
.legacy-content .cta-banner .btn{ width: 100%; text-align: center; }
.legacy-content .footer-grid{ grid-template-columns: 1fr; }
.legacy-content .form-row{ grid-template-columns: 1fr; }
.legacy-content .contact-form .form-grid{ grid-template-columns: 1fr; }
.legacy-content .comparison-table{ font-size: 0.8rem; }
.legacy-content .comparison-table th,.legacy-content .comparison-table td{ padding: 10px 12px; }
.legacy-content .container{ padding: 0 16px; }
.legacy-content .section-header{ margin-bottom: 40px; }
.legacy-content .section-sm{ padding: 40px 0; }
.legacy-content .steps-grid{ grid-template-columns: 1fr !important; gap: 24px !important; }
.legacy-content .fitout-gallery{ grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.legacy-content .promise-grid{ grid-template-columns: 1fr 1fr !important; }
.legacy-content .free-banner{ font-size: 0.78rem; padding: 5px 16px; }
.legacy-content .nav-cta .btn{ font-size: 0.78rem; padding: 8px 14px; }
.legacy-content .contact-mobile-form{ display: block !important; }
.legacy-content .btn{ max-width: 100%; white-space: normal; }
.legacy-content .hero-content .flex{ flex-wrap: wrap; }
.legacy-content .grid > *,.legacy-content .grid-2 > *,.legacy-content .grid-3 > *,.legacy-content .grid-4 > *,.legacy-content .stats-row > *,.legacy-content .hero .container > *,.legacy-content .calc-grid > *,.legacy-content [style*="grid-template-columns"] > *{ min-width: 0; }
.legacy-content .cost-table,.legacy-content .financial-table,.legacy-content .details-table{
    display: block; overflow-x: auto; -webkit-overflow-scrolling: touch;
  }}
@media  (min-width: 1201px) and (max-width: 1320px) {.legacy-content .nav-links{ gap: 18px; }
.legacy-content .nav-links a{ font-size: 0.85rem; }
.legacy-content .nav-cta{ gap: 10px; }
.legacy-content .nav-cta .btn{ padding: 9px 16px; font-size: 0.8rem; }}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.legacy-content .animate{ opacity: 0; animation: fadeInUp 0.6s ease forwards; }
.legacy-content .animate-delay-1{ animation-delay: 0.1s; }
.legacy-content .animate-delay-2{ animation-delay: 0.2s; }
.legacy-content .animate-delay-3{ animation-delay: 0.3s; }
.legacy-content .free-banner{
  background: linear-gradient(135deg, var(--orange) 0%, #E9651F 100%);
  color: var(--white); text-align: center; padding: 8px 24px;
  font-size: 0.9rem; font-weight: 600;
}
.legacy-content .free-banner a{ text-decoration: underline; font-weight: 700; }
@media  (max-width: 1200px) {.legacy-content .nav-links{ display: none; }
.legacy-content .nav-toggle{ display: block; }
.legacy-content .nav-cta .btn-outline{ display: none; }
.legacy-content .nav-links.show{
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.98);
    backdrop-filter: blur(20px);
    padding: 24px;
    gap: 0;
    border-bottom: 1px solid var(--grey-200);
    animation: mobileNavIn 0.25s ease;
    overflow-y: auto;
    max-height: calc(100vh - 72px);
    margin: 0;
  }
.legacy-content .nav-links.show a{
    padding: 14px 0;
    font-size: 1rem;
    border-bottom: 1px solid var(--grey-200);
  }
.legacy-content .nav-links.show a::after{ display: none; }
.legacy-content .nav-links.show a:last-child{ border-bottom: none; }
.legacy-content .nav-links.show::after{
    content: "";
    display: block;
    height: 16px;
  }}
@media  (max-width: 560px) {.legacy-content .nav-cta .btn{ padding: 8px 10px; font-size: 0.72rem; }
.legacy-content .nav-logo{ margin-right: 0; }
.legacy-content .nav-logo-img{ height: 30px !important; }
.legacy-content .nav-inner{ padding: 0 12px; gap: 8px; }
.legacy-content #site-search-trigger{ display: none !important; }
.legacy-content [style*="grid-template-columns:1fr 1fr"],.legacy-content [style*="grid-template-columns: 1fr 1fr"],.legacy-content [style*="grid-template-columns:repeat(2,.legacy-content 1fr)"],.legacy-content [style*="grid-template-columns: repeat(2,.legacy-content 1fr)"],.legacy-content [style*="grid-template-columns:repeat(3,.legacy-content 1fr)"],.legacy-content [style*="grid-template-columns:repeat(4,.legacy-content 1fr)"],.legacy-content [style*="grid-template-columns:repeat(5,.legacy-content 1fr)"]{
    grid-template-columns: 1fr !important;
  }}
@keyframes mobileNavIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}
.legacy-content .nav-item-mega{
  position: static;
}
.legacy-content .nav-item-mega > a{
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.legacy-content .nav-item-mega > a .chevron-down{
  width: 14px;
  height: 14px;
  transition: transform 0.25s ease;
  opacity: 0.5;
}
.legacy-content .nav-item-mega:hover > a .chevron-down,.legacy-content .nav-item-mega.open > a .chevron-down{
  transform: rotate(180deg);
  opacity: 1;
}
.legacy-content .nav-item-mega:hover > a,.legacy-content .nav-item-mega.open > a{
  color: var(--orange-text);
}
.legacy-content .mega-menu{
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  background: var(--white);
  border-bottom: 1px solid var(--grey-200);
  box-shadow: 0 16px 48px rgba(33,20,8,0.12);
  padding: 48px 0 40px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 999;
}
.legacy-content .nav-item-mega:hover .mega-menu,.legacy-content .nav-item-mega.open .mega-menu{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.legacy-content .mega-menu-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 48px;
}
.legacy-content .mega-menu{ overflow-x: clip; }
@media  (min-width: 1201px) and (max-width: 1320px) {.legacy-content .mega-menu-inner{ gap: 28px; }}
.legacy-content .mega-col-header{
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--orange-text);
  padding-bottom: 12px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--orange);
}
.legacy-content .mega-item{
  display: block;
  padding: 10px 0;
  transition: var(--transition);
}
.legacy-content .nav-links a.mega-item{ white-space: normal; }
.legacy-content .mega-item:hover{
  transform: translateX(4px);
}
.legacy-content .mega-item-title{
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--grey-900);
  margin-bottom: 2px;
  transition: color 0.2s ease;
}
.legacy-content .mega-item:hover .mega-item-title{
  color: var(--orange-text);
}
.legacy-content .mega-item-desc{
  font-size: 0.82rem;
  color: var(--grey-600);
  line-height: 1.4;
}
.legacy-content .mega-menu-footer{
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 24px 0;
  margin-top: 32px;
  border-top: 1px solid var(--grey-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.legacy-content .mega-menu-footer p{
  font-size: 0.9rem;
  color: var(--grey-600);
  font-weight: 500;
}
.legacy-content .mega-menu-footer .btn{
  font-size: 0.85rem;
  padding: 10px 24px;
}
.legacy-content .mega-menu-footer .btn-primary{
  color: var(--white);
}
@media  (max-width: 1200px) {.legacy-content .mega-menu{
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-bottom: none;
    padding: 0;
    background: transparent;
    display: none;
  }
.legacy-content .nav-item-mega.open .mega-menu{
    display: block;
  }
.legacy-content .mega-menu-inner{
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 16px 0;
  }
.legacy-content .mega-col-header{
    color: var(--orange-text);
    border-color: rgba(255,127,64,0.3);
  }
.legacy-content .mega-item-title{ color: var(--ink); }
.legacy-content .mega-item-desc{ color: var(--grey-600); }
.legacy-content .mega-menu-footer{
    padding: 16px 0 0;
    border-color: var(--grey-200);
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
.legacy-content .mega-menu-footer p{ color: var(--grey-600); }}
.legacy-content .nav-dropdown{
  position: relative;
}
.legacy-content .nav-dropdown > a{
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.legacy-content .nav-dropdown > a .chevron-down{
  width: 14px;
  height: 14px;
  transition: transform 0.25s ease;
  opacity: 0.5;
}
.legacy-content .nav-dropdown:hover > a .chevron-down,.legacy-content .nav-dropdown.open > a .chevron-down{
  transform: rotate(180deg);
  opacity: 1;
}
.legacy-content .nav-dropdown:hover > a,.legacy-content .nav-dropdown.open > a{
  color: var(--orange-text);
}
.legacy-content .nav-dropdown-menu{
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  min-width: 560px;
  background: var(--white);
  border: 1px solid var(--grey-200);
  border-radius: 16px;
  box-shadow: 0 16px 48px rgba(33,20,8,0.12);
  padding: 28px 32px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 999;
  margin-top: 12px;
}
.legacy-content .nav-dropdown:hover .nav-dropdown-menu,.legacy-content .nav-dropdown.open .nav-dropdown-menu{
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.legacy-content .nav-dropdown-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.legacy-content .nav-dropdown-section-title{
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--orange-text);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--orange);
}
.legacy-content .nav-dropdown-item{
  display: block;
  padding: 6px 0;
  text-decoration: none;
  transition: transform 0.15s ease;
}
.legacy-content .nav-dropdown-item:hover{
  transform: translateX(4px);
}
.legacy-content .nav-dropdown-item-title{
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--grey-900);
  transition: color 0.15s ease;
}
.legacy-content .nav-dropdown-item:hover .nav-dropdown-item-title{
  color: var(--orange-text);
}
.legacy-content .nav-dropdown-item-desc{
  font-size: 0.78rem;
  color: var(--grey-600);
  line-height: 1.3;
}
.legacy-content .nav-dropdown-footer{
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--grey-200);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.legacy-content .nav-dropdown-footer a{
  font-size: 0.85rem;
  color: var(--orange-text);
  font-weight: 600;
  text-decoration: none;
}
.legacy-content .nav-dropdown-footer a:hover{
  text-decoration: underline;
}
@media  (max-width: 1200px) {.legacy-content .nav-dropdown-menu{
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    min-width: 0;
    background: transparent;
    display: none;
    margin-top: 0;
  }
.legacy-content .nav-dropdown.open .nav-dropdown-menu{
    display: block;
  }
.legacy-content .nav-dropdown-grid{
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 12px 0;
  }
.legacy-content .nav-dropdown-section-title{
    color: var(--orange-text);
    border-color: rgba(255,127,64,0.3);
  }
.legacy-content .nav-dropdown-item-title{ color: var(--ink); }
.legacy-content .nav-dropdown-item-desc{ color: var(--grey-600); }
.legacy-content .nav-dropdown-footer{
    border-color: var(--grey-200);
    padding: 12px 0 0;
  }
.legacy-content .nav-dropdown-footer a{ color: var(--orange-text); }
.legacy-content .nav-dropdown.open .nav-dropdown-menu{
    transform: none;
  }}
.legacy-content .reveal{
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.legacy-content .reveal.visible{
  opacity: 1;
  transform: translateY(0);
}
.legacy-content .reveal-delay-1{ transition-delay: 0.1s; }
.legacy-content .reveal-delay-2{ transition-delay: 0.2s; }
.legacy-content .reveal-delay-3{ transition-delay: 0.3s; }
.legacy-content [id]{
  scroll-margin-top: 140px;
}
.legacy-content .feature-category-divider{
  background: radial-gradient(ellipse 900px 500px at 50% 0%, rgba(255,127,64,0.14), transparent 65%), var(--white);
  color: var(--grey-900);
  text-align: center;
  padding: 72px 0;
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--grey-200);
  border-bottom: 1px solid var(--grey-200);
}
.legacy-content .feature-category-divider::before{
  content: "";
  position: absolute;
  top: -40%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(255,127,64,0.1) 0%, transparent 70%);
  pointer-events: none;
}
.legacy-content .feature-category-divider:nth-child(odd)::before{ left: -10%; }
.legacy-content .feature-category-divider:nth-child(even)::before{ right: -10%; left: auto; }
.legacy-content .feature-category-label{
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--orange-text);
  margin-bottom: 16px;
}
.legacy-content .feature-category-divider h2{
  color: var(--grey-900);
  position: relative;
  max-width: 500px;
  margin: 0 auto;
}
.legacy-content .feature-detail-reversed{
  direction: rtl;
}
.legacy-content .feature-detail-reversed > *{
  direction: ltr;
}
.legacy-content .mockup-browser{
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  background: var(--white);
}
.legacy-content .mockup-browser-bar{
  background: var(--grey-100);
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--grey-200);
}
.legacy-content .mockup-browser-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.legacy-content .mockup-browser-dot:nth-child(1){ background: #EF4444; }
.legacy-content .mockup-browser-dot:nth-child(2){ background: #F59E0B; }
.legacy-content .mockup-browser-dot:nth-child(3){ background: #10B981; }
.legacy-content .mockup-browser-url{
  margin-left: 12px;
  background: var(--grey-200);
  border-radius: 6px;
  padding: 4px 14px;
  font-size: 0.7rem;
  color: var(--grey-400);
  flex: 1;
  max-width: 200px;
}
.legacy-content .mockup-browser-body{
  padding: 20px;
}
.legacy-content .status-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}
.legacy-content .status-green{ background: #10B981; }
.legacy-content .status-amber{ background: #F59E0B; }
.legacy-content .status-red{ background: #EF4444; }
.legacy-content .mini-chart{
  height: 72px;
  background: linear-gradient(180deg, rgba(255,127,64,0.12) 0%, transparent 100%);
  border-bottom: 2px solid var(--orange);
  border-radius: 4px 4px 0 0;
  position: relative;
}
.legacy-content .mini-chart-line{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.legacy-content .mini-chart-line svg{
  width: 100%;
  height: 100%;
}
.legacy-content .pulse-dot{
  width: 8px;
  height: 8px;
  background: var(--orange);
  border-radius: 50%;
  display: inline-block;
  animation: pulse-glow 2s infinite;
}
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255,127,64,0.4); }
  50% { box-shadow: 0 0 0 6px rgba(255,127,64,0); }
}
.legacy-content .mockup-stat-row{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.legacy-content .mockup-stat{
  background: var(--grey-50);
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}
.legacy-content .mockup-stat-value{
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--grey-900);
}
.legacy-content .mockup-stat-label{
  font-size: 0.7rem;
  color: var(--grey-400);
  margin-top: 2px;
}
.legacy-content .mockup-pills{
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
}
.legacy-content .mockup-pill{
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.72rem;
  font-weight: 600;
  background: var(--grey-100);
  color: var(--grey-600);
}
.legacy-content .mockup-pill-active{
  background: var(--orange);
  color: var(--white);
}
.legacy-content .mockup-ai-insight{
  margin-top: 12px;
  padding: 10px 14px;
  background: var(--orange-light);
  border-radius: 10px;
  font-size: 0.8rem;
  color: var(--orange-text);
  font-weight: 500;
  line-height: 1.5;
}
.legacy-content .mockup-ai-insight-dark{
  background: rgba(255,127,64,0.15);
  color: var(--orange);
}
.legacy-content .mockup-location{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--grey-200);
  font-size: 0.82rem;
}
.legacy-content .mockup-location:last-child{ border-bottom: none; }
.legacy-content .mockup-lead{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px solid var(--grey-200);
  font-size: 0.82rem;
}
.legacy-content .mockup-lead:last-child{ border-bottom: none; }
.legacy-content .mockup-lead-score{
  width: 60px;
  height: 5px;
  border-radius: 3px;
  background: var(--grey-200);
  overflow: hidden;
  flex-shrink: 0;
}
.legacy-content .mockup-lead-score-fill{
  height: 100%;
  border-radius: 3px;
}
.legacy-content .mockup-shift-grid{
  display: grid;
  grid-template-columns: 80px repeat(5, 1fr);
  gap: 4px;
  font-size: 0.7rem;
}
.legacy-content .mockup-shift-name{
  font-weight: 600;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: var(--grey-900);
}
.legacy-content .mockup-shift-block{
  border-radius: 4px;
  padding: 4px;
  text-align: center;
  font-weight: 500;
  font-size: 0.65rem;
}
.legacy-content .feature-detail-visual-dark{
  background: var(--grey-900);
}
.legacy-content .feature-detail-visual-dark .feature-visual-mockup{
  background: var(--grey-800);
}
.legacy-content .section-alt{ background: var(--grey-100); }
@media  (max-width: 1024px) {.legacy-content .feature-detail-reversed{ direction: ltr; }
.legacy-content .mockup-stat-row{ grid-template-columns: repeat(3, 1fr); }
.legacy-content .mockup-shift-grid{ grid-template-columns: 60px repeat(5, 1fr); }}
@media  (max-width: 768px) {.legacy-content .feature-category-divider{ padding: 48px 0; }
.legacy-content .mockup-stat-row{ grid-template-columns: 1fr 1fr 1fr; }
.legacy-content .mockup-shift-grid{ font-size: 0.6rem; }}