/* ===== RESET & BASE STYLES ===== */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { max-width: 100%; overflow-x: hidden; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
/* ===== GLOBAL SIZES (easy to edit) ===== */
:root{
  --nav-logo-h: 72px;   /* Desktop logo height */
  --nav-logo-h-m: 50px; /* Mobile logo height */
  --nav-padding-y: 14px; /* Navbar vertical padding */
  --navH: calc(var(--nav-logo-h) + (var(--nav-padding-y) * 2));
}
/*==============logo hero=======*/
.hero-logo{
  max-width: 140px;
  height: auto;
  margin: 1rem auto 0;
}

/*===========Brand-text======*/
.brand-text{
  white-space: nowrap;
}

/* ===== NAVIGATION ===== */
.navbar {
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
  padding: var(--nav-padding-y) 0;  /* UPDATED */
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}


.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; /* anchor for dropdown (desktop) */
}

.nav-logo {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
}

.logo-img{
  height: var(--nav-logo-h);  /* UPDATED */
  width: auto;                /* prevents distortion */
  margin-right: 12px;
  border-radius: 50%;
  display: block;
  object-fit: cover;
}


.nav-menu { display: flex; list-style: none; gap: 2rem; }

.nav-menu a {
  color: #fff;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  transition: background-color .3s ease;
}
.nav-menu a:hover,
.nav-menu a.active { background-color: rgba(255,255,255,.2); }

.hamburger {
  display: none; /* desktop hidden */
  flex-direction: column;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 6px;
}
.hamburger span { width: 25px; height: 3px; background: #fff; margin: 3px 0; transition: .3s; }

/* ===== MAIN CONTENT ===== */
main{
  margin-top: var(--navH); /* UPDATED */
  min-height: calc(100vh - 140px);
}


/* ===== HERO SECTIONS ===== */
.hero { background: linear-gradient(135deg, #e0f2fe 0%, #b3e5fc 100%); text-align: center; }
.hero h1 { font-size: 3rem; color: #1e3a8a; margin-bottom: 1rem; font-weight: 700; }
.hero h2 { font-size: 1.5rem; color: #3b82f6; margin-bottom: 2rem; font-weight: 500; }
.hero p { font-size: 1.1rem; max-width: 800px; margin: 0 auto; color: #374151; }

/* ===== SALSOFT LOGO SECTION ===== */
.salsoft-logo-section { display: flex; justify-content: center; margin-bottom: 2rem; }
.salsoft-logo { text-align: center; }
.logo-circle{
  width:120px;height:120px;border-radius:50%;
  background:linear-gradient(135deg,#3b82f6 0%,#1e3a8a 100%);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1rem;box-shadow:0 8px 30px rgba(59,130,246,.3);
}
.salsoft-logo.large .logo-circle{width:150px;height:150px;}
.logo-text{color:#fff;font-size:3rem;font-weight:bold;}
.salsoft-logo.large .logo-text{font-size:4rem;}
.logo-subtitle{color:#6b7280;font-size:1rem;margin-top:.5rem;}

/* ===== PAGE HERO SECTIONS ===== */
.projects-hero,.about-hero,.contact-hero{
  background: linear-gradient(135deg, #e0f2fe 0%, #b3e5fc 100%);
  text-align:center;
}

.projects-hero h1,.about-hero h1,.contact-hero h1{ font-size:2.5rem;color:#1e3a8a;margin-bottom:1rem;font-weight:700; }

/* ===== SERVICES SECTION ===== */
.services{ padding:4rem 0; background:#fff; }
.services h2{ font-size:2.5rem;color:#1e3a8a;margin-bottom:3rem;text-align:center; }
.service-card{
  background:#f8fafc;border-radius:15px;padding:2rem;margin-bottom:2rem;
  box-shadow:0 4px 20px rgba(0,0,0,.08);border-left:5px solid #3b82f6;
}
.service-card h3{ color:#1e3a8a;font-size:1.5rem;margin-bottom:1rem; }
.service-card p{ margin-bottom:1.5rem;color:#374151; }
.service-list,.features ul{ list-style:none;margin-bottom:1.5rem; }
.service-list li,.features li{ padding:.5rem 0;color:#374151;border-bottom:1px solid #e5e7eb; }
.features h4{ color:#1e3a8a;margin-bottom:1rem; }

/* ===== WHY CHOOSE US SECTION ===== */
.why-choose{ padding:4rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%); }
.why-choose h2{ font-size:2.5rem;color:#1e3a8a;margin-bottom:3rem;text-align:center; }
.benefits-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem; }
.benefit-item{
  background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,.05);
  border-left:4px solid #3b82f6;
}
.benefit-item h4{ color:#1e3a8a;font-size:1.1rem; }

/* ===== TECHNOLOGY STACK ===== */
.tech-stack{ padding:4rem 0;background:#fff; }
.tech-stack h2{ font-size:2.5rem;color:#1e3a8a;margin-bottom:3rem;text-align:center; }
.tech-categories{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem; }
.tech-category{ background:#f8fafc;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.08); }
.tech-category h4{ color:#1e3a8a;margin-bottom:1rem;font-size:1.3rem; }
.tech-category p{ color:#374151; }

/* ===== PROJECTS ===== */
.projects-grid{ padding:4rem 0;background:#fff; }
.project-item{ display:flex;align-items:flex-start;margin-bottom:4rem;gap:2rem; }
.project-number{ font-size:3rem;font-weight:bold;color:#3b82f6;min-width:80px; }
.project-content{ flex:1; }
.project-content h3{ color:#1e3a8a;font-size:1.8rem;margin-bottom:1rem; }
.project-content p{ color:#374151;margin-bottom:2rem;font-size:1.1rem; }

/* ===== PROJECT PREVIEWS ===== */
.project-preview{ margin-top:2rem; }
.app-window{
  background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);
  overflow:hidden;max-width:600px;
}
.window-header{ background:#f3f4f6;padding:1rem;display:flex;align-items:center;border-bottom:1px solid #e5e7eb; }
.window-controls{ display:flex;gap:.5rem;margin-right:1rem; }
.control{ width:12px;height:12px;border-radius:50%; }
.control.close{ background:#ef4444; } .control.minimize{ background:#f59e0b; } .control.maximize{ background:#10b981; }
.window-title{ color:#374151;font-weight:500; }
.window-content{ padding:1.5rem;min-height:300px; }
.dashboard-preview{ display:flex;height:250px; }
.sidebar{ width:200px;background:#f8fafc;padding:1rem;border-radius:5px;margin-right:1rem; }
.menu-item{ padding:.5rem;margin-bottom:.5rem;border-radius:5px;color:#374151;font-size:.9rem; }
.menu-item.active{ background:#3b82f6;color:#fff; }
.main-content{ flex:1; }
.chart-placeholder{ background:linear-gradient(135deg,#e0f2fe,#b3e5fc);height:150px;border-radius:5px;margin-bottom:1rem; }
.stats-row{ display:flex;gap:1rem; }
.stat-box{ flex:1;height:80px;background:#f8fafc;border-radius:5px;border:2px solid #e5e7eb; }

/* ===== MOBILE APP PREVIEW ===== */
.mobile-app{ background:#1f2937;border-radius:25px;width:300px;margin:0 auto;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.3); }
.mobile-header{ background:#111827;padding:.5rem 1rem; }
.status-bar{ display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.8rem;margin-bottom:.5rem; }
.mobile-controls{ display:flex;gap:.3rem; }
.signal,.wifi,.battery{ width:15px;height:8px;background:#fff;border-radius:2px; }
.app-header{ text-align:center; } .app-header h4{ color:#fff;margin:0; }
.mobile-content{ background:#f8fafc;padding:2rem 1rem;min-height:400px; }
.barber-dashboard .daily-stats{ display:flex;gap:1rem;margin-bottom:2rem; }
.stat-card{ flex:1;background:#fff;padding:1rem;border-radius:10px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.1); }
.stat-label{ display:block;font-size:.8rem;color:#6b7280;margin-bottom:.5rem; }
.stat-value{ display:block;font-size:1.5rem;font-weight:bold;color:#1e3a8a; }
.quick-actions{ display:flex;flex-direction:column;gap:1rem; }
.action-btn{ background:#3b82f6;color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1rem;cursor:pointer; }

/* ===== WEB APP PREVIEW ===== */
.web-app{ background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);overflow:hidden;max-width:700px; }
.browser-header{ background:#f3f4f6;padding:1rem;display:flex;align-items:center;border-bottom:1px solid #e5e7eb; }
.browser-controls{ display:flex;gap:.5rem;margin-right:1rem; }
.browser-btn{ width:12px;height:12px;border-radius:50%; }
.browser-btn.close{ background:#ef4444; } .browser-btn.minimize{ background:#f59e0b; } .browser-btn.maximize{ background:#10b981; }
.address-bar{ flex:1;background:#fff;padding:.5rem 1rem;border-radius:20px;color:#374151;font-size:.9rem; }
.browser-content{ padding:2rem;min-height:300px; }
.auto-service-dashboard .header{ display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb; }
.auto-service-dashboard h4{ color:#1e3a8a;font-size:1.5rem; }
.user-info{ background:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem; }
.dashboard-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem; }
.widget{ background:#f8fafc;padding:1.5rem;border-radius:10px;text-align:center;border:2px solid #e5e7eb; }
.widget h5{ color:#6b7280;margin-bottom:1rem;font-size:1rem; }
.big-number{ font-size:2rem;font-weight:bold;color:#1e3a8a; }

/* ===== PROJECT FEATURES ===== */
.project-features{ padding:4rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%); }
.project-features h2{ text-align:center;color:#1e3a8a;margin-bottom:3rem;font-size:2.2rem; }
.features-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem; }
.feature-card{ background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);border-top:4px solid #3b82f6; }
.feature-card h4{ color:#1e3a8a;margin-bottom:1rem;font-size:1.2rem; }
.feature-card p{ color:#374151; }

/* ===== ABOUT ===== */
.about-content{ padding:4rem 0;background:#fff; }
.company-intro{
  text-align:center;margin-bottom:4rem;font-size:1.2rem;color:#374151;
  max-width:800px;margin-left:auto;margin-right:auto;
}
.about-section{ margin-bottom:3rem; }
.about-section h2{ color:#1e3a8a;font-size:1.8rem;margin-bottom:1.5rem; }
.about-section p{ color:#374151;font-size:1.1rem;line-height:1.7; }
.offerings-list{ list-style:none;margin-top:1rem; }
.offerings-list li{ padding:.8rem 0;color:#374151;border-bottom:1px solid #e5e7eb;font-size:1.1rem; }
.offerings-list li:before{ content:"✓ ";color:#10b981;font-weight:bold;margin-right:.5rem; }
.company-details{ background:#f8fafc;padding:2rem;border-radius:15px;border-left:5px solid #3b82f6; }
.detail-row{ display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e5e7eb; }
.detail-row:last-child{ border-bottom:none; }
.detail-row strong{ color:#1e3a8a;font-weight:600; }
.detail-row span{ color:#374151; }
.about-cta{ text-align:center;margin-top:3rem; }

.values-section{ padding:4rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%); }
.values-section h2{ text-align:center;color:#1e3a8a;margin-bottom:3rem;font-size:2.2rem; }
.values-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem; }
.value-card{ background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.08);border-left:5px solid #3b82f6; }
.value-card h3{ color:#1e3a8a;margin-bottom:1rem;font-size:1.3rem; }
.value-card p{ color:#374151;line-height:1.6; }

/* ===== CONTACT ===== */
.contact-form-section{ padding:4rem 0;background:#fff; }
.contact-form-container{ max-width:600px;margin:0 auto; }
.contact-form{
  background:#fff;padding:3rem;border-radius:20px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid #e5e7eb;
}
.form-group{ margin-bottom:2rem; }
.form-group label{ display:block;margin-bottom:.5rem;color:#374151;font-weight:500; }
.form-group input,.form-group textarea{
  width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;
  transition:border-color .3s ease;font-family:inherit;
}
.form-group input:focus,.form-group textarea:focus{ outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1); }
.form-group textarea{ resize:vertical;min-height:120px; }

.contact-info{ padding:4rem 0;background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%); }
.contact-info-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem; }
.contact-info-card{ background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08);border-top:4px solid #3b82f6; }
.contact-info-card h3{ color:#1e3a8a;margin-bottom:1rem;font-size:1.3rem; }
.contact-info-card p{ color:#374151;margin-bottom:.5rem; }

.contact-cta{ text-align:center;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.08); }
.contact-cta h2{ color:#1e3a8a;margin-bottom:1rem;font-size:2rem; }
.contact-cta p{ color:#374151;margin-bottom:2rem;font-size:1.1rem; }

.services-preview{ padding:4rem 0;background:#fff; }
.services-preview h2{ text-align:center;color:#1e3a8a;margin-bottom:3rem;font-size:2.2rem; }
.services-grid{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem; }
.service-preview-card{ background:#f8fafc;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.05);border-left:4px solid #3b82f6; }
.service-preview-card h4{ color:#1e3a8a;margin-bottom:1rem;font-size:1.2rem; }
.service-preview-card p{ color:#374151; }

/* ===== CTA SECTION ===== */
.cta-section{ padding:4rem 0;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);text-align:center; }
.cta-buttons{ display:flex;justify-content:center;gap:1rem;flex-wrap:wrap; }

/* ===== BUTTONS ===== */
.btn{
  display:inline-block;padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;
  font-size:1rem;text-align:center;transition:all .3s ease;border:none;cursor:pointer;font-family:inherit;
}
.btn-primary{ background:linear-gradient(135deg,#3b82f6 0%,#1e3a8a 100%);color:#fff;box-shadow:0 4px 15px rgba(59,130,246,.4); }
.btn-primary:hover{ transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.6); }
.btn-outline{ background:transparent;color:#3b82f6;border:2px solid #3b82f6; }
.cta-section .btn-outline{ color:#fff;border-color:#fff; }
.btn-outline:hover{ background:#3b82f6;color:#fff;transform:translateY(-2px); }
.cta-section .btn-outline:hover{ background:#fff;color:#3b82f6; }
.btn-full{ width:100%; }

/* ===== FOOTER ===== */
footer{ background:#1f2937;color:#fff;text-align:center;padding:2rem 0; }
footer p{ margin:0;color:#9ca3af; }

/* ===== RESPONSIVE DESIGN ===== */
/* Mobile navbar: compact right-aligned dropdown (viewport-pinned) */
@media (max-width: 992px) {

  :root{
    --nav-logo-h: var(--nav-logo-h-m);
    --navH: calc(var(--nav-logo-h) + (var(--nav-padding-y) * 2));
    --mobile-menu-w: clamp(200px, 68vw, 240px);
  }

  .hamburger{ display:inline-flex; }

  /* Avoid clipping when we pin menu to the viewport */
  .nav-container { position: static; }

  .navbar .nav-container > .nav-menu{
    position: fixed !important;                      /* pin to viewport */
    top: var(--navH, 64px) !important;               /* header height (CSS var with 64px fallback) */
    right: max(12px, env(safe-area-inset-right)) !important;
    left: auto !important;

    /* UPDATED: narrower mobile dropdown */
    width: var(--mobile-menu-w) !important;

    flex-direction: column;
    background: #1e3a8a;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0,0,0,.25);
    overflow-y: auto;

    /* hidden by default */
    max-height: 0;
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: max-height .25s ease, opacity .25s ease, transform .25s ease;
    padding: 0;
    text-align: left;
    z-index: 3000;
  }

  /* open states */
  .navbar .nav-container > .nav-menu.active,
  .navbar .nav-container > .nav-menu[data-state="open"]{
    max-height: min(60vh, 420px);
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .navbar .nav-menu li{ margin:0; border-top:1px solid rgba(255,255,255,.12); list-style:none; }
  .navbar .nav-menu li:first-child{ border-top:0; }
  .navbar .nav-menu a{ display:block; padding:12px 14px; color:#fff; border-radius:0; }
  .navbar .nav-menu a:hover{ background:rgba(255,255,255,.12); }

  .hero h1{ font-size:2rem; }
  .hero h2{ font-size:1.2rem; }

  .project-item{ flex-direction:column; text-align:center; }
  .project-number{ font-size:2rem; min-width:auto; }
  .dashboard-preview{ flex-direction:column; height:auto; }
  .sidebar{ width:100%; margin-right:0; margin-bottom:1rem; }
  .cta-buttons{ flex-direction:column; align-items:center; }
  .btn{ width:100%; max-width:300px; }
  .contact-form{ padding:2rem; }
  .stats-row{ flex-direction:column; }
  .mobile-app{ width:100%; max-width:300px; }

  /* Hamburger → X (ARIA-driven) */
  .hamburger[aria-expanded="true"] span:nth-child(1){ transform:translateY(8px) rotate(45deg); }
  .hamburger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .hamburger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-8px) rotate(-45deg); }
}

@media (max-width: 480px) {
  .container{ padding:0 15px; }
  .hero{ padding:2rem 0; }
  .services,.why-choose,.tech-stack,.projects-grid,.about-content,.contact-form-section,.contact-info{ padding:2rem 0; }
  .logo-circle{ width:80px;height:80px; }
  .logo-text{ font-size:2rem; }
  .salsoft-logo.large .logo-circle{ width:100px;height:100px; }
  .salsoft-logo.large .logo-text{ font-size:2.5rem; }
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp{
  from{ opacity:0; transform:translateY(30px); }
  to{ opacity:1; transform:translateY(0); }
}
.service-card,.benefit-item,.tech-category,.feature-card,.value-card,.contact-info-card{ animation:fadeInUp .6s ease-out; }

/* ===== UTILITY ===== */
.text-center{ text-align:center; } .text-left{ text-align:left; } .text-right{ text-align:right; }
.mt-1{ margin-top:1rem; } .mt-2{ margin-top:2rem; } .mt-3{ margin-top:3rem; }
.mb-1{ margin-bottom:1rem; } .mb-2{ margin-bottom:2rem; } .mb-3{ margin-bottom:3rem; }

/* ==== AURORA HERO (Pro) =============================================== */
.hero-aurora{
  position:relative; overflow:hidden; padding:6rem 0 5rem;
  background: radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.8),rgba(255,255,255,.6) 35%,rgba(255,255,255,0) 70%),
              linear-gradient(135deg,#e0f2fe 0%,#b3e5fc 100%);
  isolation:isolate; text-align:center;
}
.hero-aurora .hero-title{ font-size:clamp(2rem,4vw,3.25rem); line-height:1.15; color:#1e3a8a; font-weight:800; margin-bottom:1rem; }
.hero-aurora .hero-lead{ font-size:clamp(1rem,1.4vw,1.125rem); color:#374151; max-width:800px; margin:.75rem auto 2rem; }
.hero-aurora__bg{
  position:absolute; inset:-20% -10% -20% -10%; z-index:-1;
  background:
    radial-gradient(40% 50% at 20% 30%,rgba(59,130,246,.30),transparent 60%),
    radial-gradient(35% 45% at 80% 20%,rgba(30,58,138,.25),transparent 60%),
    radial-gradient(50% 60% at 60% 85%,rgba(99,102,241,.22),transparent 60%);
  filter:blur(40px) saturate(110%); animation:aurora-drift 20s ease-in-out infinite alternate;
}
@keyframes aurora-drift{
  0%{ transform:translate3d(0,-2%,0) scale(1); }
  50%{ transform:translate3d(-2%,1%,0) scale(1.03) rotate(.2deg); }
  100%{ transform:translate3d(2%,3%,0) scale(1.05) rotate(-.2deg); }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .hero-aurora__bg{ animation:none !important; }
  .reveal,.reveal-line{ opacity:1 !important; transform:none !important; }
}

/* Reveal helpers */
.reveal{ opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s ease; }
.reveal.is-visible{ opacity:1; transform:translateY(0); }
.reveal-line{ display:block; position:relative; overflow:hidden; opacity:0; }
.reveal-line.is-visible{ opacity:1; }
.reveal-line::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width:100%;
  background:linear-gradient(90deg,#fff,#fff); transform:translateX(0%);
}
.reveal-line.is-visible::after{ animation:line-reveal .9s cubic-bezier(.22,.8,.31,1) forwards; }
@keyframes line-reveal{ from{ transform:translateX(0%) } to{ transform:translateX(101%) } }
.delay-2{ transition-delay:.12s; } .delay-3{ transition-delay:.24s; } .delay-4{ transition-delay:.36s; }


.form-status { margin-top: .5rem; font-size: .95rem; }
.form-status.is-sending { color: #555; }
.form-status.is-success { color: #0f5132; background: #d1e7dd; padding: .5rem .75rem; border-radius: .5rem; }
.form-status.is-error   { color: #842029; background: #f8d7da; padding: .5rem .75rem; border-radius: .5rem; }