.zwpr2{
  --navy:#031a36;
  --navy2:#062a50;
  --blue:#075ea7;
  --green:#00bfae;
  --text:#18334f;
  --muted:#6d7e91;
  --line:#dce6ef;
  --soft:#f5f8fb;
  overflow:hidden;
  background:#fff;
  color:var(--text)
}

.zwpr2 *,
.zwpr2 *:before,
.zwpr2 *:after{box-sizing:border-box}

.zwpr2-shell{
  width:min(1240px,calc(100% - 48px));
  margin:auto
}

.zwpr2-eyebrow,
.zwpr2-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--blue);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  direction:ltr
}

.zwpr2-eyebrow{
  padding:8px 11px;
  margin-bottom:22px;
  border:1px solid rgba(0,191,174,.2);
  background:rgba(255,255,255,.8)
}

.zwpr2-eyebrow i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 5px rgba(0,191,174,.09)
}

.zwpr2-kicker{margin-bottom:17px}

.zwpr2-kicker:before{
  content:"";
  width:23px;
  height:2px;
  background:var(--green)
}

.zwpr2-btn{
  min-height:51px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--line);
  font-size:12px;
  font-weight:950;
  transition:.2s
}

.zwpr2-btn:hover{transform:translateY(-2px)}

.zwpr2-btn.primary{
  background:var(--green);
  border-color:var(--green);
  color:#03243e;
  box-shadow:0 15px 34px rgba(0,191,174,.21)
}

.zwpr2-btn.secondary{
  background:#fff;
  color:var(--navy)
}

.zwpr2-btn.dark{
  border-color:rgba(255,255,255,.15);
  background:rgba(255,255,255,.05);
  color:#fff
}

/* HERO */
.zwpr2-hero{
  position:relative;
  padding:88px 0 86px;
  background:
    radial-gradient(circle at 10% 5%,rgba(0,191,174,.13),transparent 30%),
    radial-gradient(circle at 94% 4%,rgba(7,94,167,.12),transparent 31%),
    linear-gradient(180deg,#fff,#f6fafc)
}

.zwpr2-hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.65;
  background-image:
    linear-gradient(rgba(3,26,54,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(3,26,54,.035) 1px,transparent 1px);
  background-size:70px 70px;
  mask-image:linear-gradient(#000,transparent 95%)
}

.zwpr2-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
  min-height:640px
}

.zwpr2-hero-copy{
  position:relative;
  z-index:2
}

.zwpr2-hero h1{
  margin:0;
  color:var(--navy);
  font-size:clamp(43px,4.45vw,65px);
  line-height:1.44;
  font-weight:950;
  letter-spacing:-1.4px
}

.zwpr2-hero h1 strong{
  display:block;
  color:var(--blue)
}

.zwpr2-lead{
  max-width:690px;
  margin:23px 0 0;
  color:#607287;
  font-size:15px;
  line-height:2.15
}

.zwpr2-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px
}

.zwpr2-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:28px
}

.zwpr2-proof span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#697b8e;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
  direction:ltr
}

.zwpr2-proof span:before{
  content:"";
  width:5px;
  height:5px;
  background:var(--green)
}

/* ESTIMATOR */
.zwpr2-estimator{
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid rgba(3,26,54,.13);
  background:#fff;
  box-shadow:0 42px 95px rgba(3,26,54,.17);
  direction:ltr
}

.zwpr2-estimator-head{
  height:57px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e3eaf0
}

.zwpr2-estimator-head>div{
  display:flex;
  align-items:center;
  gap:9px
}

.zwpr2-estimator-head>div span{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green),var(--blue));
  color:#fff;
  font-size:10px;
  font-weight:950
}

.zwpr2-estimator-head b{
  color:#203a55;
  font-size:8px;
  letter-spacing:.08em
}

.zwpr2-estimator-head small{
  color:#99a5b1;
  font-size:5px;
  font-weight:950
}

.zwpr2-estimator-body{
  padding:20px;
  background:
    linear-gradient(rgba(3,26,54,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(3,26,54,.025) 1px,transparent 1px),
    #fafcfd;
  background-size:43px 43px
}

.zwpr2-estimator-row{
  min-height:65px;
  padding:0 13px;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:15px;
  align-items:center;
  border:1px solid #e1e8ee;
  border-bottom:0;
  background:#fff
}

.zwpr2-estimator-row>div{
  display:flex;
  align-items:center;
  gap:9px
}

.zwpr2-estimator-row small{
  color:#00a795;
  font-size:6px;
  font-weight:950
}

.zwpr2-estimator-row span{
  color:#7f8e9e;
  font-size:6px;
  font-weight:950
}

.zwpr2-estimator-row>strong{
  color:#31485f;
  font-size:8px
}

.zwpr2-estimator-row>i{
  padding:5px 6px;
  background:#f0f4f7;
  color:#718396;
  font-size:5px;
  font-style:normal;
  font-weight:950
}

.zwpr2-estimator-result{
  padding:20px;
  border:1px solid rgba(0,191,174,.22);
  background:#effaf8;
  text-align:center
}

.zwpr2-estimator-result small{
  display:block;
  margin-bottom:8px;
  color:#008d80;
  font-size:5px;
  font-weight:950
}

.zwpr2-estimator-result strong{
  display:block;
  margin-bottom:6px;
  color:#18394f;
  font-size:13px
}

.zwpr2-estimator-result span{
  color:#718698;
  font-size:6px
}

/* HEADS */
.zwpr2-head{
  max-width:850px;
  margin:0 auto 50px;
  text-align:center
}

.zwpr2-head h2,
.zwpr2-two h2,
.zwpr2-scope-copy h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(35px,3.7vw,52px);
  line-height:1.55;
  font-weight:950;
  letter-spacing:-1px
}

.zwpr2-head p{
  max-width:690px;
  margin:17px auto 0;
  color:var(--muted);
  font-size:13px;
  line-height:2.05
}

.zwpr2-head.dark h2{color:#fff}
.zwpr2-head.dark p{color:#9fb3c4}
.zwpr2-head.dark .zwpr2-kicker{color:#5cddd0}

/* POSITIONING */
.zwpr2-positioning{
  padding:120px 0;
  background:#fff
}

.zwpr2-two{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:78px;
  align-items:center
}

.zwpr2-two p,
.zwpr2-scope-copy>p{
  margin:20px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:2.1
}

.zwpr2-comparison{
  padding:22px;
  border:1px solid var(--line);
  background:#f9fbfd;
  box-shadow:0 24px 60px rgba(3,26,54,.06);
  direction:ltr
}

.zwpr2-comp-head{
  display:flex;
  justify-content:space-between;
  margin-bottom:16px
}

.zwpr2-comp-head span{
  color:#8996a4;
  font-size:6px;
  font-weight:950
}

.zwpr2-comp-head b{
  color:#008d80;
  font-size:6px
}

.zwpr2-comp-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px
}

.zwpr2-comp-grid article{
  min-height:280px;
  padding:20px;
  border:1px solid #e0e7ed;
  background:#fff
}

.zwpr2-comp-grid article.complex{
  border-color:rgba(0,191,174,.26);
  background:#effaf8
}

.zwpr2-comp-grid small{
  color:#99a5b1;
  font-size:6px;
  font-weight:950
}

.zwpr2-comp-grid strong{
  display:block;
  margin:15px 0;
  color:var(--navy);
  font-size:24px
}

.zwpr2-comp-grid ul{
  min-height:130px;
  margin:0;
  padding:0;
  list-style:none
}

.zwpr2-comp-grid li{
  padding:6px 0;
  border-bottom:1px solid #edf1f4;
  color:#718295;
  font-size:7px
}

.zwpr2-comp-grid article>span{
  display:block;
  margin-top:15px;
  color:#00a795;
  font-size:6px;
  font-weight:950
}

/* MODELS */
.zwpr2-models{
  padding:120px 0;
  background:var(--soft)
}

.zwpr2-model-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px
}

.zwpr2-model-grid article{
  position:relative;
  min-height:520px;
  padding:27px;
  border:1px solid #dce5ed;
  background:#fff
}

.zwpr2-model-grid article.featured{
  border-color:rgba(0,191,174,.45);
  box-shadow:0 26px 70px rgba(3,26,54,.08)
}

.zwpr2-featured-label{
  position:absolute;
  top:-1px;
  left:25px;
  padding:7px 9px;
  background:var(--green);
  color:#03243e;
  font-size:5px;
  font-weight:950;
  letter-spacing:.08em
}

.zwpr2-model-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:50px
}

.zwpr2-model-top span{
  color:#00a795;
  font-size:9px;
  font-weight:950
}

.zwpr2-model-top b{
  color:#96a1ad;
  font-size:7px;
  letter-spacing:.1em
}

.zwpr2-model-grid h3{
  margin:0 0 12px;
  color:var(--navy);
  font-size:22px
}

.zwpr2-model-grid p{
  min-height:90px;
  margin:0 0 20px;
  color:#718196;
  font-size:10px;
  line-height:2
}

.zwpr2-model-grid ul{
  margin:0;
  padding:0;
  list-style:none
}

.zwpr2-model-grid li{
  padding:10px 0;
  border-bottom:1px solid #edf1f4;
  color:#62768a;
  font-size:9px
}

.zwpr2-model-grid li:before{
  content:"";
  width:5px;
  height:5px;
  display:inline-block;
  margin-left:8px;
  background:var(--green)
}

.zwpr2-model-grid footer{
  position:absolute;
  right:27px;
  left:27px;
  bottom:27px;
  padding-top:16px;
  border-top:1px solid var(--line)
}

.zwpr2-model-grid footer small{
  display:block;
  margin-bottom:4px;
  color:#9aa5b0;
  font-size:5px;
  font-weight:950
}

.zwpr2-model-grid footer strong{
  color:#325069;
  font-size:9px;
  direction:ltr
}

/* DRIVERS */
.zwpr2-drivers{
  padding:120px 0;
  background:
    radial-gradient(circle at 12% 0%,rgba(0,191,174,.13),transparent 29%),
    linear-gradient(145deg,#03182f,#062a50)
}

.zwpr2-driver-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.12);
  border-right:1px solid rgba(255,255,255,.12)
}

.zwpr2-driver-grid article{
  min-height:255px;
  padding:24px;
  border-left:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12)
}

.zwpr2-driver-grid article>span{
  display:block;
  margin-bottom:37px;
  color:#5cddd0;
  font-size:8px;
  font-weight:950
}

.zwpr2-driver-grid small{
  display:block;
  margin-bottom:8px;
  color:#6ddbd0;
  font-size:6px;
  font-weight:950
}

.zwpr2-driver-grid h3{
  margin:0 0 11px;
  color:#fff;
  font-size:17px
}

.zwpr2-driver-grid p{
  margin:0;
  color:#91a7b9;
  font-size:9px;
  line-height:2
}

/* SCOPE */
.zwpr2-scope{
  padding:124px 0;
  background:#fff
}

.zwpr2-scope-grid{
  display:grid;
  grid-template-columns:.84fr 1.16fr;
  gap:78px;
  align-items:center
}

.zwpr2-scope-list{
  margin-top:30px;
  border-top:1px solid var(--line)
}

.zwpr2-scope-list article{
  min-height:69px;
  display:grid;
  grid-template-columns:35px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid var(--line)
}

.zwpr2-scope-list article>b{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  background:#eaf9f7;
  color:#008c80;
  font-size:7px
}

.zwpr2-scope-list strong{
  display:block;
  margin-bottom:3px;
  color:#294159;
  font-size:9px;
  direction:ltr
}

.zwpr2-scope-list span{
  color:#77879a;
  font-size:9px
}

.zwpr2-scope-console{
  border:1px solid var(--line);
  background:#f9fbfd;
  box-shadow:0 27px 67px rgba(3,26,54,.08);
  direction:ltr
}

.zwpr2-scope-head{
  height:58px;
  padding:0 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e3eaf0;
  background:#fff
}

.zwpr2-scope-head span{
  color:#344b62;
  font-size:8px;
  font-weight:950
}

.zwpr2-scope-head b{
  padding:5px 7px;
  background:#f0f4f7;
  color:#748497;
  font-size:6px
}

.zwpr2-scope-section{
  margin:0 18px;
  min-height:68px;
  padding:0 10px;
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:15px;
  align-items:center;
  border-bottom:1px solid #e7edf1
}

.zwpr2-scope-section small{
  color:#8e9aa7;
  font-size:5px;
  font-weight:950
}

.zwpr2-scope-section strong{
  color:#3b5269;
  font-size:8px
}

.zwpr2-scope-section span{
  color:#00a795;
  font-size:6px
}

.zwpr2-scope-ready{
  margin:18px;
  padding:16px;
  border-left:2px solid var(--green);
  background:#effaf8
}

.zwpr2-scope-ready small{
  display:block;
  margin-bottom:5px;
  color:#00a795;
  font-size:5px;
  font-weight:950
}

.zwpr2-scope-ready strong{
  color:#29435a;
  font-size:9px
}

/* COMMERCIAL */
.zwpr2-commercial{
  padding:120px 0;
  background:var(--soft)
}

.zwpr2-commercial-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--line);
  border-right:1px solid var(--line)
}

.zwpr2-commercial-grid article{
  min-height:280px;
  padding:23px;
  border-left:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff
}

.zwpr2-commercial-grid article>span{
  display:block;
  margin-bottom:42px;
  color:#00a795;
  font-size:8px;
  font-weight:950
}

.zwpr2-commercial-grid article>b{
  display:block;
  margin-bottom:9px;
  color:#96a1ad;
  font-size:6px;
  letter-spacing:.08em
}

.zwpr2-commercial-grid h3{
  margin:0 0 10px;
  color:var(--navy);
  font-size:16px
}

.zwpr2-commercial-grid p{
  margin:0;
  color:#748498;
  font-size:9px;
  line-height:2
}

/* PHASE */
.zwpr2-phased{
  padding:120px 0;
  background:#031a36
}

.zwpr2-phase-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:8px;
  align-items:center;
  direction:ltr
}

.zwpr2-phase-flow article{
  min-height:215px;
  padding:22px;
  border:1px solid rgba(255,255,255,.12)
}

.zwpr2-phase-flow>i{
  color:#49718e;
  font-style:normal
}

.zwpr2-phase-flow article>span{
  display:block;
  margin-bottom:37px;
  color:#5cddd0;
  font-size:7px;
  font-weight:950
}

.zwpr2-phase-flow small{
  display:block;
  margin-bottom:8px;
  color:#6ddbd0;
  font-size:6px;
  font-weight:950
}

.zwpr2-phase-flow strong{
  display:block;
  margin-bottom:10px;
  color:#fff;
  font-size:14px;
  direction:rtl;
  text-align:left
}

.zwpr2-phase-flow p{
  margin:0;
  color:#91a7b9;
  font-size:9px;
  line-height:2;
  direction:rtl;
  text-align:left
}

/* FAQ */
.zwpr2-faq{
  padding:120px 0;
  background:#f7f9fb
}

.zwpr2-faq-list{
  width:min(920px,100%);
  margin:auto;
  border-top:1px solid var(--line)
}

.zwpr2-faq-list details{
  border-bottom:1px solid var(--line)
}

.zwpr2-faq-list summary{
  min-height:80px;
  padding:20px 54px 20px 0;
  position:relative;
  display:flex;
  align-items:center;
  cursor:pointer;
  list-style:none;
  color:#19334f;
  font-size:13px;
  line-height:1.9;
  font-weight:950
}

.zwpr2-faq-list summary::-webkit-details-marker{
  display:none
}

.zwpr2-faq-list summary:before,
.zwpr2-faq-list summary:after{
  content:"";
  position:absolute;
  right:8px;
  top:50%;
  width:17px;
  height:2px;
  background:#00a795;
  transform:translateY(-50%);
  transition:.2s
}

.zwpr2-faq-list summary:after{
  transform:translateY(-50%) rotate(90deg)
}

.zwpr2-faq-list details[open] summary:after{
  transform:translateY(-50%) rotate(0)
}

.zwpr2-faq-list p{
  margin:0;
  padding:0 54px 25px 0;
  color:#708095;
  font-size:11px;
  line-height:2.1
}

/* FINAL */
.zwpr2-final{
  padding:0 0 92px;
  background:#f7f9fb
}

.zwpr2-final-box{
  min-height:365px;
  padding:58px 62px;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr auto;
  gap:60px;
  align-items:center;
  background:
    radial-gradient(circle at 84% 5%,rgba(0,191,174,.19),transparent 31%),
    linear-gradient(145deg,#062a50,#03182f)
}

.zwpr2-final-box:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.3;
  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:56px 56px
}

.zwpr2-final-box>*{
  position:relative;
  z-index:2
}

.zwpr2-final .zwpr2-kicker{
  color:#5ddcd0
}

.zwpr2-final h2{
  max-width:720px;
  margin:0;
  color:#fff;
  font-size:clamp(34px,4vw,53px);
  line-height:1.5;
  font-weight:950
}

.zwpr2-final p{
  max-width:670px;
  margin:17px 0 0;
  color:#9fb4c6;
  font-size:12px;
  line-height:2
}

.zwpr2-final-actions{
  min-width:220px;
  display:grid;
  gap:9px
}

/* RESPONSIVE */
@media(max-width:1080px){

  .zwpr2-hero-grid,
  .zwpr2-two,
  .zwpr2-scope-grid{
    grid-template-columns:1fr
  }

  .zwpr2-estimator,
  .zwpr2-comparison,
  .zwpr2-scope-console{
    width:min(820px,100%);
    margin:auto
  }

  .zwpr2-commercial-grid{
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:820px){

  .zwpr2-model-grid,
  .zwpr2-driver-grid{
    grid-template-columns:1fr
  }

  .zwpr2-phase-flow{
    grid-template-columns:1fr
  }

  .zwpr2-phase-flow>i{
    display:none
  }

  .zwpr2-final-box{
    grid-template-columns:1fr
  }
}

@media(max-width:640px){

  .zwpr2-shell{
    width:min(100% - 28px,1240px)
  }

  .zwpr2-hero{
    padding:55px 0
  }

  .zwpr2-hero-grid{
    min-height:0;
    gap:40px
  }

  .zwpr2-hero h1{
    font-size:34px;
    letter-spacing:-.7px
  }

  .zwpr2-actions{
    display:grid
  }

  .zwpr2-btn{
    width:100%
  }

  .zwpr2-positioning,
  .zwpr2-models,
  .zwpr2-drivers,
  .zwpr2-scope,
  .zwpr2-commercial,
  .zwpr2-phased,
  .zwpr2-faq{
    padding:80px 0
  }

  .zwpr2-comp-grid,
  .zwpr2-commercial-grid{
    grid-template-columns:1fr
  }

  .zwpr2-estimator-row,
  .zwpr2-scope-section{
    grid-template-columns:1fr;
    padding:13px
  }

  .zwpr2-model-grid article{
    min-height:0
  }

  .zwpr2-model-grid footer{
    position:static;
    margin-top:25px
  }

  .zwpr2-final{
    padding-bottom:45px
  }

  .zwpr2-final-box{
    min-height:0;
    padding:40px 22px
  }

  .zwpr2-final-actions{
    min-width:0
  }
}

@media(prefers-reduced-motion:reduce){
  .zwpr2-btn,
  .zwpr2-faq-list summary:after{
    transition:none
  }
}