*{box-sizing:border-box;margin:0;padding:0}
  html{font-family:'Inter',sans-serif;background:#FFFFFF;color:#1A0810}
  body{overflow-x:hidden}

  /* Scrollbar */
  ::-webkit-scrollbar{width:6px}
  ::-webkit-scrollbar-track{background:#FFFFFF}
  ::-webkit-scrollbar-thumb{background:#C85070;border-radius:3px}

  /* Gradients & glows */
  .gradient-text{background:linear-gradient(135deg,#C85070,#E888A0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
  .gradient-border{border:1px solid transparent;background:linear-gradient(#FFFFFF,#FFFFFF) padding-box,linear-gradient(135deg,#E888A044,#C8507044) border-box}
  .glow-orange{box-shadow:0 0 40px rgba(200,80,112,0.15)}
  .glow-orange-sm{box-shadow:0 0 20px rgba(200,80,112,0.1)}
  .hero-glow{position:absolute;width:600px;height:600px;background:transparent;pointer-events:none}

  /* Glass */
  .glass{background:transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(200,80,112,0.15)}
  .glass-hover{transition:all .3s ease}
  .glass-hover:hover{background:transparent;border-color:rgba(200,80,112,0.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(200,80,112,0.12)}

  /* Nav */
  #navbar{transition:all .3s ease}
  #navbar.scrolled{background:transparent;backdrop-filter:blur(20px);border-bottom:1px solid rgba(200,80,112,0.12)}

  /* Animations */
  @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  @keyframes pulse-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
  @keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
  @keyframes orbit{from{transform:rotate(0deg) translateX(120px) rotate(0deg)}to{transform:rotate(360deg) translateX(120px) rotate(-360deg)}}
  @keyframes orbit2{from{transform:rotate(180deg) translateX(180px) rotate(-180deg)}to{transform:rotate(540deg) translateX(180px) rotate(-540deg)}}
  @keyframes orbit3{from{transform:rotate(90deg) translateX(240px) rotate(-90deg)}to{transform:rotate(450deg) translateX(240px) rotate(-450deg)}}
  @keyframes dash{to{stroke-dashoffset:0}}
  @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
  @keyframes counter-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

  .fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
  .fade-up.visible{opacity:1;transform:translateY(0)}
  .fade-in{opacity:0;transition:opacity .7s ease}
  .fade-in.visible{opacity:1}

  /* Hero canvas */
  #hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}

  /* Orbit animation system */
  .orbit-container{position:relative;display:flex;align-items:center;justify-content:center}
  .orbit-ring{position:absolute;border:1px solid rgba(200,80,112,0.2);border-radius:50%;animation:spin-slow linear infinite}
  .orbit-dot{position:absolute;width:10px;height:10px;background:#C85070;border-radius:50%;box-shadow:0 0 12px rgba(200,80,112,0.7)}
  .tech-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;animation:float ease-in-out infinite}
  .tech-node .icon{width:48px;height:48px;background:transparent;border:1px solid rgba(200,80,112,0.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 20px rgba(200,80,112,0.12)}
  .tech-node .label{font-size:10px;color:#8A5060;white-space:nowrap;background:transparent;padding:2px 6px;border-radius:4px}

  /* Process timeline */
  .process-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#C85070,#E888A0);transform:translateY(-50%)}
  .process-step{position:relative;z-index:1}
  .process-num{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#C85070,#E888A0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin:0 auto 12px;box-shadow:0 0 20px rgba(200,80,112,0.35)}

  /* Testimonial */
  .testimonial-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}

  /* Stats counter */
  .stat-num{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#C85070,#E888A0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}

  /* CTA button */
  .btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#C85070,#E888A0);color:#fff;font-weight:600;padding:14px 28px;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(200,80,112,0.35)}
  .btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#1A0810;font-weight:600;padding:14px 28px;border-radius:8px;border:1px solid rgba(200,80,112,0.3);transition:all .3s ease;cursor:pointer}
  .btn-secondary:hover{border-color:#C85070;color:#C85070;transform:translateY(-2px)}

  /* Industry card */
  .industry-card{background:#FFFFFF;border:1px solid #F0AABB;border-radius:16px;padding:24px;transition:all .3s ease;cursor:default}
  .industry-card:hover{border-color:#C85070;transform:translateY(-4px);box-shadow:0 20px 40px rgba(200,80,112,0.1)}

  /* Tech tab */
  .tech-tab{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;border:1px solid transparent;color:#A06880}
  .tech-tab.active{background:linear-gradient(135deg,#C85070,#E888A0);color:#fff;box-shadow:0 4px 15px rgba(200,80,112,0.3)}
  .tech-tab:not(.active):hover{color:#fff;border-color:#F0AABB}

  /* Form input */
  .form-input{background:#FFFFFF;border:1px solid #F0AABB;color:#fff;padding:12px 16px;border-radius:8px;width:100%;transition:border-color .3s;outline:none;font-family:inherit}
  .form-input:focus{border-color:#C85070}
  .form-input::placeholder{color:#4b5563}

  /* Mobile nav */
  #mobile-menu{display:none;flex-direction:column;gap:4px;background:transparent;padding:20px;border-top:1px solid #F0AABB}
  #mobile-menu.open{display:flex}

  /* Engagement card */
  .engage-card{background:#FFFFFF;border:1px solid #F0AABB;border-radius:20px;padding:32px;transition:all .4s ease;position:relative;overflow:hidden}
  .engage-card::before{content:'';position:absolute;inset:0;background:transparent;opacity:0;transition:opacity .4s}
  .engage-card:hover{border-color:#C85070;transform:translateY(-6px);box-shadow:0 24px 48px rgba(200,80,112,0.12)}
  .engage-card:hover::before{opacity:1}
  .engage-badge{display:inline-block;background:transparent;color:#C85070;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid rgba(200,80,112,0.25);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}

  /* Section divider */
  .section-divider{width:60px;height:3px;background:linear-gradient(90deg,#C85070,#E888A0);border-radius:2px;margin:16px auto 0}
  .section-divider.left{margin:16px 0 0}

  /* Logo SVG */
  .logo-svg{height:36px;width:auto}

 @media (max-width: 768px) { 
  .stat-num { font-size: 2rem !important; } 
  .tech-node { display: none !important; } 
  .orbit-ring { display: none !important; } 
  
  /* ADD THESE FIXED CODES TO SOLVE THE FIRST SECTION STRETCHING OVER THE SCREEN RIGHT SIDE */
  .orbit-container { display: none !important; } 
  body, html {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
  }
} 
    @media(max-width:480px){ 
 .text-xs {
    font-size: 14px !important;
}
  }
  /* Fluid responsiveness safely managed without breaking layout bounds */
form {
 width: 100%;
 box-sizing: border-box;
}

  /* ── Cherry Blossom — Professional Minimal ── */

  /* Base — clean white everywhere */
  html, body, section, main, div { background-color: transparent; }
html, body { background: #FFFFFF !important; color: #1A1A2E !important; }
  h1,h2,h3,h4,h5,h6 { color: #1A1A2E !important; }
  p, li, span:not(.gradient-text) { color: #4A4A6A; }
  section { background: #FFFFFF !important; }

  /* Very subtle alternate sections */
  section { background: #FFFFFF !important; }
  section:nth-child(even) { background: #FFFFFF !important; }

  /* Nav — white, minimal */
  #navbar { background: rgba(255,255,255,0.97) !important; border-bottom: 1px solid #F5E8EC !important; }
  #navbar.scrolled { background: rgba(255,255,255,0.98) !important; border-bottom: 1px solid #F0D8E0 !important; backdrop-filter: blur(20px) !important; }
  nav a { color: #1A1A2E !important; }
  nav a:hover { color: #C85070 !important; }

  /* Logo */
  nav .gradient-text {
    background: linear-gradient(135deg,#C85070,#E888A0) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  /* Hero — white bg, cherry accent on text only */
  #hero { background: #FFFFFF !important; }
  #hero h1 { color: #1A1A2E !important; }
  #hero p { color: #5A5A7A !important; }
  #hero-canvas { opacity: 0.25 !important; }

  /* Gradient text — cherry only on highlight words */
  .gradient-text {
    background: linear-gradient(135deg,#C85070,#E888A0) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }

  /* Buttons */
  .btn-primary { background: #C85070 !important; box-shadow: none !important; }
  .btn-primary:hover { background: #B03D5C !important; box-shadow: 0 8px 24px rgba(200,80,112,0.25) !important; transform: translateY(-2px) !important; }
  .btn-secondary { border-color: #E0C0C8 !important; color: #1A1A2E !important; background: #FFFFFF !important; }
  .btn-secondary:hover { border-color: #C85070 !important; color: #C85070 !important; }

  /* Glass cards — pure white, very light cherry border */
  .glass {
    background: #FFFFFF !important;
    border: 1px solid #F0E0E6 !important;
    box-shadow: 0 2px 16px rgba(200,80,112,0.06) !important;
    color: #1A1A2E !important;
  }
  .glass-hover:hover {
    border-color: #C85070 !important;
    box-shadow: 0 8px 32px rgba(200,80,112,0.10) !important;
    transform: translateY(-4px) !important;
  }
  .glass h3, .glass h4, .glass p, .glass span { color: #1A1A2E !important; }
  .glass p { color: #5A5A7A !important; }

  /* Stats */
  .stat-num {
    background: linear-gradient(135deg,#C85070,#E888A0) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
  }

  /* Process */
  .process-num { background: #C85070 !important; box-shadow: 0 4px 16px rgba(200,80,112,0.25) !important; color: #fff !important; }
  .process-line { background: #FFFFFF !important; }
  .process-step p, .process-step span, .process-step h3, .process-step h4 { color: #1A1A2E !important; }
  .process-step .text-\[\#6A3048\] { color: #8A8AAA !important; }

  /* Tabs */
  .tab-btn { color: #8A8AAA !important; border-color: transparent !important; }
  .tab-btn.active, .tab-btn[class*="border-"] { color: #C85070 !important; border-color: #C85070 !important; }

  /* Industry / feature cards */
  .industry-card, [class*="industry"] {
    background: #FFFFFF !important;
    border: 1px solid #F0E0E6 !important;
    color: #1A1A2E !important;
  }
  .industry-card:hover { border-color: #C85070 !important; box-shadow: 0 8px 24px rgba(200,80,112,0.1) !important; }

  /* Form inputs */
  input, textarea, select {
    background: #FFFFFF !important;
    border: 1px solid #E8D0D8 !important;
    color: #1A1A2E !important;
  }
  input:focus, textarea:focus { border-color: #C85070 !important; box-shadow: 0 0 0 3px rgba(200,80,112,0.08) !important; }
  input::placeholder, textarea::placeholder { color: #B8A0A8 !important; }

  /* Testimonials */
  [class*="testimonial"], .testimonial-card {
    background: #FFFFFF !important;
    border: 1px solid #F0E0E6 !important;
    color: #1A1A2E !important;
  }

  /* Why Elowen stats section — light blush, very subtle */
  #why-elowen, #stats { background: #FFFFFF !important; }

  /* Orbit */
  .orbit-ring { border-color: rgba(200,80,112,0.12) !important; }
  .orbit-dot { background: #C85070 !important; box-shadow: 0 0 10px rgba(200,80,112,0.5) !important; }
  .tech-node .icon { background: #FFFFFF !important; border-color: #F0E0E6 !important; box-shadow: 0 2px 12px rgba(200,80,112,0.08) !important; }
  .tech-node .label { background: #FFFFFF !important; color: #8A8AAA !important; }

  /* Section dividers */
  hr { border-color: #F0E0E6 !important; }

  /* Scrollbar */
  ::-webkit-scrollbar-track { background: #FFFFFF !important; }
  ::-webkit-scrollbar-thumb { background: #FFFFFF !important; border-radius: 3px; }
  ::-webkit-scrollbar-thumb:hover { background: #C85070 !important; }

  /* Badge / tag pills */
  .badge, [class*="tag"] {
    background: #FFFFFF !important;
    color: #C85070 !important;
    border: 1px solid #F0D8E2 !important;
  }

  /* Footer — single deep cherry, not black */
  footer { background: #1A0810 !important; }
  footer h3, footer h4, footer p, footer span, footer a, footer li { color: #D8A8B8 !important; }
  footer .gradient-text {
    background: linear-gradient(135deg,#C85070,#E888A0) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }
  footer a:hover { color: #E888A0 !important; }
  footer input { background: rgba(255,255,255,0.08) !important; border-color: rgba(200,80,112,0.3) !important; color: #fff !important; }

  /* Hero glow very subtle */
  .hero-glow { display: none !important; }

  /* Gradient border — clean */
  .gradient-border { border: 1px solid #F0E0E6 !important; background: #FFFFFF !important; }