/* H M Pharma Machines — modern homepage layer, 2026-08-21 */
:root{
  --hm-navy:#071f2b;
  --hm-navy-2:#0b2d3b;
  --hm-ink:#142d38;
  --hm-orange:#f27622;
  --hm-orange-dark:#d85c08;
  --hm-cream:#f4f2eb;
  --hm-mist:#edf1ef;
  --hm-line:#d4dcd9;
  --hm-green:#13835e;
  --hm-max:1320px;
}

html{scroll-padding-top:96px}
body{background:var(--hm-cream);color:var(--hm-ink);font-family:Arial,"Helvetica Neue",sans-serif;letter-spacing:-.01em}
.topbar{background:#051923;border-bottom:1px solid rgba(255,255,255,.1)}
.topbar-inner{max-width:var(--hm-max);padding:9px 28px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.topbar-inner:before{content:"Established 2011 · Ahmedabad, India";margin-right:auto;color:#9fb0b7}

header{background:rgba(244,242,235,.96);box-shadow:none;border-bottom:1px solid rgba(7,31,43,.14);backdrop-filter:blur(14px)}
.header-inner{max-width:var(--hm-max);min-height:88px;margin:auto;padding:12px 28px}
.brand img{height:60px}
nav{gap:4px}
nav a,.nav-dropdown-toggle{border-radius:0;font-size:.78rem;letter-spacing:.035em;text-transform:uppercase}
nav a{padding:12px 10px}
nav a:hover,nav a:focus{background:transparent;color:var(--hm-orange)}
nav a.active-section:not(.nav-cta){background:transparent;box-shadow:inset 0 -2px 0 var(--hm-orange);color:var(--hm-orange-dark)}
.nav-cta{margin-left:8px!important;background:var(--hm-orange)!important;padding:13px 18px!important;box-shadow:0 8px 24px rgba(242,118,34,.22)}
.nav-cta:hover{background:var(--hm-orange-dark)!important;transform:translateY(-1px)}

.hero{min-height:calc(100svh - 122px);place-items:stretch;background-color:var(--hm-navy)}
.hero-video{filter:saturate(.78) contrast(1.05)}
.hero:after{background:linear-gradient(90deg,rgba(4,20,29,.94) 0%,rgba(4,20,29,.82) 40%,rgba(4,20,29,.2) 77%,rgba(4,20,29,.08) 100%),linear-gradient(0deg,rgba(4,20,29,.4),transparent 60%)}
.hero-inner{display:flex;max-width:var(--hm-max);margin:auto;padding:clamp(70px,9vh,118px) 28px 104px;flex-direction:column;justify-content:center}
.eyebrow{width:max-content;border:0;border-left:34px solid var(--hm-orange);border-radius:0;background:transparent;padding:0 0 0 12px;color:#dbe5e8;font-size:.7rem;letter-spacing:.17em}
.hero h1{max-width:900px;margin:26px 0 22px;font-size:clamp(3rem,6vw,6.3rem);font-weight:750;line-height:.92;letter-spacing:-.06em;text-wrap:balance;text-shadow:0 4px 28px rgba(0,0,0,.42)}
.hero p{max-width:610px;color:#c5d2d5;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.55;text-shadow:none}
.hero-actions{gap:14px;margin-top:32px}
.button{min-height:50px;border-radius:0;padding:14px 21px;font-size:.76rem;letter-spacing:.075em;text-transform:uppercase;transition:transform .2s,background-color .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--hm-orange);box-shadow:0 12px 28px rgba(242,118,34,.22)}
.button-green{background:var(--hm-green)}
.button-outline{border:1px solid var(--hm-navy);background:transparent}

.trustbar{position:relative;z-index:4;margin-top:-68px;border:0;background:transparent}
.trustbar-inner{max-width:var(--hm-max);min-height:68px;padding:0 28px;background:rgba(7,31,43,.95);color:#fff;gap:0;box-shadow:0 18px 42px rgba(4,20,29,.18)}
.trust{padding:19px 24px;border-right:1px solid rgba(255,255,255,.13);font-size:.78rem;letter-spacing:.025em;text-transform:uppercase}
.trust:last-child{border-right:0}
.tick{width:24px;height:24px;background:rgba(242,118,34,.14);color:#ff9851}

section{padding:104px 28px}
.container,.seo-overview-inner,.quote-wrap{max-width:var(--hm-max)}
.section-kicker{margin-bottom:14px;color:var(--hm-orange-dark);font-size:.7rem;letter-spacing:.16em}
.section-title{max-width:900px;color:var(--hm-navy);font-size:clamp(2.35rem,4.8vw,4.9rem);font-weight:750;line-height:.98;letter-spacing:-.052em;text-wrap:balance}
.section-intro{max-width:780px;margin-top:22px;color:#52646b;font-size:1.05rem;line-height:1.7}

.seo-overview{padding-top:118px;background:var(--hm-cream)}
.seo-overview-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start}
.seo-overview-head .section-kicker{grid-column:1}.seo-overview-head .section-title{grid-column:2;grid-row:1/3}.seo-overview-head .section-intro{grid-column:1;margin:0}
.seo-copy{margin-top:70px;padding:54px;background:#fff;border-top:4px solid var(--hm-orange);box-shadow:0 20px 60px rgba(7,31,43,.07)}
.seo-copy h3{color:var(--hm-navy);font-size:1.45rem}.seo-copy p{color:#53646b}
.compact-overview{padding-top:62px;padding-bottom:62px}
.compact-overview .section-title{font-size:clamp(2.25rem,4vw,4rem)}
.compact-overview .seo-overview-head{gap:36px}
.compact-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:34px;padding-top:30px;border-top:1px solid var(--hm-line)}
.compact-seo-grid h3{margin:0 0 14px;color:var(--hm-navy);font-size:1.35rem}
.compact-seo-grid p{margin:0 0 14px;color:#53646b;line-height:1.75}
.compact-links{display:grid;gap:10px;margin-top:16px}
.compact-links a{position:relative;padding:12px 42px 12px 0;border-bottom:1px solid var(--hm-line);color:var(--hm-navy);font-weight:700;text-decoration:none}
.compact-links a:after{content:"→";position:absolute;right:6px;color:var(--hm-orange)}
.compact-links a:hover{color:var(--hm-orange-dark)}

#products{background:#0a2029;color:#fff}
#products .section-title{color:#fff}
#products .section-intro{color:#aebdc1}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#31454c;border:1px solid #31454c}
.product-card{border:0;border-radius:0;background:#102a34;box-shadow:none;transition:background-color .25s,transform .25s}
.product-card:hover{z-index:2;background:#163440;box-shadow:none;transform:translateY(-5px)}
.product-card img{height:220px;background:#f0f2ef;padding:14px;filter:saturate(.82)}
.product-card-body{padding:24px 23px 28px}
.product-card h3{color:#fff;font-size:1.18rem}
.product-card a{color:#b8c8cc}.product-card a:hover{color:#ff9a55}
.product-catalogue-action{margin-top:42px}
#products .button-outline{border-color:#809096;color:#fff}

.parts-preview{background:linear-gradient(135deg,#eceee8,#f7f5ef)}
.parts-preview-grid{gap:72px}
.parts-note{border:0;border-left:4px solid var(--hm-orange);border-radius:0;background:#fff;box-shadow:0 12px 34px rgba(7,31,43,.06)}
.part-chip-grid{gap:1px;background:var(--hm-line);border:1px solid var(--hm-line)}
.part-chip{border:0;border-radius:0;background:#fff;box-shadow:none;transition:background-color .2s}
.part-chip:hover{background:#fff7f0}.part-chip strong{color:var(--hm-navy)}

.dark-section{background:var(--hm-navy)}
.stats{gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}
.stat{border:0;border-radius:0;background:#0c2a37;padding:36px 22px}
.stat strong{color:#ff9c57;font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.05em}

.two-col{gap:72px}.image-frame{border-radius:0;box-shadow:20px 20px 0 #dce1de}.feature-list{gap:1px;background:var(--hm-line);border:1px solid var(--hm-line)}
.feature{border:0;border-radius:0;background:#fff;padding:17px}
.industries{background:#e7ebe7}.industry-grid{gap:1px;background:var(--hm-line);border:1px solid var(--hm-line)}
.industry{border:0;border-radius:0;padding:22px;background:#f6f5f0;transition:background-color .2s}.industry:hover{background:#fff}
.split-panels{gap:1px;background:var(--hm-line);border:1px solid var(--hm-line)}
.panel{border:0;border-radius:0;padding:40px;background:#fff}.panel h3{font-size:1.4rem}

.gallery-home,.blog-preview{background:var(--hm-cream)}
.gallery-home-grid,.blog-card-grid{gap:20px}
.gallery-home-card,.blog-card{border:1px solid var(--hm-line);border-radius:0;box-shadow:none;background:#fff}
.gallery-home-card:hover,.blog-card:hover{box-shadow:0 20px 44px rgba(7,31,43,.11);transform:translateY(-5px)}
.gallery-home-card h3,.blog-card h3{color:var(--hm-navy)}
.faq details{border:0;border-bottom:1px solid var(--hm-line);border-radius:0;background:transparent;padding:22px 4px}
.faq summary{font-size:1.05rem}

.quote-band{background:var(--hm-orange)}
.quote-wrap{padding:0}.quote-wrap h2{font-size:clamp(2rem,4vw,4.1rem);letter-spacing:-.045em}
.quote-band .button{color:var(--hm-navy)}
.contact{background:#e9ede9}
.contact-box{border:0;border-radius:0;box-shadow:0 24px 70px rgba(7,31,43,.1)}
.contact-content{padding:54px}.contact-content h2{font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.05em}
footer{border-top:0;background:#061923}
.footer-inner{max-width:var(--hm-max);padding-top:68px}
.footer-col h3:after{border-radius:0;background:var(--hm-orange)}
.footer-trust{background:#05161f}.footer-bottom{background:#031119}
.floating-whatsapp{border:2px solid #fff;border-radius:0;padding:14px 18px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}
.modal-card{border-radius:0;border-top:5px solid var(--hm-orange)}
.modal input,.modal textarea{border-radius:0}.modal input:focus,.modal textarea:focus{outline:2px solid rgba(242,118,34,.24)}

@media(max-width:1180px){
  .header-inner{padding:10px 20px}.topbar-inner{padding-inline:20px}
  nav{background:var(--hm-cream)}nav a{padding:12px 10px}.nav-cta{margin-left:0!important}
}
@media(max-width:980px){
  .hero{min-height:680px}.hero-inner{padding-inline:24px}.trustbar{margin-top:0}.trustbar-inner{padding-inline:20px}
  .seo-overview-head{grid-template-columns:1fr}.seo-overview-head .section-kicker,.seo-overview-head .section-title,.seo-overview-head .section-intro{grid-column:1;grid-row:auto}
  .compact-seo-grid{grid-template-columns:1fr;gap:28px}
  .seo-copy{padding:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.parts-preview-grid,.two-col{gap:48px}
}
@media(max-width:700px){
  .topbar-inner:before{display:none}.topbar-inner{justify-content:center;font-size:.67rem}
  .header-inner{min-height:70px}.brand img{height:48px}
  .hero{min-height:620px}.hero:after{background:linear-gradient(90deg,rgba(4,20,29,.93),rgba(4,20,29,.58))}.hero-inner{padding:64px 20px 84px}.hero h1{font-size:clamp(2.75rem,13vw,4rem)}
  .trustbar-inner{grid-template-columns:1fr 1fr;padding:0}.trust{min-height:68px;padding:14px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.67rem}
  section{padding:74px 20px}.section-title{font-size:clamp(2.25rem,11vw,3.4rem)}.seo-overview{padding-top:82px}.seo-copy{margin-top:45px;padding:25px 20px}
  .product-grid{grid-template-columns:1fr}.product-card img{height:240px}.part-chip-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}
  .contact-content{padding:34px 24px}.footer-inner{padding-inline:20px}
}