/* Extracted from Solvanta Energy.dc.html. Source templates remain in solvanta/. */

*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:'Source Sans 3','Calibri',system-ui,sans-serif;color:#1b2a22;background:#ffffff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  input,textarea,button,select{font-family:inherit;font-size:inherit}
  ::selection{background:#C9952A;color:#020D06}
  @keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.16)}}
  @keyframes cf{0%{opacity:1}28.5%{opacity:1}33.4%{opacity:0}95.2%{opacity:0}100%{opacity:1}}
  @keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes scrolldot{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}
  @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes drawerIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  .proc-card:hover img{transform:scale(1.06)!important}
  .proc-card:hover > span{background:#C9952A!important;border-color:#C9952A!important;color:#020D06!important}
  .proc-card:focus-visible{outline:2px solid #C9952A;outline-offset:3px}
  .process-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
  @media (max-width:760px){
    .process-grid{display:flex!important;overflow-x:auto;gap:14px!important;scroll-snap-type:x mandatory;padding:2px 4vw 18px 0;margin-right:-4vw;-webkit-overflow-scrolling:touch}
    .proc-card{grid-column:auto!important;flex:0 0 min(82vw,360px);aspect-ratio:4/5!important;border-radius:6px!important;scroll-snap-align:start}
    .proc-card > span{top:14px!important;right:14px!important;width:44px!important;height:44px!important;background:rgba(2,13,6,.36)!important}
    .proc-card > div:last-child{left:20px!important;right:64px!important;bottom:22px!important}
    .proc-card > div:last-child > div:first-child{font-size:10px!important;letter-spacing:.18em!important}
    .proc-card > div:last-child > div:last-child{font-size:clamp(27px,8vw,34px)!important;line-height:1.05!important;overflow-wrap:normal}
  }
  @media (max-width:420px){
    .proc-card{flex-basis:86vw}
    .proc-card > div:last-child{left:18px!important;right:58px!important}
  }
  @media (max-width:560px){[data-drawer]{width:100vw!important}}
  [data-reveal]{animation:rise .9s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 4% cover 26%}
  [data-burger]{display:none!important}
  @media (max-width:940px){
    [data-desknav]{display:none!important}
    [data-burger]{display:inline-flex!important}
  }
  @media (max-width:760px){
    [data-aboutgrid]{grid-template-columns:1fr!important}
    [data-heroactions]{flex-direction:column!important;align-items:flex-start!important}
  }
  section[id]{scroll-margin-top:108px}
  .featured-product img{transition:transform 1.15s cubic-bezier(.22,.61,.36,1)}
  .featured-product:hover img{transform:scale(1.055)}
  .featured-product:hover [data-product-title]{color:#9c7422!important}
  .why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .why-card{min-width:0;min-height:276px;padding:clamp(26px,2.8vw,38px);border:1px solid #dce6df;border-radius:4px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .25s,box-shadow .25s,transform .25s}
  .why-card:hover{border-color:#c3d3c8;box-shadow:0 24px 54px -34px rgba(2,13,6,.42);transform:translateY(-3px)}
  .why-card svg{flex:none;margin-bottom:34px}
  .why-card h3{font-family:'Gelasio',serif;font-weight:600;font-size:clamp(23px,2.1vw,30px);line-height:1.08;color:#00472B;margin:0 0 14px}
  .why-card p{color:#2D4A3E;font-size:15.5px;line-height:1.72;margin:0;max-width:36rem}
  .why-card-feature{background:linear-gradient(135deg,#F4F8F5 0%,#fff 72%)}
  .why-card-stats{grid-column:1/-1;background:#00472B;border-color:#00472B;color:#fff;justify-content:center;gap:28px}
  .why-card-stats:hover{border-color:#00472B}
  .why-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  @media (max-width:980px){
    .why-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:2px 4vw 16px 0;margin-right:-4vw;-webkit-overflow-scrolling:touch}
    .why-card{flex:0 0 min(82vw,380px);min-height:330px;scroll-snap-align:start}
    .why-card-feature,.why-card-stats{grid-column:auto}
    .why-card-stats{flex-basis:min(88vw,440px);min-height:260px}
    .why-stat-row{grid-template-columns:1fr;gap:18px}
  }
  @media (max-width:560px){
    .why-card{padding:28px 24px;min-height:320px}
    .why-card svg{margin-bottom:28px}
    .why-card h3{font-size:27px}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important}
    .featured-product img,.proc-card img,.why-card{transition:none!important}
    [data-reveal]{opacity:1!important;transform:none!important}
  }