:root{
  --navy:#00174F;
  --red:#C81230;
  --blue:#368CE1;
  --yellow:#FDBC1B;
  --green:#07AE5B;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  width:100%;
  height:100vh;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,23,79,.68),rgba(0,23,79,.38)),
    url('../saari_assets/solar-bg.jpg') center/cover no-repeat #000;
  font-family:"filson-pro", Arial, Helvetica, sans-serif;
  font-weight:400;
  font-style:normal;
}

.ad{
  width:1080px;
  height:1080px;
  position:relative;
  overflow:hidden;
  color:white;
  background:none;
}

.updated{
  position:absolute;
  right:60px;
  top:44px;
  font-size:22px;
  line-height:1.2;
  opacity:.84;
  font-weight:300;
  letter-spacing:.04em;
}

h1{
  position:absolute;
  left:60px;
  top:90px;
  margin:0;
  width:820px;
  font-family:"filson-pro", Arial, Helvetica, sans-serif;
  font-weight:900;
  font-style:normal;
  font-size:62px;
  line-height:1.1;
  letter-spacing:-1px;
}

.intro{
  position:absolute;
  left:60px;
  top:390px;
  font-size:26px;
  line-height:1.25;
  opacity:.92;
  font-weight:400;
}

.panel{
  position:absolute;
  left:50px;
  top:465px;
  width:980px;
  border-radius:32px;
  background:rgba(0,23,79,.87);
  padding:26px 44px 22px;
}

.stripes span{
  display:inline-block;
  width:36px;
  height:8px;
  border-radius:8px;
  margin-right:12px;
}

.label{
  margin-top:18px;
  font-size:20px;
  font-weight:400;
  letter-spacing:.14em;
  opacity:.82;
  text-transform:uppercase;
}

.main{
  margin-top:10px;
  display:flex;
  align-items:flex-end;
  gap:12px;
}

.main strong{
  font-size:62px;
  line-height:.92;
  font-weight:900;
}

.main span{
  font-size:22px;
  margin-bottom:6px;
  opacity:.9;
  font-weight:400;
}

.power{
  position:absolute;
  right:44px;
  top:74px;
  width:210px;
  height:88px;
  border-radius:22px;
  background:var(--blue);
  padding:14px 22px;
}

.power b{
  display:block;
  font-size:20px;
  letter-spacing:.12em;
  font-weight:400;
}

.power strong{
  display:block;
  font-size:32px;
  margin-top:3px;
  font-weight:900;
}

.rows{margin-top:14px}

.row{
  border-top:2px solid rgba(255,255,255,.28);
  padding:13px 0 11px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.row .name{
  font-size:20px;
  font-weight:300;
  letter-spacing:.14em;
  opacity:.78;
  text-transform:uppercase;
}

.row .value{
  font-size:34px;
  font-weight:900;
  white-space:nowrap;
}

.claim{
  position:absolute;
  left:0;
  right:0;
  bottom:46px;
  text-align:center;
  font-size:26px;
  line-height:1.2;
  font-weight:900;
}