#equipment-supply{--eq-ink:#08243d;--eq-blue:#002d4d;--eq-orange:#e66000;position:relative;width:100%;padding:0 0 54px;background:#f7fafc;color:var(--eq-ink);font-family:Arial,"Segoe UI",sans-serif;overflow:hidden}
#equipment-supply *{box-sizing:border-box}
#equipment-supply .equipment-page{position:relative;min-height:900px;background-color:#f7fafc;background-image:linear-gradient(rgba(86,148,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(86,148,190,.08) 1px,transparent 1px);background-size:64px 64px;overflow:hidden}
#equipment-supply .equipment-blueprint{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.26;z-index:0}
#equipment-supply .equipment-blueprint path,#equipment-supply .equipment-blueprint circle{fill:none;stroke:#8ab4cf;stroke-width:1.1}
#equipment-supply .equipment-hero{position:relative;z-index:1;width:100%;min-height:510px;background:#061d2e;color:#fff;overflow:hidden;border-radius:0}
#equipment-supply .hero-backdrop{position:absolute;inset:0;background-image:radial-gradient(circle at 78% 38%,rgba(18,103,151,.28),transparent 42%),linear-gradient(90deg,rgba(4,23,37,.98) 0%,rgba(4,31,49,.9) 48%,rgba(7,68,101,.72) 100%);background-position:center;background-size:cover}
#equipment-supply .equipment-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;pointer-events:none}
#equipment-supply .equipment-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--eq-orange)}
#equipment-supply .hero-inner{position:relative;width:min(1440px,calc(100% - 64px));min-height:510px;margin:0 auto}
#equipment-supply .hero-copy{position:relative;z-index:5;width:50%;max-width:690px;padding:77px 0 54px}
#equipment-supply .hero-eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 20px!important;color:#ff6a13!important;font-size:14px!important;font-weight:800;line-height:1.2;letter-spacing:.17em;text-transform:uppercase}
#equipment-supply .hero-eyebrow span{display:block;width:32px;height:2px;background:#ff6410}
#equipment-supply .hero-copy h2{margin:0 0 22px;color:#fff;font-size:clamp(46px,4.25vw,68px);font-weight:900;line-height:.98;letter-spacing:-.04em;text-transform:uppercase}
#equipment-supply .hero-copy>p:not(.hero-eyebrow){max-width:650px;margin:0;color:#c8d7e1;font-size:18px;line-height:1.45}
#equipment-supply .hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px}
#equipment-supply .hero-button,#equipment-supply .cycle-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:0 22px;border:0;border-radius:7px;background:linear-gradient(90deg,#f35c00,#ff7a00);box-shadow:0 10px 25px rgba(230,96,0,.22);color:#fff!important;font-size:15px;font-weight:800;text-decoration:none}
#equipment-supply .hero-button b,#equipment-supply .cycle-action b{font-size:22px;font-weight:400}
#equipment-supply .hero-note{max-width:205px;color:#a9bdca;font-size:12px;line-height:1.35}
#equipment-supply .hero-tags{position:absolute;z-index:5;right:0;top:26px;display:flex;gap:8px}
#equipment-supply .hero-tags span{padding:8px 13px;border:1px solid rgba(255,255,255,.15);border-radius:5px;background:rgba(0,25,42,.5);color:#d5e2e9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
#equipment-supply .hero-machines{position:absolute;z-index:3;inset:0 0 0 45%;pointer-events:none}
#equipment-supply .hero-machine{position:absolute;display:block;max-width:none;filter:drop-shadow(0 14px 18px rgba(0,0,0,.34));object-fit:contain}
#equipment-supply .hero-machine-core{width:365px;top:88px;right:1.5%}
#equipment-supply .hero-machine-lpd{width:415px;right:14%;bottom:32px}
#equipment-supply .hero-machine-kokil{width:520px;left:0;bottom:18px}
#equipment-supply .hero-machine-lnd{width:178px;right:2%;bottom:11px}
#equipment-supply .hero-floor{position:absolute;z-index:2;right:-2%;bottom:-48px;width:62%;height:155px;border-radius:50%;background:radial-gradient(ellipse,rgba(60,165,212,.28),rgba(4,26,42,0) 68%);filter:blur(7px)}
#equipment-supply .equipment-section{position:relative;z-index:2;width:min(1440px,calc(100% - 64px));margin:0 auto;padding:30px 0 0}
#equipment-supply .equipment-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:54.5% 45.5%;gap:2px;width:100%;aspect-ratio:1508/448;overflow:visible}
#equipment-supply .equipment-card{position:relative;display:grid;grid-template-columns:92px minmax(210px,1.1fr) minmax(220px,.95fr);align-items:center;height:100%;min-width:0;padding:12px 34px 12px 24px;overflow:hidden;border:0;background:linear-gradient(135deg,#002643,#003c61);color:#fff}
#equipment-supply .equipment-card:nth-child(1){border-radius:18px 18px 0 18px}
#equipment-supply .equipment-card:nth-child(2){border-radius:18px 18px 18px 0}
#equipment-supply .equipment-card:nth-child(3){border-radius:18px 0 18px 18px}
#equipment-supply .equipment-card:nth-child(4){border-radius:0 18px 18px 18px}
#equipment-supply .equipment-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
#equipment-supply .card-number{position:relative;z-index:2;align-self:start;margin-top:8px;color:transparent;font-size:55px;font-weight:300;line-height:1;-webkit-text-stroke:1.5px #ff6a00}
#equipment-supply .equipment-card:nth-child(even) .card-number{transform:translateX(15px)}
#equipment-supply .machine-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:100%;max-height:190px;min-width:0}
#equipment-supply .machine-wrap img{display:block;max-width:none;max-height:none;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.22))}
#equipment-supply .machine-kokil img{width:310px}
#equipment-supply .machine-core img{width:280px}
#equipment-supply .machine-lnd img{width:auto;height:185px}
#equipment-supply .machine-lpd img{width:330px}
#equipment-supply .card-copy{position:relative;z-index:2;min-width:0;padding-left:24px}
#equipment-supply .card-copy h3{margin:0 0 14px;color:#fff;font-size:25px;font-weight:800;line-height:1.08;letter-spacing:-.02em}
#equipment-supply .card-copy p{margin:0;color:#c0d0db;font-size:14px;line-height:1.45}
#equipment-supply .card-arrow{position:absolute;z-index:3;right:25px;bottom:20px;color:#fff!important;font-size:28px;line-height:1;text-decoration:none}
#equipment-supply .hub{position:absolute;z-index:8;left:50%;top:54.5%;width:110px;height:110px;transform:translate(-50%,-50%);pointer-events:none}
#equipment-supply .hub svg{display:block;width:100%;height:100%;overflow:visible}
#equipment-supply .hub path{fill:none;stroke:#b8d7e8;stroke-width:2}
#equipment-supply .hub circle{fill:#65afd1;stroke:#d9edf6;stroke-width:2}
#equipment-supply .benefits{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin:14px 0 16px}
#equipment-supply .benefit{display:flex;align-items:center;justify-content:center;gap:15px;min-height:62px;border-right:1px solid #c9d8e2;color:#163451}
#equipment-supply .benefit:last-child{border-right:0}
#equipment-supply .benefit svg{width:44px;height:44px;fill:none;stroke:#0d588c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#equipment-supply .benefit strong{font-size:14px;font-weight:800}
#equipment-supply .full-cycle{display:grid;grid-template-columns:1.25fr 1fr auto;align-items:center;gap:30px;min-height:148px;padding:24px 34px;border:2px solid var(--eq-orange);border-radius:22px;background:linear-gradient(105deg,#002d4d,#073f65);color:#fff;box-shadow:0 12px 35px rgba(0,45,77,.14)}
#equipment-supply .cycle-copy span{display:block;margin-bottom:8px;color:#ff7000;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#equipment-supply .cycle-copy h3{margin:0 0 7px;color:#fff;font-size:27px;line-height:1.12}
#equipment-supply .cycle-copy p{margin:0;color:#c1d2dc;font-size:13px;line-height:1.45}
#equipment-supply .cycle-flow{display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:0;list-style:none}
#equipment-supply .cycle-flow li{position:relative;display:flex;flex-direction:column;align-items:center;min-width:70px;color:#d7e7ef}
#equipment-supply .cycle-flow li:not(:last-child):after{content:"";position:absolute;top:15px;left:67%;width:66%;height:1px;background:#ee7500}
#equipment-supply .cycle-flow b{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border:1px solid #83b4cf;border-radius:6px;background:#073b5d;font-size:11px}
#equipment-supply .cycle-flow span{margin-top:6px;font-size:10px}
#equipment-supply .cycle-action{min-width:285px}
@media(max-width:1100px){#equipment-supply .hero-copy{width:55%}#equipment-supply .hero-machines{left:48%;transform:scale(.83);transform-origin:right bottom}#equipment-supply .equipment-grid{aspect-ratio:auto;grid-template-rows:repeat(2,235px)}#equipment-supply .equipment-card{grid-template-columns:62px minmax(145px,.85fr) minmax(170px,1fr);padding:12px 22px 12px 14px}#equipment-supply .machine-kokil img{width:240px}#equipment-supply .machine-core img{width:210px}#equipment-supply .machine-lnd img{height:165px}#equipment-supply .machine-lpd img{width:245px}#equipment-supply .card-copy{padding-left:10px}#equipment-supply .card-copy h3{font-size:22px}#equipment-supply .card-copy p{font-size:12px}#equipment-supply .full-cycle{grid-template-columns:1.25fr auto}#equipment-supply .cycle-flow{display:none}}
@media(max-width:760px){#equipment-supply{padding-bottom:34px}#equipment-supply .equipment-source-page{min-height:0}#equipment-supply .hero-inner,#equipment-supply .equipment-section{width:calc(100% - 28px)}#equipment-supply .equipment-hero,#equipment-supply .hero-inner{min-height:780px}#equipment-supply .hero-copy{width:100%;padding:42px 0 0}#equipment-supply .hero-copy h2{font-size:42px}#equipment-supply .hero-copy>p:not(.hero-eyebrow){font-size:16px}#equipment-supply .hero-actions{align-items:flex-start;flex-direction:column;gap:10px}#equipment-supply .hero-tags{top:auto;right:auto;bottom:18px;left:0;flex-wrap:wrap}#equipment-supply .hero-machines{left:-85px;bottom:-40px;transform:scale(.58);transform-origin:left bottom;width:830px;height:500px}#equipment-supply .equipment-section{padding-top:18px}#equipment-supply .equipment-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,215px);gap:8px}#equipment-supply .equipment-card,#equipment-supply .equipment-card:nth-child(n){grid-template-columns:48px 38% 1fr;padding:12px 15px 12px 9px;border-radius:14px}#equipment-supply .card-number{font-size:33px}#equipment-supply .equipment-card:nth-child(even) .card-number{transform:none}#equipment-supply .machine-kokil img{width:205px}#equipment-supply .machine-core img{width:180px}#equipment-supply .machine-lnd img{height:150px}#equipment-supply .machine-lpd img{width:205px}#equipment-supply .card-copy h3{font-size:19px}#equipment-supply .card-copy p{font-size:11px}#equipment-supply .card-arrow{right:14px;bottom:12px}#equipment-supply .hub{display:none}#equipment-supply .benefits{grid-template-columns:1fr;margin:12px 0}#equipment-supply .benefit{min-height:64px;border-right:0;border-bottom:1px solid #cad9e3}#equipment-supply .full-cycle{grid-template-columns:1fr;padding:21px 18px;border-radius:16px}#equipment-supply .cycle-action{min-width:0}}
@media(max-width:760px){#equipment-supply .hero-machines{top:auto}}
@media(max-width:760px){#equipment-supply .equipment-page{min-height:0}}

/* Exact source hero used on the homepage; the former cards and cycle are gone. */
#equipment-supply.equipment-source-hero-only{
  position:relative;
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#071e2f;
  line-height:0;
}
#equipment-supply .equipment-source-hero-only__image{
  display:block;
  width:100%;
  height:max(510px,19.89vw);
  max-width:none;
  margin:0;
  object-fit:cover;
  object-position:center;
}
#equipment-supply .equipment-source-hero-only__sr{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
#equipment-supply .equipment-source-hero-only__action{
  position:absolute;
  z-index:2;
  left:43.9%;
  top:66.7%;
  width:12.2%;
  height:10.9%;
  border-radius:8px;
}
#equipment-supply .equipment-source-hero-only__action:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}

/* Exact original hero: editable content over the source panorama without duplicate CSS darkening. */
#equipment-supply.equipment-source-hero-editable{
  position:relative;
  display:block;
  clear:both;
  width:100%;
  aspect-ratio:3836/763;
  min-height:390px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#06243a;
  isolation:isolate;
}
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__image{
  position:absolute;
  z-index:0;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__shade{
  display:none!important;
}
#equipment-supply.equipment-source-hero-editable :is(.hero-tags,.hero-eyebrow,h2,.hero-description,.hero-actions)::before{
  content:"";position:absolute;z-index:-1;inset:-10px -100px;background:#06243a;
  box-shadow:0 0 22px 14px #06243a;pointer-events:none;
}
#equipment-supply.equipment-source-hero-editable .hero-tags::before{inset:-8px -60px}
#equipment-supply.equipment-source-hero-editable h2::before{inset:-14px -160px}
#equipment-supply.equipment-source-hero-editable .hero-actions::before{inset:-10px -120px}
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__content::before{display:none!important}
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__content{
  position:absolute;z-index:3;inset:0 0 0 50%;display:block;width:min(690px,38vw);
  height:100%;transform:translateX(-50%);color:#fff;text-align:center;
}
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__content>*{position:relative;z-index:1}
#equipment-supply.equipment-source-hero-editable .hero-tags{
  position:absolute;top:20px;left:0;right:0;display:flex;justify-content:center;gap:8px;margin:0;
}
#equipment-supply.equipment-source-hero-editable .hero-tags span{
  padding:7px 12px;border:1px solid rgba(255,255,255,.22);border-radius:5px;
  background:rgba(0,24,41,.56);color:#d9e6ed;font-size:11px;font-weight:700;
  letter-spacing:.02em;text-transform:none;
}
#equipment-supply.equipment-source-hero-editable .hero-eyebrow{
  position:absolute;top:75px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;margin:0!important;
  color:#ff6b16!important;font-size:14px!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
}
#equipment-supply.equipment-source-hero-editable .hero-eyebrow span{width:31px;height:2px;background:#ff6b16}
#equipment-supply.equipment-source-hero-editable h2{
  position:absolute;top:105px;left:0;right:0;margin:0;color:#fff;font-size:clamp(42px,2.7vw,56px);font-weight:900;
  line-height:.98;letter-spacing:-.035em;text-transform:none;
}
#equipment-supply.equipment-source-hero-editable .hero-description{
  position:absolute;top:214px;left:50%;width:660px;max-width:100%;margin:0;transform:translateX(-50%);color:#d1dfe7;font-size:16px;line-height:1.35;
}
#equipment-supply.equipment-source-hero-editable .hero-actions{
  position:absolute;top:272px;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:0;
}
#equipment-supply.equipment-source-hero-editable .hero-button{
  display:inline-flex;min-width:246px;min-height:46px;align-items:center;justify-content:space-between;
  gap:24px;padding:0 20px;border-radius:7px;background:linear-gradient(90deg,#f35c00,#ff7a00);
  color:#fff!important;font-size:14px;font-weight:800;text-decoration:none;
}
#equipment-supply.equipment-source-hero-editable .hero-note{
  max-width:none;color:#d2e0e8;font-size:14px;font-weight:600;line-height:1.35;text-align:center;
}
@media(max-width:900px){
  #equipment-supply.equipment-source-hero-editable{aspect-ratio:auto;min-height:590px}
  #equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__content{
    top:50%;width:min(620px,calc(100% - 36px));transform:translate(-50%,-50%);
  }
  #equipment-supply.equipment-source-hero-editable .hero-tags{flex-wrap:wrap;margin-bottom:17px}
  #equipment-supply.equipment-source-hero-editable h2{font-size:clamp(38px,8vw,54px)}
}

/* Editable hero over a clean background; shading matches the reference. */
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__content{display:flex!important}
#equipment-supply.equipment-source-hero-editable .equipment-source-hero-editable__shade{display:none!important}
