:root{
  --hyd-slate:#1a2426;
  --hyd-slate-2:#222f31;
  --hyd-slate-3:#2b393b;
  --hyd-buoy:#d4652f;
  --hyd-buoy-2:#e8813f;
  --hyd-ice:#e3ecee;
  --hyd-ice-dim:#a9bcc0;
  --hyd-line:rgba(227,236,238,.14);
  --hyd-rad:14px;
  --hyd-max:1140px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--hyd-slate);
  color:var(--hyd-ice);
  font-family:"Barlow",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:17px;
  line-height:1.65;
  font-weight:400;
}
h1,h2,h3,caption,.hyd-logo-txt,.hyd-n{
  font-family:"Alegreya","Times New Roman",Georgia,serif;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.1px;
}
h1{font-size:clamp(27px,4.4vw,45px);margin:0 0 18px}
h2{font-size:clamp(22px,3vw,32px);margin:0 0 16px}
h3{font-size:clamp(18px,2vw,21px);margin:0 0 8px;font-weight:500}
p{margin:0 0 14px}
a{color:var(--hyd-buoy-2)}

.hyd-top,main,.hyd-foot{max-width:var(--hyd-max);margin:0 auto;padding:0 20px}
.hyd-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding-top:16px;padding-bottom:16px;
}
.hyd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hyd-ice);min-height:44px}
.hyd-logo-txt{font-size:23px}
.hyd-logo-txt i{font-style:normal;color:var(--hyd-buoy);margin-left:6px;font-size:19px}

.hyd-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:14px 30px;border-radius:var(--hyd-rad);
  background:var(--hyd-buoy);color:#fff;text-decoration:none;
  font-weight:600;font-size:18px;letter-spacing:.2px;
  border-bottom:3px solid #a94c1f;
}
.hyd-cta:hover{background:var(--hyd-buoy-2)}
.hyd-cta-sm{min-height:44px;padding:9px 18px;font-size:15px}

section{
  padding:34px 0;
  border-top:1px solid var(--hyd-line);
}
.hyd-hero{border-top:0;padding-top:22px}
.hyd-eyebrow{
  text-transform:uppercase;letter-spacing:2.2px;font-size:12px;
  color:var(--hyd-buoy);margin:0 0 12px;font-weight:600;
}
.hyd-lead{font-size:19px;color:var(--hyd-ice-dim);max-width:820px}

.hyd-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.hyd-kpi-c{
  background:var(--hyd-slate-2);border-radius:var(--hyd-rad);
  padding:16px 14px;font-size:14px;color:var(--hyd-ice-dim);
  border-left:4px solid var(--hyd-buoy);
}
.hyd-kpi-c span{display:block;font-size:26px;color:var(--hyd-ice);font-weight:600;margin-bottom:2px}

.hyd-gauge{
  display:grid;grid-template-columns:repeat(5,1fr);
  background:var(--hyd-slate-2);border-radius:var(--hyd-rad);overflow:hidden;margin-bottom:26px;
}
.hyd-gauge>div{padding:15px 12px;border-right:1px solid var(--hyd-line);font-size:13px;color:var(--hyd-ice-dim)}
.hyd-gauge>div:last-child{border-right:0}
.hyd-n{display:block;font-size:21px;color:var(--hyd-buoy-2);margin-bottom:2px}

.hyd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.hyd-card{
  background:var(--hyd-slate-2);border-radius:var(--hyd-rad);
  padding:20px 18px;border-top:3px solid var(--hyd-buoy);
}
.hyd-card p{margin:0;color:var(--hyd-ice-dim);font-size:16px}
.hyd-num{position:relative}
.hyd-num::before{
  content:attr(data-n);position:absolute;top:12px;right:16px;
  font-family:"Alegreya",serif;font-size:34px;color:rgba(212,101,47,.28);
}

.hyd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.hyd-grid-l{grid-template-columns:repeat(4,1fr)}
.hyd-slot,.hyd-lvl,.hyd-rev{
  background:var(--hyd-slate-2);border-radius:var(--hyd-rad);padding:16px 16px;
  border:1px solid var(--hyd-line);
}
.hyd-slot p,.hyd-lvl p,.hyd-rev p{margin:0;font-size:15px;color:var(--hyd-ice-dim)}
.hyd-lvl h3{color:var(--hyd-buoy-2)}
.hyd-rev h3{font-size:17px}

.hyd-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}
.hyd-tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:16px}
.hyd-tbl caption{text-align:left;font-size:19px;padding-bottom:10px;color:var(--hyd-ice)}
.hyd-tbl th,.hyd-tbl td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--hyd-line)}
.hyd-tbl th{color:var(--hyd-buoy);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.8px}
.hyd-tbl td{color:var(--hyd-ice-dim)}
.hyd-tbl tbody tr:nth-child(odd){background:rgba(227,236,238,.04)}

.hyd-brand h3{margin-top:22px;color:var(--hyd-buoy-2)}

.hyd-final{
  background:var(--hyd-slate-3);border-radius:var(--hyd-rad);
  padding:30px 26px;margin:34px 0;border:1px solid var(--hyd-line);
}

.hyd-faq details{
  background:var(--hyd-slate-2);border-radius:var(--hyd-rad);
  margin-bottom:10px;border:1px solid var(--hyd-line);
}
.hyd-faq summary{
  cursor:pointer;padding:15px 18px;min-height:44px;
  font-weight:600;font-size:17px;list-style:none;
}
.hyd-faq summary::-webkit-details-marker{display:none}
.hyd-faq summary::after{content:"+";float:right;color:var(--hyd-buoy);font-size:22px;line-height:1}
.hyd-faq details[open] summary::after{content:"–"}
.hyd-faq details p{padding:0 18px 16px;margin:0;color:var(--hyd-ice-dim);font-size:16px}

.hyd-note{
  background:var(--hyd-slate-2);border-left:4px solid var(--hyd-buoy);
  border-radius:var(--hyd-rad);padding:18px 18px;margin-top:20px;
}
.hyd-note p{font-size:15px;color:var(--hyd-ice-dim);margin:0 0 10px}
.hyd-note p:last-child{margin:0}

.hyd-foot{padding-top:24px;padding-bottom:40px;border-top:1px solid var(--hyd-line);font-size:14px;color:var(--hyd-ice-dim)}
.hyd-foot p{margin:0 0 6px}
.hyd-foot-b{font-size:17px;color:var(--hyd-ice)}
.hyd-foot a{min-height:44px;display:inline-block}

@media(max-width:980px){
  .hyd-kpi{grid-template-columns:repeat(2,1fr)}
  .hyd-gauge{grid-template-columns:repeat(2,1fr)}
  .hyd-gauge>div{border-bottom:1px solid var(--hyd-line)}
  .hyd-grid,.hyd-grid-l{grid-template-columns:repeat(2,1fr)}
  .hyd-steps{grid-template-columns:1fr}
}
@media(max-width:620px){
  body{font-size:16px}
  .hyd-top,main,.hyd-foot{padding:0 15px}
  .hyd-kpi,.hyd-gauge,.hyd-grid,.hyd-grid-l,.hyd-steps{grid-template-columns:1fr}
  .hyd-lead{font-size:17px}
  .hyd-cta{width:100%;min-height:56px}
  .hyd-logo-txt{font-size:20px}
  section{padding:26px 0}
  .hyd-final{padding:22px 18px}
}