:root{
  --primary:#0A2540;
  --primary-2:#12395E;
  --accent:#E31E24;
  --teal:#2EC4B6;
  --light:#F6FAFD;
  --ink:#172033;
  --muted:#64748B;
  --white:#fff;
  --footer:#061A2E;
  --shadow:0 18px 45px rgba(10,37,64,.10);
  --shadow-soft:0 12px 30px rgba(10,37,64,.07);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);line-height:1.7;background:#fff;overflow-x:hidden} h1,h2,h3,h4,h5,h6{font-weight:850;color:var(--primary);line-height:1.14} p{color:var(--muted)} a{text-decoration:none}.section{padding:105px 0}.light-section{background:var(--light)}
.custom-navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,37,64,.08);padding:13px 0;transition:.3s}.site-logo{height:58px;max-width:245px;object-fit:contain}.nav-link{font-weight:700;color:var(--primary)!important;font-size:.94rem}.nav-link:hover,.nav-link.active{color:var(--accent)!important}.btn-primary-custom{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:white;border:0;border-radius:14px;padding:12px 22px;font-weight:800;box-shadow:0 12px 28px rgba(10,37,64,.18);transition:.25s}.btn-primary-custom:hover{background:linear-gradient(135deg,var(--accent),#B70F14);color:white;transform:translateY(-2px)}.btn-outline-custom{background:white;color:var(--primary);border:1px solid rgba(10,37,64,.18);border-radius:14px;padding:12px 22px;font-weight:800;transition:.25s}.btn-outline-custom:hover{background:var(--primary);color:white;transform:translateY(-2px)}
.hero-section{position:relative;min-height:780px;padding:165px 0 105px;background:linear-gradient(135deg,#F6FAFD 0%,#EEF8FF 48%,#fff 100%);overflow:hidden}.page-hero{position:relative;padding:170px 0 95px;background:linear-gradient(135deg,#F6FAFD,#fff);overflow:hidden}.hero-title{font-size:clamp(2.6rem,5.1vw,4.7rem);letter-spacing:-.055em}.hero-title span{background:linear-gradient(135deg,var(--accent),#fb777b);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{font-size:1.11rem;max-width:620px}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(227,30,36,.08);color:var(--accent);border:1px solid rgba(227,30,36,.12);border-radius:999px;padding:8px 14px;font-weight:850;font-size:.86rem}.hero-points{display:flex;flex-wrap:wrap;gap:14px 22px;font-weight:800;color:var(--primary)}.hero-points i{color:var(--teal);margin-right:6px}.orb{position:absolute;border-radius:50%;filter:blur(95px);opacity:.42}.orb-one{width:390px;height:390px;background:#C8F6FF;left:-140px;top:135px}.orb-two{width:420px;height:420px;background:#FFE1E2;right:-160px;bottom:70px}.saas-visual{position:relative;min-height:520px}.glass-dashboard{margin-left:auto;max-width:510px;background:rgba(255,255,255,.78);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.dash-header span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#DDE7F2;margin-right:7px}.metric-card,.chart-area,.line-skel{border-radius:20px;background:var(--light);padding:22px}.metric-card small{display:block;color:var(--muted);font-weight:700}.metric-card strong{display:block;color:var(--primary);font-size:2rem}.chart-area{height:155px;position:relative;overflow:hidden}.chart-area div{position:absolute;left:25px;right:25px;bottom:25px;height:80px;background:linear-gradient(135deg,rgba(227,30,36,.82),rgba(46,196,182,.8));clip-path:polygon(0 82%,18% 62%,38% 72%,58% 35%,78% 45%,100% 18%,100% 100%,0 100%);border-radius:15px}.line-skel{height:54px}.line-skel.short{opacity:.72}.floating-pill{position:absolute;background:white;border-radius:18px;padding:14px 18px;box-shadow:var(--shadow-soft);font-weight:850;color:var(--primary);animation:float 4s ease-in-out infinite}.floating-pill i{color:var(--accent);margin-right:8px}.pill-one{left:5%;top:60px}.pill-two{right:0;top:105px;animation-delay:.7s}.pill-three{left:10%;bottom:80px;animation-delay:1.3s}.float-soft{animation:float 5s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.trust-bar{background:var(--primary);color:white;padding:22px 0;overflow:hidden}.trust-track{display:flex;gap:34px;align-items:center;justify-content:center;flex-wrap:wrap;font-weight:850}.trust-track span{position:relative;opacity:.95}.trust-track span:not(:last-child)::after{content:"•";position:absolute;right:-22px;color:var(--teal)}
.section-heading{max-width:760px}.section-heading h2,.section-title{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.035em}.lead-copy{font-size:1.06rem}.image-stack{position:relative;min-height:410px}.image-backdrop{position:absolute;inset:45px 20px 0 55px;background:linear-gradient(135deg,rgba(227,30,36,.12),rgba(46,196,182,.12));border-radius:30px}.premium-illustration{position:relative;background:white;border-radius:30px;box-shadow:var(--shadow);padding:55px;max-width:500px;min-height:350px;display:flex;flex-direction:column;justify-content:center}.premium-illustration i{font-size:4.5rem;color:var(--accent);margin-bottom:22px}.premium-illustration p{font-size:1.05rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check-grid div{background:#fff;border:1px solid #EEF2F7;border-radius:16px;padding:15px 16px;font-weight:750;box-shadow:var(--shadow-soft)}.check-grid i{color:var(--teal);margin-right:8px}
.product-card,.service-card,.solution-card,.mini-card,.expert-card{background:white;border:1px solid rgba(10,37,64,.07);border-radius:22px;padding:28px;box-shadow:var(--shadow-soft);transition:.28s;position:relative;overflow:hidden}.product-card:hover,.service-card:hover,.solution-card:hover,.mini-card:hover,.expert-card:hover{transform:translateY(-9px);box-shadow:0 24px 55px rgba(10,37,64,.14)}.product-card::before,.service-card::before,.solution-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),var(--teal));opacity:0;transition:.25s}.product-card:hover::before,.service-card:hover::before,.solution-card:hover::before{opacity:1}.icon-box{width:58px;height:58px;border-radius:18px;background:rgba(227,30,36,.08);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin-bottom:22px}.product-card h5,.service-card h5,.solution-card h5{margin-bottom:12px}.flagship{border-color:rgba(227,30,36,.22);background:linear-gradient(180deg,#fff,#FFF9F9)}.tag{position:absolute;top:18px;right:18px;background:var(--accent);color:white;border-radius:999px;padding:5px 10px;font-weight:800;font-size:.72rem}.pill-wrap{display:flex;gap:8px;flex-wrap:wrap}.pill-wrap span{background:rgba(46,196,182,.12);color:var(--primary);border-radius:999px;padding:5px 10px;font-weight:800;font-size:.78rem}.solution-card i,.mini-card i{font-size:2rem;color:var(--accent);margin-bottom:16px;display:inline-block}.stats-section{background:linear-gradient(135deg,var(--primary),#07192A);color:white;padding:80px 0}.stat-box{padding:18px;border-right:1px solid rgba(255,255,255,.13)}.stat-box strong{display:block;color:white;font-size:2.6rem;letter-spacing:-.04em}.stat-box span{color:#C8D6E5;font-weight:750}.why-section{background:#fff}.mini-card p{font-size:.94rem;margin-bottom:0}.cta-section{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--primary),#12395E 55%,var(--accent));padding:95px 0;color:white}.cta-section h2{color:white;font-size:clamp(2rem,3vw,3rem)}.cta-section p{color:rgba(255,255,255,.78);font-size:1.1rem}.contact-section{background:var(--light)}.contact-list p{font-weight:700;color:var(--primary)}.contact-list i{width:34px;height:34px;background:white;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);margin-right:10px;box-shadow:var(--shadow-soft)}.contact-form{background:white;border-radius:26px;padding:30px;box-shadow:var(--shadow)}.form-control,.form-select{border-radius:14px;border:1px solid #E2E8F0;padding:14px 16px}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 .25rem rgba(227,30,36,.10)}
.footer{background:var(--footer);padding:65px 0 28px;color:#D8E2EF}.footer-logo{height:58px;background:white;border-radius:10px;padding:4px}.footer h6{color:white;margin-bottom:18px}.footer p{color:#B7C6D8}.footer a{display:block;color:#B7C6D8;margin-bottom:9px}.footer a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:22px;text-align:center;color:#9CADC2;font-size:.92rem}.page-hero .hero-text{max-width:720px}.expert-photo{height:230px;border-radius:22px;background:linear-gradient(135deg,#EEF8FF,#FFF1F1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);font-weight:850;margin-bottom:24px}.expert-photo i{font-size:3rem}.expert-img{width:100%;height:230px;object-fit:cover;border-radius:22px;margin-bottom:24px}.expert-card{text-align:center}.expert-card p{font-weight:800;color:var(--accent);margin-bottom:6px}.team-note{background:white;border-radius:22px;box-shadow:var(--shadow-soft);padding:28px}.team-note code{display:block;background:#061A2E;color:#fff;border-radius:14px;padding:15px;white-space:normal}
@media(max-width:991px){.site-logo{height:50px}.hero-section{padding:135px 0 80px}.saas-visual{min-height:430px}.floating-pill{position:relative;display:inline-flex;margin:10px;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}.check-grid{grid-template-columns:1fr}.stat-box{border-right:0}.section{padding:78px 0}}@media(max-width:575px){.hero-title{font-size:2.45rem}.site-logo{max-width:205px}.contact-form{padding:22px}.product-card,.service-card,.solution-card,.mini-card,.expert-card{padding:23px}.trust-track{gap:18px}.trust-track span::after{display:none}}

/* ================================
   MicroSync IT requested updates
   1) Fixed product footer
   2) Animated solar-system SaaS hero
   3) One-line hero and about points
================================ */
/* Premium fluid layout */
.microsync-container {
    padding-left: 70px;
    padding-right: 70px;
    max-width: 1600px;
    margin: auto;
}

/* Hero spacing */
.hero-section .microsync-container {
    padding-left: 90px;
    padding-right: 90px;
}

/* About section spacing */
#about .microsync-container {
    padding-left: 80px;
    padding-right: 80px;
}

/* Large screens */
@media (min-width: 1600px) {
    .microsync-container {
        max-width: 1800px;
    }
}

/* Tablet */
@media (max-width: 1199px) {
    .microsync-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .microsync-container {
        padding-left: 18px;
        padding-right: 18px;
    }

    .hero-section .microsync-container,
    #about .microsync-container {
        padding-left: 18px;
        padding-right: 18px;
    }
}



body{padding-bottom:78px}

/* Hero points in one line */
.hero-points-inline{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
}
.hero-points-inline div{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(10,37,64,.08);
  border-radius:14px;
  padding:10px 12px;
  box-shadow:0 10px 25px rgba(10,37,64,.06);
  font-size:.9rem;
}
.hero-points-inline i{color:var(--accent);}

/* About points in one clean line */
.about-points-inline{
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
}
.about-points-inline div{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.35;
  padding:14px 10px;
}
.about-points-inline i{
  color:var(--accent);
  margin-right:7px;
  flex:0 0 auto;
}

/* New animated solar-system SaaS component */
.saas-solar-system{
  position:relative;
  width:min(100%,720px);
  height:520px;
  margin-left:auto;
  overflow:visible;
  isolation:isolate;
}
.solar-glow{
  position:absolute;
  inset:55px 10px 25px;
  border-radius:45% 55% 50% 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(227,30,36,.18), transparent 26%),
    radial-gradient(circle at 82% 34%, rgba(18,57,94,.14), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.55), rgba(238,248,255,.32));
  filter:blur(.2px);
  z-index:0;
}
.sun-core{
  position:absolute;
  top:50%;
  left:50%;
  width:210px;
  height:210px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:
    0 0 0 10px rgba(255,255,255,.36),
    0 0 36px rgba(227,30,36,.24),
    0 0 80px rgba(18,57,94,.18),
    0 20px 60px rgba(10,37,64,.16);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:4px;
  z-index:10;
  animation:sunPulse 4.8s ease-in-out infinite;
}
.sun-logo{
  width:82px;
  height:auto;
  object-fit:contain;
  margin-bottom:6px;
}
.sun-core strong{
  color:var(--primary);
  font-size:1.22rem;
  font-weight:900;
}
.sun-core small{
  color:var(--muted);
  font-weight:750;
  font-size:.78rem;
}
.orbit{
  position:absolute;
  top:50%;
  left:50%;
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(0deg);
  z-index:1;
  pointer-events:none;
}
.orbit-red{border:1.4px solid rgba(227,30,36,.46)}
.orbit-blue{border:1.4px solid rgba(18,57,94,.42)}
.orbit-1{width:330px;height:220px;animation:orbitRotate 16s linear infinite}
.orbit-2{width:455px;height:310px;animation:orbitRotateReverse 21s linear infinite}
.orbit-3{width:585px;height:400px;animation:orbitRotate 28s linear infinite}
.orbit-4{width:700px;height:485px;animation:orbitRotateReverse 34s linear infinite}
.orbit-dot{
  position:absolute;
  top:-6px;
  left:50%;
  width:13px;
  height:13px;
  border-radius:50%;
  transform:translateX(-50%);
  box-shadow:0 0 18px currentColor;
}
.dot-red{background:#E31E24;color:#E31E24}
.dot-blue{background:#12395E;color:#12395E}
.planet{
  position:absolute;
  z-index:15;
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:0 18px 45px rgba(10,37,64,.12);
  border-radius:22px;
  padding:14px 18px;
  color:var(--primary);
  font-weight:900;
  white-space:nowrap;
  animation:planetFloat 4.8s ease-in-out infinite;
}
.planet i{
  width:42px;
  height:42px;
  border-radius:15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(227,30,36,.10), rgba(18,57,94,.08));
  color:var(--accent);
  font-size:1.35rem;
}
.planet-1{top:42px;left:218px;animation-delay:.1s}
.planet-2{right:14px;top:178px;animation-delay:.7s}
.planet-3{right:94px;top:52px;animation-delay:1.1s}
.planet-4{left:185px;bottom:40px;animation-delay:1.5s}
.planet-5{right:96px;bottom:42px;animation-delay:1.9s}
.planet-6{left:20px;top:216px;animation-delay:2.2s}
@keyframes orbitRotate{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitRotateReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes planetFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes sunPulse{0%,100%{box-shadow:0 0 0 10px rgba(255,255,255,.36),0 0 36px rgba(227,30,36,.24),0 0 80px rgba(18,57,94,.18),0 20px 60px rgba(10,37,64,.16)}50%{box-shadow:0 0 0 14px rgba(255,255,255,.46),0 0 48px rgba(227,30,36,.32),0 0 100px rgba(18,57,94,.24),0 24px 70px rgba(10,37,64,.18)}}

/* Fixed footer product ticker */
.fixed-product-bar{
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  padding:12px 0;
  background:rgba(6,26,46,.94);
  backdrop-filter:blur(18px);
  border-top:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  z-index:99999;
}
.fixed-product-track{
  display:flex;
  align-items:center;
  width:max-content;
  animation:productTicker 30s linear infinite;
}
.fixed-product-track span{
  margin:0 10px;
  padding:9px 20px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:.88rem;
  font-weight:850;
  white-space:nowrap;
}
.fixed-product-track span:first-child,
.fixed-product-track span:nth-child(8){
  background:linear-gradient(135deg,var(--accent),var(--primary-2));
}
@keyframes productTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* New animated solar-system SaaS component - fixed labels */
.saas-solar-system {
  position: relative;
  width: 760px;
  max-width: 100%;
  height: 540px;
  margin-left: auto;
  overflow: visible;
  isolation: isolate;
}

.solar-glow {
  position: absolute;
  inset: 55px 25px 25px;
  border-radius: 45% 55% 50% 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(227,30,36,.18), transparent 26%),
    radial-gradient(circle at 82% 34%, rgba(18,57,94,.14), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.55), rgba(238,248,255,.32));
  z-index: 0;
}

.sun-core {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 195px;
  height: 195px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.95);
  box-shadow:
    0 0 0 10px rgba(255,255,255,.36),
    0 0 36px rgba(227,30,36,.24),
    0 0 80px rgba(18,57,94,.18),
    0 20px 60px rgba(10,37,64,.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  z-index: 10;
  animation: sunPulse 4.8s ease-in-out infinite;
}

.sun-logo {
  width: 76px;
  height: auto;
  object-fit: contain;
  margin-bottom: 6px;
}

.sun-core strong {
  color: var(--primary);
  font-size: 1.15rem;
  font-weight: 900;
}

.sun-core small {
  color: var(--muted);
  font-weight: 750;
  font-size: .75rem;
}

/* Orbits */
.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  z-index: 1;
  pointer-events: none;
}

.orbit-red {
  border: 1.4px solid rgba(227,30,36,.42);
}

.orbit-blue {
  border: 1.4px solid rgba(18,57,94,.38);
}

.orbit-1 {
  width: 320px;
  height: 210px;
  animation: orbitRotate 18s linear infinite;
}

.orbit-2 {
  width: 430px;
  height: 300px;
  animation: orbitRotateReverse 24s linear infinite;
}

.orbit-3 {
  width: 540px;
  height: 390px;
  animation: orbitRotate 30s linear infinite;
}

.orbit-4 {
  width: 650px;
  height: 465px;
  animation: orbitRotateReverse 36s linear infinite;
}

.orbit-dot {
  position: absolute;
  top: -6px;
  left: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 18px currentColor;
}

.dot-red {
  background: #E31E24;
  color: #E31E24;
}

.dot-blue {
  background: #12395E;
  color: #12395E;
}

/* Product cards */
.planet {
  position: absolute;
  z-index: 15;
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 18px 45px rgba(10,37,64,.12);
  border-radius: 20px;
  padding: 12px 15px;
  color: var(--primary);
  font-weight: 900;
  white-space: nowrap;
  min-width: max-content;
  max-width: 215px;
  animation: planetFloat 4.8s ease-in-out infinite;
}

.planet span {
  display: block;
  font-size: 14px;
  line-height: 1.15;
  white-space: normal;
}

.planet i {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(227,30,36,.10), rgba(18,57,94,.08));
  color: var(--accent);
  font-size: 1.18rem;
}

/* Corrected positions - no clipping */
.planet-1 {
  top: 38px;
  left: 235px;
  animation-delay: .1s;
}

.planet-2 {
  right: 38px;
  top: 190px;
  animation-delay: .7s;
}

.planet-3 {
  right: 92px;
  top: 48px;
  animation-delay: 1.1s;
}

.planet-4 {
  left: 210px;
  bottom: 28px;
  animation-delay: 1.5s;
}

.planet-5 {
  right: 88px;
  bottom: 36px;
  animation-delay: 1.9s;
}

.planet-6 {
  left: 42px;
  top: 230px;
  animation-delay: 2.2s;
}

@keyframes orbitRotate {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes orbitRotateReverse {
  to {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes planetFloat {
  0%,100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-12px);
  }
}

@keyframes sunPulse {
  0%,100% {
    box-shadow:
      0 0 0 10px rgba(255,255,255,.36),
      0 0 36px rgba(227,30,36,.24),
      0 0 80px rgba(18,57,94,.18),
      0 20px 60px rgba(10,37,64,.16);
  }

  50% {
    box-shadow:
      0 0 0 14px rgba(255,255,255,.46),
      0 0 48px rgba(227,30,36,.32),
      0 0 100px rgba(18,57,94,.24),
      0 24px 70px rgba(10,37,64,.18);
  }
}

/* Tablet */
@media (max-width: 1199px) {
  .saas-solar-system {
    width: 680px;
    height: 520px;
    transform: scale(.9);
    transform-origin: center right;
  }

  .planet {
    max-width: 190px;
  }
}

/* Mobile */
@media (max-width: 991px) {
  .saas-solar-system {
    margin: 35px auto 0;
    transform: scale(.9);
    transform-origin: center center;
  }
}

@media (max-width: 767px) {
  .saas-solar-system {
    height: 640px;
    width: 350px;
    transform: none;
  }

  .solar-glow {
    inset: 70px 0 70px;
  }

  .orbit {
    display: none;
  }

  .sun-core {
    width: 170px;
    height: 170px;
  }

  .sun-logo {
    width: 68px;
  }

  .planet {
    padding: 10px 12px;
    font-size: .8rem;
    border-radius: 16px;
    max-width: 170px;
  }

  .planet span {
    font-size: 12px;
  }

  .planet i {
    width: 32px;
    height: 32px;
    min-width: 32px;
    font-size: 1rem;
  }

  .planet-1 {
    top: 0;
    left: 62px;
  }

  .planet-2 {
    top: 125px;
    right: 0;
  }

  .planet-3 {
    top: 235px;
    right: 8px;
  }

  .planet-4 {
    bottom: 125px;
    left: 0;
  }

  .planet-5 {
    bottom: 35px;
    right: 8px;
  }

  .planet-6 {
    top: 365px;
    left: 0;
  }
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

section {
  scroll-margin-top: 96px;
}

/* Normal section spacing */
.section {
  padding: 90px 0;
  min-height: auto;
  display: block;
}

/* Hero only should be full height */
.hero-section {
  min-height: 100vh;
  padding: 145px 0 95px;
  display: flex;
  align-items: center;
}

/* About section balanced view */
#about {
  padding-top: 95px;
  padding-bottom: 95px;
}

/* Other sections */
#products,
#solutions,
#services,
#contact {
  padding-top: 95px;
  padding-bottom: 95px;
}

/* Prevent fixed bottom ticker from hiding content */
body {
  padding-bottom: 78px;
}


/* Story */

.micropro-story {
    padding: 100px 8%;
    background:
    linear-gradient(135deg,#fff7f8,#fff);
}

.story-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:60px;
}

.story-header span{
    background:#8B1E2D;
    color:white;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
}

.story-header h2{
    font-size:48px;
    margin-top:20px;
    color:#111827;
}

.story-header p{
    font-size:18px;
    color:#6b7280;
}

.story-card{
    background:rgba(255,255,255,.65);
    backdrop-filter: blur(20px);

    border-radius:30px;
    padding:50px;

    box-shadow:
    0 20px 60px rgba(0,0,0,.08);

    max-width:1100px;
    margin:auto;
}

.story-year{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:50px;
}

.story-year h1{
    font-size:52px;
    color:#8B1E2D;
}

.line{
    width:200px;
    height:4px;
    background:#8B1E2D;
    border-radius:20px;
}

.story-points{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.point{
    background:white;
    padding:30px;
    border-radius:20px;
    transition:.4s;
}

.point:hover{
    transform:translateY(-10px);
}

.point h4{
    color:#8B1E2D;
    margin-bottom:15px;
}

.point p{
    color:#6b7280;
    line-height:1.7;
}
/* About Us */


/* Product detail pages - added without changing existing homepage design */
.product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 35px;
}

.product-card p {
    flex-grow: 1;
}

.product-link {
    margin-top: 20px;
}

.product-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:14px;
  color:var(--accent);
  font-weight:900;
}
.product-link:hover{color:var(--primary)}
.product-detail-hero{
  position:relative;
  padding:155px 0 88px;
  background:linear-gradient(135deg,#F6FAFD 0%,#EEF8FF 52%,#fff 100%);
  overflow:hidden;
}
.product-detail-hero::before,.product-detail-hero::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(85px);
  opacity:.42;
}
.product-detail-hero::before{width:330px;height:330px;background:#C8F6FF;left:-110px;top:115px}
.product-detail-hero::after{width:380px;height:380px;background:#FFE1E2;right:-140px;bottom:30px}
.product-hero-card{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.92);
  border-radius:32px;
  padding:34px;
  box-shadow:var(--shadow);
}
.product-hero-icon{
  width:92px;
  height:92px;
  border-radius:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(227,30,36,.10),rgba(18,57,94,.08));
  color:var(--accent);
  font-size:2.7rem;
  margin-bottom:22px;
}
.product-meta-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.product-meta-pills span{background:white;border:1px solid rgba(10,37,64,.08);border-radius:999px;padding:8px 13px;font-weight:850;color:var(--primary);box-shadow:var(--shadow-soft);font-size:.88rem}
.detail-card{
  background:white;
  border:1px solid rgba(10,37,64,.08);
  border-radius:24px;
  padding:28px;
  box-shadow:var(--shadow-soft);
  height:100%;
  transition:.25s;
}
.detail-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.detail-card i{font-size:2rem;color:var(--accent);margin-bottom:14px;display:inline-block}
.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.feature-list li{display:flex;gap:10px;color:var(--primary);font-weight:720}
.feature-list li::before{content:"\F26A";font-family:"bootstrap-icons";color:var(--teal);font-weight:400;flex:0 0 auto}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.module-pill{background:white;border:1px solid rgba(10,37,64,.08);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft);font-weight:850;color:var(--primary);min-height:78px;display:flex;align-items:center;gap:11px}
.module-pill i{color:var(--accent);font-size:1.35rem}
.product-cta{background:linear-gradient(135deg,var(--primary),#12395E 55%,var(--accent));border-radius:34px;padding:48px;color:white;box-shadow:var(--shadow)}
.product-cta h2,.product-cta p{color:white}.product-cta p{opacity:.82}
@media(max-width:991px){.module-grid{grid-template-columns:repeat(2,1fr)}.product-detail-hero{padding:135px 0 70px}}
@media(max-width:575px){.module-grid{grid-template-columns:1fr}.product-hero-card,.product-cta{padding:26px}.product-detail-hero h1{font-size:2.35rem}}