

/* ══════════════════════════════
   INDEX PAGE STYLES
══════════════════════════════ */

/* ── HOME-SPECIFIC STYLES ── */

/* Hero */
.hero{
  background:var(--white);
  padding:8.5rem 2.5rem 0;
  position:relative;overflow:hidden;
  min-height:92vh;
}
.hero-inner{
  max-width:1280px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:3rem;align-items:center;
  position:relative;z-index:2;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;
}
.eye-ping{
  width:8px;height:8px;border-radius:50%;background:var(--gold);
  animation:ping 2s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping{
  75%,100%{transform:scale(1.8);opacity:0}
}
.hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.8rem,5vw,4.8rem);
  font-weight:700;line-height:1.05;letter-spacing:-.03em;
  color:var(--navy);margin-bottom:1.5rem;
}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero-desc{
  font-size:1.05rem;line-height:1.8;color:var(--txt3);
  max-width:520px;margin-bottom:2.5rem;
}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.hero-stats{
  display:flex;gap:2.5rem;
  padding-top:2.5rem;border-top:1px solid var(--line);
}
.hero-stat .stat-num{font-size:2.4rem}

/* Hero right — industrial visual */
.hero-visual{
  position:relative;
  height:520px;
  display:flex;align-items:stretch;
}
.hero-img-stack{
  display:grid;grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:.75rem;width:100%;
}
.hi-img{
  overflow:hidden;position:relative;
}
.hi-img img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.9);transition:transform .5s;
}
.hi-img:hover img{transform:scale(1.04)}
.hi-img.tall{grid-row:1/3}
.hi-img-label{
  position:absolute;bottom:.75rem;left:.75rem;
  background:rgba(12,28,46,.82);
  font-family:'JetBrains Mono',monospace;font-size:.5rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.7);padding:.3rem .65rem;
}
.hero-float-badge{
  position:absolute;bottom:-1.5rem;left:-1.5rem;
  background:var(--gold);color:var(--white);
  padding:1.25rem 1.5rem;
  box-shadow:var(--sh-lg);z-index:3;
}
.hfb-num{
  font-family:'Playfair Display',serif;font-size:2rem;
  font-weight:400;line-height:1;
}
.hfb-label{
  font-family:'JetBrains Mono',monospace;font-size:.52rem;
  letter-spacing:.14em;text-transform:uppercase;
  margin-top:.3rem;opacity:.85;
}

/* Trust bar */
.trust-bar{
  background:var(--off);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:1.5rem 2.5rem;
}
.trust-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;
}
.trust-item{
  display:flex;align-items:center;gap:.75rem;
}
.trust-icon{
  width:36px;height:36px;background:var(--navy);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.trust-icon svg{width:16px;height:16px;color:var(--gold)}
.trust-text{
  font-size:.78rem;font-weight:600;color:var(--navy);
  line-height:1.2;
}
.trust-text span{
  display:block;font-size:.65rem;
  font-weight:400;color:var(--txt3);
}
.trust-sep{width:1px;height:30px;background:var(--line)}

/* Why LubeChem */
.why-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3rem;
}

/* Services preview */
.svc-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3rem;
}

/* R&D HIGHLIGHT BAND */
.rnd-band{
  background:var(--navy);
  padding:5rem 2.5rem;
  position:relative;overflow:hidden;
}
.rnd-band::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 80% at 85% 50%, rgba(184,122,26,.1) 0%,transparent 65%);
}
.rnd-band-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;
  gap:5rem;align-items:center;position:relative;z-index:1;
}
.rnd-left{}
.rnd-kicker{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--gold);
  font-family:'JetBrains Mono',monospace;font-size:.55rem;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--white);padding:.4rem 1rem;margin-bottom:1.5rem;
}
.rnd-h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.9rem,3vw,2.7rem);font-weight:700;
  color:var(--white);line-height:1.1;margin-bottom:1.2rem;
}
.rnd-h2 em{font-style:italic;color:var(--gold)}
.rnd-desc{
  font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.5);
  margin-bottom:2rem;
}
.rnd-right{}
.rnd-features{display:flex;flex-direction:column}

/* Grease grid */
.grease-types{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--line);margin-top:3rem;
}
.grease-tile{
  background:var(--white);
  padding:1.75rem 1.5rem;
  transition:all .25s;
  border-bottom:3px solid transparent;
}
.grease-tile:hover{
  background:var(--navy);
  border-bottom-color:var(--gold);
}
.grease-tile:hover .gt-name{color:var(--white)}
.grease-tile:hover .gt-spec{color:rgba(255,255,255,.5)}
.grease-tile:hover .gt-tag{color:var(--gold);border-color:rgba(184,122,26,.3)}
.gt-tag{
  font-family:'JetBrains Mono',monospace;font-size:.52rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);border:1px solid var(--gold-brd);
  padding:.25rem .6rem;display:inline-block;margin-bottom:.85rem;
  transition:color .25s,border-color .25s;
}
.gt-name{
  font-family:'Playfair Display',serif;font-size:1.05rem;
  font-weight:600;color:var(--navy);margin-bottom:.35rem;
  transition:color .25s;
}
.gt-spec{font-size:.78rem;color:var(--txt3);line-height:1.55;transition:color .25s}

/* Additive showcase */
.additive-row{
  display:grid;grid-template-columns:1fr 1fr;
  gap:4rem;align-items:center;margin-top:3rem;
}
.add-visual{
  background:var(--off);
  padding:2.5rem;
}
.add-chem-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:.75rem;
}
.add-chem-item{
  background:var(--white);border:1px solid var(--line);
  padding:1.1rem 1.25rem;
  transition:all .25s;
}
.add-chem-item:hover{border-color:var(--gold-brd);background:var(--gold-bg)}
.acc-abbr{
  font-family:'JetBrains Mono',monospace;font-size:.75rem;
  font-weight:600;color:var(--gold);margin-bottom:.25rem;
}
.acc-name{font-size:.77rem;font-weight:600;color:var(--navy);margin-bottom:.15rem}
.acc-fn{font-size:.7rem;color:var(--txt3)}

/* Process steps */
.process-steps{
  display:grid;grid-template-columns:repeat(5,1fr);
  gap:0;margin-top:3rem;position:relative;
}
.process-steps::before{
  content:'';position:absolute;
  top:28px;left:12%;right:12%;
  height:1px;background:var(--gold-brd);z-index:0;
}
.ps-item{
  display:flex;flex-direction:column;
  align-items:center;text-align:center;
  padding:0 1rem;position:relative;z-index:1;
}
.ps-num{
  width:56px;height:56px;
  border:2px solid var(--gold-brd);
  background:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-size:1.2rem;
  font-weight:400;color:var(--gold);margin-bottom:1rem;
  transition:all .25s;
}
.ps-item:hover .ps-num{
  background:var(--navy);color:var(--white);
  border-color:var(--navy);
}
.ps-title{font-size:.82rem;font-weight:700;color:var(--navy);margin-bottom:.3rem}
.ps-desc{font-size:.73rem;line-height:1.55;color:var(--txt3)}

/* Testimonials */
.testi-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3rem;
}
.testi-card{
  background:var(--white);border:1px solid var(--line);
  padding:2rem 1.75rem;
  transition:box-shadow .3s;
}
.testi-card:hover{box-shadow:var(--sh-md)}
.testi-stars{
  display:flex;gap:3px;margin-bottom:1rem;
}
.testi-stars span{color:var(--gold);font-size:.9rem}
.testi-text{
  font-family:'Playfair Display',serif;font-size:.95rem;
  font-style:italic;line-height:1.75;color:var(--txt2);
  margin-bottom:1.25rem;
}
.testi-name{font-size:.82rem;font-weight:700;color:var(--navy)}
.testi-co{font-size:.72rem;color:var(--txt3)}

/* CTA band */
.cta-band{
  background:var(--gold);
  padding:4.5rem 2.5rem;text-align:center;
}
.cta-band h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:700;color:var(--white);
  margin-bottom:.75rem;
}
.cta-band p{
  font-size:1rem;color:rgba(255,255,255,.75);
  margin-bottom:2rem;
}
.cta-band .btn-nav{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--white);color:var(--navy);
  padding:.9rem 2rem;font-weight:700;
  font-family:'Manrope',sans-serif;font-size:.78rem;
  letter-spacing:.09em;text-transform:uppercase;
  transition:all .22s;text-decoration:none;
  border:2px solid transparent;
}
.cta-band .btn-nav:hover{background:var(--navy);color:var(--white)}
.cta-band .btn-nav2{
  display:inline-flex;align-items:center;gap:.6rem;
  background:transparent;color:rgba(255,255,255,.85);
  padding:.9rem 2rem;font-weight:600;
  font-family:'Manrope',sans-serif;font-size:.78rem;
  letter-spacing:.08em;text-transform:uppercase;
  transition:all .22s;text-decoration:none;
  border:2px solid rgba(255,255,255,.35);
  margin-left:1rem;
}
.cta-band .btn-nav2:hover{border-color:var(--white);color:var(--white)}

/* Country strip */
.country-strip{
  background:var(--off);
  border-top:1px solid var(--line);
  padding:2rem 2.5rem;
}
.country-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  gap:3rem;flex-wrap:wrap;
}
.country-item{
  display:flex;align-items:center;gap:.6rem;
  font-size:.82rem;font-weight:600;color:var(--navy);
}
.country-flag{font-size:1.1rem}
.country-sub{font-size:.67rem;font-weight:400;color:var(--txt3)}

@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .hero{padding:7rem 1.5rem 0}
  .hero-visual{height:320px}
  .rnd-band-inner{grid-template-columns:1fr;gap:2.5rem}
  .svc-grid,.why-grid{grid-template-columns:1fr 1fr}
  .grease-types{grid-template-columns:1fr 1fr}
  .process-steps{grid-template-columns:1fr 1fr;gap:2rem}
  .process-steps::before{display:none}
  .testi-grid{grid-template-columns:1fr}
  .additive-row{grid-template-columns:1fr;gap:2.5rem}
}
@media(max-width:640px){
  .svc-grid,.why-grid,.grease-types{grid-template-columns:1fr}
  .hero-stats{flex-direction:column;gap:1.5rem}
  .trust-inner{gap:1rem}
  .trust-sep{display:none}
  .process-steps{grid-template-columns:1fr}
  .add-chem-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════
   ABOUT PAGE STYLES
══════════════════════════════ */

/* ── ABOUT PAGE STYLES ── */

/* Founder section */
.founder-grid{
  display:grid;grid-template-columns:1fr 1.4fr;
  gap:5rem;align-items:start;margin-top:4rem;
}
.founder-img-wrap{
  position:relative;
}
.founder-img{
  width:100%;aspect-ratio:3/4;object-fit:cover;
  object-position:top;
  filter:saturate(.85);
}
.founder-badge{
  position:absolute;bottom:-1.5rem;right:-1.5rem;
  background:var(--gold);padding:1.25rem 1.5rem;
  box-shadow:var(--sh-lg);
}
.fb-num{
  font-family:'Playfair Display',serif;
  font-size:2.2rem;font-weight:400;color:var(--white);line-height:1;
}
.fb-label{
  font-family:'JetBrains Mono',monospace;font-size:.5rem;
  letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.8);
  margin-top:.3rem;
}
.founder-name{
  font-family:'Playfair Display',serif;
  font-size:2.5rem;font-weight:700;color:var(--navy);
  line-height:1.1;margin-bottom:.5rem;
}
.founder-title{
  font-family:'JetBrains Mono',monospace;font-size:.62rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  margin-bottom:2rem;
}
.founder-bio{
  font-size:.95rem;line-height:1.85;color:var(--txt2);
  margin-bottom:1.5rem;
}
.founder-quote{
  border-left:3px solid var(--gold);padding-left:1.5rem;
  margin:2rem 0;
}
.fq-text{
  font-family:'Playfair Display',serif;font-style:italic;
  font-size:1.1rem;line-height:1.7;color:var(--navy);margin-bottom:.5rem;
}
.fq-attr{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--txt3);
}
.founder-creds{
  display:flex;flex-direction:column;gap:.6rem;margin-top:2rem;
}
.cred-item{
  display:flex;align-items:center;gap:.85rem;
  padding:.75rem 1rem;background:var(--off);
  font-size:.84rem;color:var(--txt2);
}
.cred-item svg{color:var(--gold);width:16px;height:16px;flex-shrink:0}

/* Stats row */
.stats-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid var(--line);margin-top:3rem;
}
.stat-cell{
  padding:2rem 1.5rem;
  border-right:1px solid var(--line);
  text-align:center;
}
.stat-cell:last-child{border-right:none}
.stat-cell:hover{background:var(--off)}

/* Expertise areas */
.exp-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1.25rem;margin-top:3rem;
}
.exp-card{
  background:var(--white);border:1px solid var(--line);
  padding:1.75rem;transition:all .25s;
}
.exp-card:hover{border-color:var(--gold-brd);box-shadow:var(--sh-sm)}
.exp-num{
  font-family:'JetBrains Mono',monospace;font-size:.6rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
  margin-bottom:.75rem;
}
.exp-title{
  font-family:'Playfair Display',serif;font-size:1.15rem;
  font-weight:600;color:var(--navy);margin-bottom:.5rem;
}
.exp-desc{font-size:.82rem;line-height:1.7;color:var(--txt3)}

/* Timeline */
.timeline{
  position:relative;margin-top:3rem;
  padding-left:2rem;
  border-left:2px solid var(--gold-brd);
}
.tl-item{
  position:relative;padding:0 0 2.5rem 2.5rem;
}
.tl-item::before{
  content:'';position:absolute;left:-2.45rem;top:4px;
  width:14px;height:14px;border-radius:50%;
  border:2px solid var(--gold);background:var(--white);
}
.tl-year{
  font-family:'JetBrains Mono',monospace;font-size:.6rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--gold);
  margin-bottom:.4rem;
}
.tl-title{
  font-family:'Playfair Display',serif;font-size:1.05rem;
  font-weight:600;color:var(--navy);margin-bottom:.35rem;
}
.tl-desc{font-size:.84rem;line-height:1.7;color:var(--txt3)}

/* Client geography */
.cities-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1rem;margin-top:2.5rem;
}
.city-item{
  padding:1.25rem;background:var(--off);
  border-bottom:2px solid transparent;
  transition:all .25s;text-align:center;
}
.city-item:hover{border-bottom-color:var(--gold);background:var(--white)}
.city-name{font-size:.9rem;font-weight:700;color:var(--navy);margin-bottom:.2rem}
.city-state{font-size:.72rem;color:var(--txt3)}

/* Values */
.values-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3rem;
}

@media(max-width:1024px){
  .founder-grid{grid-template-columns:1fr;gap:2.5rem}
  .founder-img{aspect-ratio:4/3}
  .founder-badge{bottom:-1rem;right:0}
  .stats-row{grid-template-columns:1fr 1fr;gap:0}
  .stats-row .stat-cell:nth-child(2n){border-right:none}
  .stats-row .stat-cell:nth-child(1),.stats-row .stat-cell:nth-child(2){border-bottom:1px solid var(--line)}
  .exp-grid{grid-template-columns:1fr}
  .cities-grid{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .cities-grid{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr}
  .stats-row{grid-template-columns:1fr 1fr}
}

/* ══════════════════════════════
   CONTACT PAGE STYLES
══════════════════════════════ */

/* ── CONTACT PAGE STYLES ── */

.contact-layout{
  display:grid;grid-template-columns:1.3fr 1fr;
  gap:5rem;align-items:start;margin-top:3rem;
}

/* Form */
.contact-form-wrap{
  background:var(--white);
}
.cf-inner{
  display:flex;flex-direction:column;gap:1.1rem;
}
.f2-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

/* Promises */
.contact-info{}
.ci-logo{
  display:flex;align-items:center;gap:.85rem;
  margin-bottom:2rem;padding-bottom:2rem;
  border-bottom:1px solid var(--line);
}
.ci-logo-icon{
  width:52px;height:52px;background:var(--navy);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.ci-logo-icon svg{width:28px;height:28px}
.ci-name{
  font-family:'Playfair Display',serif;font-size:1.2rem;
  font-weight:700;color:var(--navy);
}
.ci-sub{
  font-family:'JetBrains Mono',monospace;font-size:.52rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
}

.contact-detail{
  display:flex;gap:1rem;align-items:flex-start;
  padding:1.25rem 0;border-bottom:1px solid var(--line);
}
.contact-detail:last-of-type{border-bottom:none}
.cd-icon{
  width:40px;height:40px;background:var(--off);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.cd-icon svg{width:18px;height:18px;color:var(--gold)}
.cd-label{
  font-family:'JetBrains Mono',monospace;font-size:.54rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--txt3);
  margin-bottom:.3rem;
}
.cd-value{font-size:.9rem;font-weight:600;color:var(--navy);margin-bottom:.15rem}
.cd-note{font-size:.75rem;color:var(--txt3)}

.promise-box{
  background:var(--off);padding:1.5rem;
  margin-top:2rem;border-left:3px solid var(--gold);
}
.pb-title{
  font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:.5rem;
}
.pb-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}
.pb-list li{
  font-size:.8rem;color:var(--txt2);
  display:flex;align-items:flex-start;gap:.6rem;
}
.pb-list li::before{
  content:'✓';color:var(--gold);flex-shrink:0;font-weight:700;
}

/* FAQ */
.faq-list{margin-top:3rem;display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 0;cursor:pointer;
}
.faq-q-text{font-size:.92rem;font-weight:600;color:var(--navy)}
.faq-arrow{
  width:24px;height:24px;color:var(--gold);
  flex-shrink:0;transition:transform .25s;
}
.faq-a{
  display:none;
  font-size:.85rem;line-height:1.75;color:var(--txt3);
  padding-bottom:1.25rem;
}

/* Success message */
.form-success{
  display:none;
  background:var(--off);border:1px solid var(--gold-brd);
  padding:3rem;text-align:center;
}
.fs-icon{
  width:60px;height:60px;background:var(--gold);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 1.5rem;
}
.fs-icon svg{width:28px;height:28px;color:var(--white)}
.fs-title{
  font-family:'Playfair Display',serif;font-size:1.5rem;
  font-weight:600;color:var(--navy);margin-bottom:.5rem;
}
.fs-sub{font-size:.85rem;color:var(--txt3);margin-bottom:.5rem}
.fs-note{
  font-family:'JetBrains Mono',monospace;font-size:.54rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold);
}

@media(max-width:1024px){
  .contact-layout{grid-template-columns:1fr;gap:3rem}
  .f2-row{grid-template-columns:1fr}
}
@media(max-width:640px){
  .form-check-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════
   SERVICES PAGE STYLES
══════════════════════════════ */

/* ── SERVICES PAGE STYLES ── */

/* Service sections */
.svc-section{
  display:grid;grid-template-columns:1fr 1fr;
  gap:4.5rem;align-items:start;
  padding:5rem 0;border-bottom:1px solid var(--line);
}
.svc-section:last-child{border-bottom:none}
.svc-section.reverse{direction:rtl}
.svc-section.reverse > *{direction:ltr}

.svc-img{overflow:hidden;position:relative}
.svc-img img{width:100%;height:340px;object-fit:cover;display:block;filter:saturate(.9)}
.svc-img-label{
  position:absolute;bottom:.75rem;left:.75rem;
  background:rgba(12,28,46,.82);
  font-family:'JetBrains Mono',monospace;font-size:.5rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.7);padding:.3rem .65rem;
}

.svc-content{}
.svc-num{
  font-family:'JetBrains Mono',monospace;font-size:.55rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;
}
.svc-num::before{content:'';display:block;width:1.2rem;height:1px;background:var(--gold)}
.svc-h3{
  font-family:'Playfair Display',serif;font-size:2rem;
  font-weight:700;color:var(--navy);line-height:1.1;
  margin-bottom:1rem;letter-spacing:-.015em;
}
.svc-h3 em{font-style:italic;color:var(--gold)}
.svc-desc{
  font-size:.92rem;line-height:1.8;color:var(--txt3);
  margin-bottom:1.5rem;
}
.svc-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.75rem}
.svc-list li{
  display:flex;align-items:flex-start;gap:.75rem;
  font-size:.84rem;line-height:1.65;color:var(--txt2);
}
.svc-list li::before{
  content:'';display:block;width:6px;height:6px;
  border-radius:50%;background:var(--gold);
  flex-shrink:0;margin-top:6px;
}
.svc-specs{
  display:grid;grid-template-columns:1fr 1fr;
  gap:.5rem;margin-bottom:1.75rem;
}
.svc-spec{
  background:var(--off);padding:.75rem 1rem;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;
  letter-spacing:.09em;text-transform:uppercase;
  color:var(--navy);border-left:2px solid var(--gold);
}

/* Testing grid */
.test-grid-2{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:1px;background:var(--line);margin-top:3rem;
}
.test-block{
  background:var(--white);padding:1.5rem;
}
.test-block:hover{background:var(--off)}
.test-cat{
  font-family:'JetBrains Mono',monospace;font-size:.52rem;
  letter-spacing:.15em;text-transform:uppercase;color:var(--gold);
  margin-bottom:.5rem;
}
.test-name{font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:.2rem}
.test-std{
  font-family:'JetBrains Mono',monospace;font-size:.55rem;
  color:var(--txt3);letter-spacing:.05em;
}

/* Grease type table */
.grease-table-wrap{overflow-x:auto;margin-top:2.5rem}
table.g-table{width:100%;border-collapse:collapse}
table.g-table th{
  background:var(--navy);color:var(--gold);
  font-family:'JetBrains Mono',monospace;font-size:.57rem;
  letter-spacing:.12em;text-transform:uppercase;
  padding:.85rem 1rem;text-align:left;
}
table.g-table td{
  padding:.85rem 1rem;font-size:.82rem;color:var(--txt2);
  border-bottom:1px solid var(--line);
}
table.g-table tr:hover td{background:var(--off)}
table.g-table .mono{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;color:var(--navy);
}

/* Plant sizes */
.plant-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1rem;margin-top:1.5rem;
}
.plant-card{
  border:1px solid var(--line);padding:1.25rem;
  text-align:center;transition:all .25s;
}
.plant-card:hover{border-color:var(--gold-brd);background:var(--gold-bg)}
.plant-size{
  font-family:'Playfair Display',serif;font-size:1.6rem;
  font-weight:400;color:var(--gold);margin-bottom:.2rem;
}
.plant-unit{
  font-family:'JetBrains Mono',monospace;font-size:.55rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--txt3);
}

/* Compliance cards */
.comply-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.25rem;margin-top:1.5rem;
}
.comply-card{
  border:1px solid var(--line);padding:1.5rem;
  transition:all .25s;
}
.comply-card:hover{border-color:var(--gold-brd)}
.comply-std{
  font-family:'JetBrains Mono',monospace;font-size:.72rem;
  font-weight:600;color:var(--gold);margin-bottom:.4rem;
}
.comply-name{font-size:.85rem;font-weight:700;color:var(--navy);margin-bottom:.3rem}
.comply-scope{font-size:.76rem;color:var(--txt3);line-height:1.55}

/* Sticky nav sidebar */
.svc-nav-sticky{
  position:sticky;top:88px;
}
.svc-sidebar-links{
  background:var(--off);border:1px solid var(--line);
  padding:1.5rem;
}
.ssl-title{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
  margin-bottom:1rem;
}
.ssl-link{
  display:flex;align-items:center;gap:.6rem;
  padding:.6rem 0;border-bottom:1px solid var(--line);
  font-size:.82rem;font-weight:500;color:var(--txt2);
  transition:color .2s;text-decoration:none;
}
.ssl-link:last-child{border-bottom:none}
.ssl-link:hover{color:var(--gold)}
.ssl-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-brd);flex-shrink:0}

@media(max-width:1024px){
  .svc-section{grid-template-columns:1fr;gap:2rem}
  .svc-section.reverse{direction:ltr}
  .test-grid-2{grid-template-columns:1fr}
  .plant-grid{grid-template-columns:1fr 1fr}
  .comply-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .svc-specs{grid-template-columns:1fr}
  .plant-grid,.comply-grid{grid-template-columns:1fr 1fr}
}

/* ══════════════════════════════
   RND PAGE STYLES
══════════════════════════════ */

/* ── R&D PAGE SPECIFIC STYLES ── */

/* Big hero override */
.rnd-hero{
  background:var(--navy);
  padding:9rem 2.5rem 6rem;
  position:relative;overflow:hidden;
  min-height:80vh;
  display:flex;align-items:center;
}
.rnd-hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 55% 70% at 80% 40%, rgba(184,122,26,.12) 0%,transparent 60%),
    radial-gradient(ellipse 40% 55% at 15% 75%, rgba(255,255,255,.02) 0%,transparent 55%);
}
.rnd-hero-lines{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:60px 60px;
}
.rnd-hero-inner{
  max-width:1280px;margin:0 auto;width:100%;
  position:relative;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;
}
.rnd-hero-kicker{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--gold);
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--white);padding:.45rem 1rem;margin-bottom:1.5rem;
}
.rnd-hero h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(2.8rem,5vw,4.8rem);font-weight:700;
  color:var(--white);line-height:1.05;letter-spacing:-.03em;
  margin-bottom:1.5rem;
}
.rnd-hero h1 em{font-style:italic;color:var(--gold)}
.rnd-hero-desc{
  font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.5);
  margin-bottom:2.5rem;
}
.rnd-hero-pills{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2.5rem}
.rnd-pill{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  letter-spacing:.14em;text-transform:uppercase;
  padding:.35rem .85rem;border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.5);
}
.rnd-hero-right{
  display:flex;flex-direction:column;gap:1rem;
}
.rnd-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  padding:1.5rem 1.75rem;
  display:flex;align-items:flex-start;gap:1.25rem;
  transition:background .2s;
}
.rnd-card:hover{background:rgba(255,255,255,.06)}
.rnd-card-icon{
  width:40px;height:40px;
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.rnd-card-icon svg{width:18px;height:18px;color:var(--gold)}
.rnd-card-title{font-size:.88rem;font-weight:700;color:var(--white);margin-bottom:.25rem}
.rnd-card-desc{font-size:.77rem;line-height:1.6;color:rgba(255,255,255,.4)}
.rnd-card-badge{
  margin-left:auto;flex-shrink:0;
  font-family:'JetBrains Mono',monospace;font-size:.5rem;
  letter-spacing:.12em;text-transform:uppercase;
  padding:.25rem .65rem;border:1px solid rgba(212,150,42,.35);
  color:var(--gold2);
}

/* What's included */
.included-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3rem;
}
.inc-card{
  background:var(--white);border:1px solid var(--line);
  padding:2rem 1.75rem;position:relative;
  transition:all .3s;
}
.inc-card::after{
  content:'';position:absolute;top:0;left:0;right:0;
  height:3px;background:var(--gold);
}
.inc-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}
.inc-num{
  font-family:'Playfair Display',serif;
  font-size:3rem;font-weight:400;color:var(--gold-brd);
  line-height:1;margin-bottom:.75rem;
}
.inc-title{
  font-family:'Playfair Display',serif;font-size:1.1rem;
  font-weight:600;color:var(--navy);margin-bottom:.6rem;
}
.inc-desc{font-size:.82rem;line-height:1.7;color:var(--txt3);margin-bottom:1rem}
.inc-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.inc-tag{
  font-family:'JetBrains Mono',monospace;font-size:.48rem;
  letter-spacing:.1em;text-transform:uppercase;
  padding:.25rem .6rem;background:var(--gold-bg);
  border:1px solid var(--gold-brd);color:var(--gold);
}

/* Compare table */
.compare-wrap{overflow-x:auto;margin-top:3rem}
.compare-table{width:100%;border-collapse:collapse;min-width:600px}
.compare-table th{
  font-family:'JetBrains Mono',monospace;font-size:.57rem;
  letter-spacing:.14em;text-transform:uppercase;
  padding:1rem 1.25rem;text-align:left;
}
.compare-table th:nth-child(2){background:var(--navy);color:var(--gold)}
.compare-table th:nth-child(1){background:var(--off);color:var(--txt3)}
.compare-table th:nth-child(3){background:var(--off);color:var(--txt3)}
.compare-table td{
  padding:1rem 1.25rem;font-size:.84rem;
  border-bottom:1px solid var(--line);color:var(--txt2);
}
.compare-table td:nth-child(2){background:rgba(12,28,46,.03);font-weight:600;color:var(--navy)}
.compare-table tr:hover td{background:var(--off)}
.compare-table tr:hover td:nth-child(2){background:rgba(12,28,46,.07)}
.c-check{color:var(--gold);font-size:1rem;font-weight:700}
.c-cross{color:#ccc;font-size:1rem}
.c-text{font-family:'Manrope',sans-serif;font-size:.82rem;color:var(--navy);font-weight:600}

/* Process timeline */
.ptn-timeline{
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:1rem;margin-top:3rem;
  position:relative;
}
.ptn-timeline::before{
  content:'';position:absolute;
  top:28px;left:10%;right:10%;
  height:1px;background:var(--gold-brd);
}
.ptn-item{
  display:flex;flex-direction:column;
  align-items:center;text-align:center;
  padding:0 .5rem;position:relative;z-index:1;
}
.ptn-dot{
  width:56px;height:56px;
  border:2px solid var(--gold-brd);background:var(--white);
  display:flex;align-items:center;justify-content:center;
  font-family:'Playfair Display',serif;font-size:1.1rem;
  color:var(--gold);margin-bottom:.85rem;
  transition:all .25s;
}
.ptn-item:hover .ptn-dot{background:var(--navy);color:var(--white);border-color:var(--navy)}
.ptn-title{font-size:.78rem;font-weight:700;color:var(--navy);margin-bottom:.25rem}
.ptn-desc{font-size:.69rem;line-height:1.5;color:var(--txt3)}

/* Deliverables box */
.deliverable-row{
  display:flex;gap:3rem;
  padding:1.5rem 0;border-bottom:1px solid var(--line);
  align-items:flex-start;
}
.deliverable-row:last-child{border-bottom:none}
.del-label{
  font-family:'JetBrains Mono',monospace;font-size:.57rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);min-width:180px;flex-shrink:0;
  margin-top:2px;
}
.del-content{font-size:.85rem;line-height:1.75;color:var(--txt2)}

/* FAQ for RND page */
.rnd-faq .faq-item{border-color:rgba(255,255,255,.08)}
.rnd-faq .faq-q-text{color:rgba(255,255,255,.8)}
.rnd-faq .faq-arrow{color:var(--gold)}
.rnd-faq .faq-a{color:rgba(255,255,255,.45)}

/* Key numbers */
.key-numbers{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1.5rem;margin-top:3rem;
}
.kn-item{
  padding:2.5rem 2rem;text-align:center;
  border:1px solid var(--line);
  transition:all .3s;
}
.kn-item:hover{border-color:var(--gold-brd);background:var(--gold-bg)}
.kn-num{
  font-family:'Playfair Display',serif;
  font-size:3.5rem;font-weight:400;color:var(--gold);
  line-height:1;margin-bottom:.5rem;
}
.kn-label{font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:.25rem}
.kn-sub{font-size:.73rem;color:var(--txt3);line-height:1.5}

@media(max-width:1024px){
  .rnd-hero-inner{grid-template-columns:1fr;gap:2.5rem}
  .rnd-hero{padding:7.5rem 1.5rem 4rem}
  .included-grid{grid-template-columns:1fr 1fr}
  .ptn-timeline{grid-template-columns:1fr 1fr;gap:2rem}
  .ptn-timeline::before{display:none}
  .key-numbers{grid-template-columns:1fr}
}
@media(max-width:640px){
  .included-grid{grid-template-columns:1fr}
  .deliverable-row{flex-direction:column;gap:.5rem}
  .del-label{min-width:auto}
  .key-numbers{grid-template-columns:1fr 1fr}
}