
.wf-company{
  --navy:#0B1F3A;
  --blue:#1746A2;
  --blue2:#123A73;
  --green:#59C986;
  --text:#344054;
  --muted:#667085;
  --line:#E4E7EC;
  --soft:#F5F7FA;
  --soft2:#F8FAFC;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--text);
}

.wf-company *{box-sizing:border-box;}

.wf-wrap{
  width:min(1180px,92%);
  margin:0 auto;
}

.wf-section{
  padding:76px 0;
}

.wf-soft{background:var(--soft);}
.wf-soft2{background:var(--soft2);}

.wf-eyebrow{
  color:var(--blue);
  font-size:13px;
  font-weight:700;
  letter-spacing:1.5px;
  margin-bottom:14px;
  text-transform:uppercase;
}

.wf-title{
  margin:0 0 18px;
  color:var(--navy);
  font-size:36px;
  line-height:1.2;
  font-weight:700;
}

.wf-title-center{text-align:center;}

.wf-subtitle{
  max-width:820px;
  margin:0 auto 44px;
  text-align:center;
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
}

.wf-text{
  font-size:15px;
  line-height:1.9;
  margin:0 0 18px;
}

.wf-list{
  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.wf-list li{
  position:relative;
  padding:8px 0 8px 24px;
  font-size:15px;
  line-height:1.6;
}

.wf-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:17px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
}

.wf-hero{
  padding:86px 0 80px;
  background:linear-gradient(135deg,#F7F9FC 0%,#FFFFFF 62%);
}

.wf-hero-grid,
.wf-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}

.wf-hero h1{
  color:var(--navy);
  font-size:46px;
  line-height:1.15;
  margin:0 0 22px;
}

.wf-hero-lead{
  font-size:18px;
  line-height:1.8;
  margin-bottom:18px;
}

.wf-image-placeholder{
  min-height:360px;
  border:1px dashed #B8C2D1;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
  color:#667085;
  font-size:15px;
  line-height:1.8;
}

.wf-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.wf-stat{
  text-align:center;
  padding:42px 18px;
}

.wf-stat:not(:last-child){
  border-right:1px solid var(--line);
}

.wf-stat-num{
  font-size:56px;
  font-weight:700;
  color:var(--blue2);
  line-height:1;
  margin-bottom:12px;
}

.wf-stat-num span{color:var(--green);}

.wf-stat-label{
  font-size:18px;
  color:var(--text);
}

.wf-grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.wf-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  padding:30px;
}

.wf-card h3{
  margin:0 0 12px;
  color:var(--navy);
  font-size:18px;
}

.wf-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
}

.wf-process{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:12px;
  margin-top:40px;
}

.wf-step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:7px;
  padding:24px 14px;
  text-align:center;
}

.wf-step-no{
  width:30px;
  height:30px;
  line-height:30px;
  margin:0 auto 13px;
  border-radius:50%;
  background:#EEF4FC;
  color:var(--blue);
  font-size:12px;
  font-weight:700;
}

.wf-step b{
  display:block;
  color:var(--navy);
  font-size:14px;
  margin-bottom:8px;
}

.wf-step small{
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

.wf-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--line);
}

.wf-table th,
.wf-table td{
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
}

.wf-table th{
  background:#F8FAFC;
  color:var(--navy);
  font-size:14px;
}

.wf-table td{
  font-size:14px;
  line-height:1.65;
}

.wf-market-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.wf-market{
  background:#fff;
  border:1px solid var(--line);
  border-radius:7px;
  padding:24px;
}

.wf-market h3{
  color:var(--navy);
  font-size:17px;
  margin:0 0 9px;
}

.wf-market p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}

.wf-cta{
  background:var(--navy);
  padding:72px 0;
  text-align:center;
}

.wf-cta h2{
  color:#fff;
  font-size:36px;
  margin:0 0 14px;
}

.wf-cta p{
  max-width:720px;
  margin:0 auto 28px;
  color:#D0D5DD;
  font-size:16px;
  line-height:1.8;
}

.wf-btn{
  display:inline-block;
  padding:13px 24px;
  background:#fff;
  color:var(--navy)!important;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  border-radius:4px;
}

@media(max-width:900px){
  .wf-section{padding:54px 0;}
  .wf-title{font-size:26px;}
  .wf-subtitle{font-size:14px;}
  .wf-hero-grid,.wf-split{grid-template-columns:1fr;gap:34px;}
  .wf-hero h1{font-size:34px;}
  .wf-stats{grid-template-columns:1fr;}
  .wf-stat:not(:last-child){
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .wf-stat-num{font-size:44px;}
  .wf-grid-3,.wf-market-grid{grid-template-columns:1fr;}
  .wf-process{grid-template-columns:repeat(2,1fr);}
  .wf-table{display:block;overflow-x:auto;}
  .wf-cta h2{font-size:28px;}
}
