body{background:#C8D0D8;}
.infographic{
  width:100%;
 padding-top:150px;
  background:#FAF8F2;
  
  position:relative;
  overflow:hidden;
 padding-bottom: 60px;
}

:root{
  --navy:#082A4E;
  --ink:#041B33;
  --teal:#1EAE8F;
  --deep-teal:#0E7A68;
  --mint:#E8F7F3;
  --paper:#FAF8F2;
  --border:#D7E4E8;
  --coral:#F26A4F;
}


/* ── HERO ── */
.hero{
  display:grid;
  grid-template-columns:1fr 400px;
  gap:64px;
  align-items:center;
   padding-bottom:50px;
}
.hero-eyebrow{
  
  font-size:12px;
  color:var(--teal);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:24px;
  display:flex;
  align-items:center;
  gap:12px;
}
.hero-eyebrow::before{
  content:'';display:block;width:36px;height:1.5px;background:var(--teal);
}
.hero-title{
font-size: 67px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--ink);
  margin-bottom: 32px;
  letter-spacing: -2.5px;
}
.hero-title .accent{color:var(--teal);}
.hero-desc{
font-weight:400;color:#3A5A72;line-height:1.7;
  margin-bottom:32px;max-width:580px;
}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;}
.chip{
  font-size:11px;font-weight:400;
  color:var(--deep-teal);background:var(--mint);border:1px solid #B2DED7;
  padding:2px 14px;letter-spacing:0.3px;border-radius: 9999px;
}
.cta-btn{
display: inline-flex;
  align-items: center;
  gap: 12px;
  background: var(--teal);
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 17px 34px;
  text-decoration: none;
  border-radius: 50px;
}
.cta-btn:hover{
	background: #122237;
}
.cta-icon{width:20px;height:20px;flex-shrink:0;}


.score-panel{
  border:1.5px solid var(--border);border-radius:2px;overflow:hidden;
}
.score-panel-header{
  background:var(--mint);padding:14px 20px;border-bottom:1.5px solid var(--border);
  display:flex;align-items:center;gap:10px;
}
.score-panel-title{
  font-size:11px;color:var(--deep-teal);
  letter-spacing:2px;text-transform:uppercase;font-weight:500;
}
.score-row{
  display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);gap:16px;background:#fff;
}
.score-row:last-child{border-bottom:none;}
.score-num{
  font-size:15px;font-weight:500;
  color:var(--ink);min-width:64px;
}
.score-bar{flex:1;height:5px;background:var(--border);border-radius:1px;overflow:hidden;}
.score-bar-fill{height:100%;border-radius:1px;}
.score-tag{font-size:12px;font-weight:600;min-width:118px;text-align:right;}

.pre-section{
  margin:0 80px;padding:20px 0;
  border-top:1.5px solid var(--border);border-bottom:1.5px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;
}
.pre-section-label{
  font-size:11px;color:#5A7A8A;letter-spacing:2px;text-transform:uppercase;
}
.pre-section-count{
  font-size:11px;color:var(--teal);letter-spacing:2px;
}


.modules-grid{
  padding:24px 0px 0;
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
.module{
  border:1.5px solid var(--border);border-radius:2px;padding:32px 32px 28px;
  display:flex;flex-direction:column;background:#FFFFFF;position:relative;overflow:hidden;
}
.module-topline{position:absolute;top:0;left:0;right:0;height:3px;background:#F26A4F;}
.module-header{
  display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0px;gap:16px;
}
.module-meta{flex:1;}
.module-number{
  font-size:11px;font-weight:500;color:var(--teal);
  letter-spacing:2px;margin-bottom:8px;text-transform:uppercase;
}
.module-title{
  font-size:25px;font-weight:700;
  color:var(--ink);line-height:1.1;margin-bottom:8px;
}
.module-outcome{
  font-size:12px;font-weight:500;color:var(--deep-teal);
  text-transform:uppercase;letter-spacing:0.8px;
}
.module-icon{flex-shrink:0;width:64px;height:64px;}
.module-divider{height:1px;background:var(--border);margin:20px 0;}
.module .checklist{display:flex;flex-direction:column;gap:13px;}
.check-row{display:flex;align-items:center;gap:14px;}
.check-box{
  width:20px;height:20px;border:1.5px solid var(--border);border-radius:2px;
  flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#FAF8F2;
}
.check-mark{width:10px;height:8px;}
.check-text{font-weight:400;color:var(--navy);line-height:1.4;}



.intro-panel{
  border:1.5px solid var(--border);
  border-radius:2px;
  background:#FFFFFF;
  padding:28px 32px;
  position:relative;
  overflow:hidden;
  text-align: center;
}
.intro-panel::before,
.content-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:var(--teal);
}
.section-kicker{
  
  font-size:11px;
  color:var(--teal);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:12px;
  font-weight:500;
}
.intro-panel p,
.content-copy,
.faq-answer{

  line-height:1.7;
  color:#3A5A72;
}
.intro-list,
.clean-list,
.keyword-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.intro-list li,
.clean-list li,
.keyword-list li{
  position:relative;
  padding-left:22px;
  font-size:14px;
  line-height:1.55;
  color:var(--navy);
}
.intro-list li::before,
.clean-list li::before,
.keyword-list li::before{
  content:'';
  width:7px;height:7px;
  border-radius:50%;
  background:var(--teal);
  position:absolute;
  left:0;top:8px;
}
.content-sections{
  padding:48px 0px 0;
  display:flex;
  flex-direction:column;
  gap:24px;
}
.content-card{
  border:1.5px solid var(--border);
  border-radius:2px;
  background:#FFFFFF;
  padding:32px;
  position:relative;
  overflow:hidden;
}
.content-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:22px;
}
.content-title{
  
  font-size:34px;
  font-weight:700;
  line-height:1.1;
  color:var(--ink);
  margin:0;
  letter-spacing:-0.6px;
}
.content-tag{
  
  font-size:10px;
  color:var(--deep-teal);
  background:var(--mint);
  border:1px solid #B2DED7;
  padding:6px 10px;
  text-transform:uppercase;
  letter-spacing:1px;
  white-space:nowrap;
}
.step-grid,
.coverage-grid,
.keyword-grid,
.faq-grid{
  display:grid;
  gap:14px;
}
.step-grid{grid-template-columns:repeat(3,1fr);counter-reset:steps;}
.coverage-grid{grid-template-columns:repeat(2,1fr);}
.keyword-grid{grid-template-columns:1.1fr 1.4fr 1.4fr 1.1fr;}
.faq-grid{grid-template-columns:1fr 1fr;}
.step-item,
.coverage-item,
.keyword-card,
.faq-item,
.priority-item{
  border:1px solid var(--border);
background: #FAF8F245;
  border-radius:2px;
  padding:18px 18px 16px;border-radius: 12px;
}
.step-item{position:relative;padding-top:48px;}
.step-item::before{
  counter-increment:steps;
  content:counter(steps, decimal-leading-zero);
  position:absolute;
  top:16px;left:18px;
  
  font-size:12px;
  font-weight:500;
  color:var(--teal);
  letter-spacing:1.5px;
}
.step-item strong,
.coverage-item strong,
.priority-item strong,
.keyword-card h3,
.faq-question{
  display:block;
 
  color:var(--ink);
  margin-bottom:7px;
  font-weight:600;
}
.step-item span,
.coverage-item span,
.priority-item span{
  display:block;

  color:#3A5A72;
}
.priority-list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.priority-item{
  display:grid;
  grid-template-columns:160px 1fr;
  gap:18px;
  align-items:start;
}
.priority-label{
  
  font-size:11px;
  color:var(--deep-teal);
  background:var(--mint);
  border:1px solid #B2DED7;
  padding:7px 10px;
  text-transform:uppercase;
  letter-spacing:1px;
  text-align:center;
}
.keyword-card h3{
  
  font-size:11px;
  color:var(--deep-teal);
  text-transform:uppercase;
  letter-spacing:1.4px;
}
.faq-question{
  
  font-size:21px;
  line-height:1.2;
}
.link-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.text-link-pill{
  
  font-size:11px;
  color:var(--deep-teal);
  background:var(--mint);
  border:1px solid #B2DED7;
  padding:8px 12px;
  text-decoration:none;
  letter-spacing:0.3px;
}
.note-box{
  background:var(--mint);
  border:1px solid #B2DED7;
  border-left:3px solid var(--teal);
  padding:16px 18px;
  margin-top:18px;
  color:var(--navy);
  font-size:14px;
  line-height:1.6;
}

@media (max-width:1024px){
	.infographic{
		padding-top: 40px;
	}
  .hero{padding:44px 0px 36px;grid-template-columns:1fr;gap:32px;}
  .hero-title{font-size:62px;letter-spacing:-1.5px;}
  .hero-title .num{font-size:72px;}
  .intro-panel,.pre-section{margin-left:32px;margin-right:32px;}
  .intro-panel{grid-template-columns:1fr;}
  .modules-grid,.content-sections{padding-left:32px;padding-right:32px;}
  .modules-grid{grid-template-columns:1fr;}
  .step-grid,.coverage-grid,.keyword-grid,.faq-grid{grid-template-columns:1fr;}
  .priority-item{grid-template-columns:1fr;gap:10px;}
  .footer{grid-template-columns:1fr;text-align:center;padding:42px 32px;}
  .footer-links{flex-direction:column;gap:14px;}
  .footer-trust{max-width:none;text-align:center;border-left:none;border-top:2px solid #1A3D5C;padding-left:0;padding-top:16px;}
}
@media (max-width:600px){
  .header{padding:24px 20px 0;}
  .header-topbar{align-items:flex-start;gap:18px;flex-direction:column;}
  .hero{padding:36px 20px 28px;}
  .hero-title{font-size:44px;line-height:1.02;letter-spacing:-1px;}
  .hero-title .num{font-size:52px;}
  .hero-desc{font-size:15px;}
  .score-row{align-items:flex-start;flex-direction:column;gap:8px;}
  .score-bar{width:100%;}
  .score-tag{text-align:left;}
  .intro-panel,.pre-section{margin-left:20px;margin-right:20px;}
  .pre-section{align-items:flex-start;flex-direction:column;gap:8px;}
  .modules-grid,.content-sections{padding-left:20px;padding-right:20px;}
  .module,.content-card,.intro-panel{padding:24px 20px;}
  .module-header{flex-direction:column;}
  .content-header{flex-direction:column;gap:12px;}
  .content-title{font-size:28px;}
  .cta-btn,.footer-cta{width:100%;justify-content:center;text-align:center;}
}

.module-topline.orange{
	background: #E89F3A;
}

.module-topline.green{
	background: #14B8A6;
}

.module-topline.drk-green{
	background: #0E7A68;
}


.audit-coverage-v2{
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#FFFFFF;
  border:1.5px solid var(--border);
  position:relative;
}

.audit-coverage-v2::before{
  display:none;
}

.audit-coverage-v2-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:start;
  padding:34px 36px 0px;
  position:relative;
}



.audit-coverage-v2-kicker{
  
  font-size:11px;
  color:var(--deep-teal);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:12px;
  font-weight:500;
}

.audit-coverage-v2-title{
 
  font-size:34px;
  line-height:1.12;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-0.9px;
  margin:0;
}

.audit-coverage-v2-lead{
  max-width:760px;
  margin-top:12px;

  color:#3A5A72;
}

.audit-coverage-v2-tag{
  
  font-size:11px;
  line-height:1;
  color:var(--deep-teal);
  background:#FFFFFF;
  border:1px solid #B2DED7;
  border-radius:999px;
  padding:10px 14px;
  text-transform:uppercase;
  letter-spacing:1.2px;
  white-space:nowrap;
}

.audit-coverage-v2-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0;
  padding:10px 0;
}

.audit-coverage-v2-item{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:16px;
  align-items:start;
  padding:24px 28px;
  border-bottom:1px solid var(--border);
  position:relative;
  background:#FFFFFF;
}

.audit-coverage-v2-item:nth-child(odd){
  border-right:1px solid var(--border);
}

.audit-coverage-v2-item:nth-last-child(1),
.audit-coverage-v2-item:nth-last-child(2){
  border-bottom:0;
}

.audit-coverage-v2-item::after{
  content:'';
  position:absolute;
  left:0;
  top:20px;
  bottom:20px;
  width:3px;
  background:transparent;
  border-radius:0 999px 999px 0;
  transition:background 0.2s ease;
}

.audit-coverage-v2-item:hover::after{
  background:var(--teal);
}

.audit-coverage-v2-icon{
  width:58px;
  height:58px;
  border-radius:16px;
  background:var(--mint);
  color:var(--deep-teal);
  border:1px solid #B2DED7;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.audit-coverage-v2-icon svg{
  width:32px;
  height:32px;
}

.audit-coverage-v2-copy strong{
display: block;
  font-size: 22px;
  line-height: 1.25;
  color: var(--ink);
  margin-bottom: 7px;
  font-weight: 500;
}

.audit-coverage-v2-copy span{
  display:block;

  line-height:1.58;
  color:#3A5A72;
}


@media (max-width:1024px){
  .audit-coverage-v2-head{
    grid-template-columns:1fr;
    gap:16px;
    padding:30px 28px 26px;
  }

  .audit-coverage-v2-head::before{
    left:28px;
    right:28px;
  }

  .audit-coverage-v2-title{
    font-size:30px;
  }

  .audit-coverage-v2-tag{
    justify-self:start;
  }

  .audit-coverage-v2-grid{
    grid-template-columns:1fr;
  }

  .audit-coverage-v2-item:nth-child(odd){
    border-right:0;
  }

  .audit-coverage-v2-item:nth-last-child(2){
    border-bottom:1px solid var(--border);
  }
}

@media (max-width:600px){
  .audit-coverage-v2{
    border-radius:12px;
  }

  .audit-coverage-v2-head{
    padding:26px 20px 22px;
  }

  .audit-coverage-v2-head::before{
    left:20px;
    right:20px;
  }

  .audit-coverage-v2-title{
    font-size:25px;
    line-height:1.18;
  }

  .audit-coverage-v2-lead{
    font-size:14px;
    line-height:1.65;
  }

  .audit-coverage-v2-item{
    grid-template-columns:48px 1fr;
    gap:14px;
    padding:20px;
  }

  .audit-coverage-v2-icon{
    width:48px;
    height:48px;
    border-radius:14px;
  }

  .audit-coverage-v2-icon svg{
    width:27px;
    height:27px;
  }

  .audit-coverage-v2-copy strong{
    font-size:15px;
  }

  .audit-coverage-v2-copy span{
    font-size:13.5px;
  }
}


.priority-fixes-v2{
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#FFFFFF;
  border:1.5px solid var(--border);
  position:relative;
}

.priority-fixes-v2::before{
  display:none;
}

.priority-fixes-v2-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:start;
  padding:34px 36px 28px;
 
  border-bottom:1.5px solid var(--border);
  position:relative;
}

.priority-fixes-v2-head::before{
  content:'';
  position:absolute;
  left:36px;
  right:36px;
  bottom:-1.5px;
  height:3px;
  background:linear-gradient(90deg, var(--teal), rgba(20,184,166,0));
}

.priority-fixes-v2-kicker{
  
  font-size:11px;
  color:var(--deep-teal);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:12px;
  font-weight:500;
}

.priority-fixes-v2-title{

  font-size:34px;
  line-height:1.12;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-0.9px;
  margin:0;
}

.priority-fixes-v2-lead{
  max-width:760px;
  margin-top:12px;

  color:#3A5A72;
}

.priority-fixes-v2-tag{
  
  font-size:11px;
  line-height:1;
  color:var(--deep-teal);
  background:#FFFFFF;
  border:1px solid #B2DED7;
  border-radius:999px;
  padding:10px 14px;
  text-transform:uppercase;
  letter-spacing:1.2px;
  white-space:nowrap;
}

.priority-fixes-v2-roadmap{
  position:relative;
  padding:34px 36px 36px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.priority-fixes-v2-roadmap::before{
  content:'';
  position:absolute;
  left:63px;
  top:58px;
  bottom:58px;
  width:2px;
  background:linear-gradient(180deg, var(--teal), rgba(20,184,166,0.15));
}

.priority-fixes-v2-item{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:18px;
  align-items:stretch;
  position:relative;
  z-index:1;
}

.priority-fixes-v2-marker{
  display:flex;
  justify-content:center;
  padding-top:18px;
}

.priority-fixes-v2-marker span{
  width:56px;
  height:56px;
  border-radius:999px;
  background:var(--ink);
  color:#FFFFFF;
  border:5px solid #FFFFFF;
  box-shadow:0 0 0 1px #B2DED7;
  display:flex;
  align-items:center;
  justify-content:center;
  
  font-size:13px;
  font-weight:500;
  letter-spacing:1px;
}

.priority-fixes-v2-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:start;
  padding:22px 24px;
  background:#FAF8F2;
  border:1px solid var(--border);
  border-radius:14px;
  position:relative;
  transition:transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.priority-fixes-v2-card:hover{
  transform:translateY(-2px);
  background:#FFFFFF;
  border-color:#B2DED7;
}

.priority-fixes-v2-card::before{
  content:'';
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:var(--teal);
}

.priority-fixes-v2-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  background:var(--mint);
  color:var(--deep-teal);
  border:1px solid #B2DED7;
  display:flex;
  align-items:center;
  justify-content:center;
}

.priority-fixes-v2-icon svg{
  width:34px;
  height:34px;
}

.priority-fixes-v2-label{
  display:inline-flex;
  
  font-size:10px;
  color:var(--deep-teal);
  background:#FFFFFF;
  border:1px solid #B2DED7;
  border-radius:999px;
  padding:0px 10px;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom:10px;
}

.priority-fixes-v2-copy strong{
  display:block;
  
  font-size:18px;
  line-height:1.25;
  color:var(--ink);
  margin-bottom:7px;
  font-weight:700;
  letter-spacing:-0.3px;
}

.priority-fixes-v2-copy p{
  margin:0;

  color:#3A5A72;
}


@media (max-width:1024px){
  .priority-fixes-v2-head{
    grid-template-columns:1fr;
    gap:16px;
    padding:30px 28px 26px;
  }

  .priority-fixes-v2-head::before{
    left:28px;
    right:28px;
  }

  .priority-fixes-v2-title{
    font-size:30px;
  }

  .priority-fixes-v2-tag{
    justify-self:start;
  }

  .priority-fixes-v2-roadmap{
    padding:30px 28px;
  }

  .priority-fixes-v2-roadmap::before{
    left:55px;
  }

  .priority-fixes-v2-item{
    grid-template-columns:52px 1fr;
    gap:16px;
  }

  .priority-fixes-v2-marker span{
    width:52px;
    height:52px;
  }
}

@media (max-width:600px){
  .priority-fixes-v2{
    border-radius:12px;
  }

  .priority-fixes-v2-head{
    padding:26px 20px 22px;
  }

  .priority-fixes-v2-head::before{
    left:20px;
    right:20px;
  }

  .priority-fixes-v2-title{
    font-size:25px;
    line-height:1.18;
  }

  .priority-fixes-v2-lead{
    font-size:14px;
    line-height:1.65;
  }

  .priority-fixes-v2-roadmap{
    padding:24px 20px;
    gap:16px;
  }

  .priority-fixes-v2-roadmap::before{
    left:43px;
    top:48px;
    bottom:48px;
  }

  .priority-fixes-v2-item{
    grid-template-columns:44px 1fr;
    gap:14px;
  }

  .priority-fixes-v2-marker{
    padding-top:16px;
  }

  .priority-fixes-v2-marker span{
    width:44px;
    height:44px;
    border-width:4px;
    font-size:11px;
  }

  .priority-fixes-v2-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:20px;
    border-radius:12px;
  }

  .priority-fixes-v2-icon{
    width:52px;
    height:52px;
    border-radius:15px;
  }

  .priority-fixes-v2-icon svg{
    width:29px;
    height:29px;
  }

  .priority-fixes-v2-copy strong{
    font-size:16px;
  }

  .priority-fixes-v2-copy p{
    font-size:13.5px;
    line-height:1.6;
  }
}



.faq-accordion-v3{
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#FFFFFF;
  border:1.5px solid var(--border);
  position:relative;
}

.faq-accordion-v3::before{
  display:none;
}

.faq-accordion-v3-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:start;
  padding:34px 36px 28px;
  
  border-bottom:1.5px solid var(--border);
  position:relative;
  text-align:center;
}

.faq-accordion-v3-head::before{
  content:'';
  position:absolute;
  left:36px;
  right:36px;
  bottom:-1.5px;
  height:3px;
  background:linear-gradient(90deg, var(--teal), rgba(20,184,166,0));
}

.faq-accordion-v3-kicker{
  
  font-size:11px;
  color:var(--deep-teal);
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:12px;
  font-weight:500;
}

.faq-accordion-v3-title{

  font-size:34px;
  line-height:1.12;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-0.9px;
  margin:0;
}

.faq-accordion-v3-lead{
max-width: 760px;

  color: #3A5A72;
  margin: 20px auto;
}

.faq-accordion-v3-tag{
  
  font-size:11px;
  line-height:1;
  color:var(--deep-teal);
  background:#FFFFFF;
  border:1px solid #B2DED7;
  border-radius:999px;
  padding:10px 14px;
  text-transform:uppercase;
  letter-spacing:1.2px;
  white-space:nowrap;
}

.faq-accordion-v3-list{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:34px 36px 36px;
  background:#FFFFFF;
}

.faq-accordion-v3-item{
  border:1px solid var(--border);
  border-radius:14px;
  background:#FFFFFF;
  overflow:hidden;
  position:relative;
}

.faq-accordion-v3-item::before{
  content:'';
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:4px;
  border-radius:0 999px 999px 0;
  background:var(--teal);
  opacity:0;
  transition:opacity 0.2s ease;
}

.faq-accordion-v3-item.is-open::before{
  opacity:1;
}

.faq-accordion-v3-question-title{
  margin:0;
  padding:0;
  font-size:inherit;
  line-height:inherit;
}

.faq-accordion-v3-question{
width: 100%;
  border: 0;
  background: #FFFFFF;
  padding: 22px 24px;
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 18px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 500;
  color: var(--ink);
  font-family: Outfit,sans-serif;
}
}

.faq-accordion-v3-question:focus-visible{
  outline:3px solid rgba(20,184,166,0.35);
  outline-offset:-3px;
}

.faq-accordion-v3-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  background:var(--mint);
  border:1px solid #B2DED7;
  position:relative;
  display:block;
}

.faq-accordion-v3-icon::before,
.faq-accordion-v3-icon::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:2px;
  background:var(--deep-teal);
  border-radius:999px;
  transform:translate(-50%, -50%);
  transition:transform 0.2s ease;
}

.faq-accordion-v3-icon::after{
  transform:translate(-50%, -50%) rotate(90deg);
}

.faq-accordion-v3-question[aria-expanded="true"] .faq-accordion-v3-icon::after{
  transform:translate(-50%, -50%) rotate(0deg);
}

.faq-accordion-v3-panel{
  padding:0 24px 24px;
  background:#FFFFFF;
}

.faq-accordion-v3-panel p{
  margin:0;
  max-width:100%;

  color:#3A5A72;
  padding:18px 22px;
  background:#FAF8F2;
  border-top:1px solid rgba(215,228,232,0.7);
}


@media (max-width:1024px){
  .faq-accordion-v3-head{
    grid-template-columns:1fr;
    gap:16px;
    padding:30px 28px 26px;
  }

  .faq-accordion-v3-head::before{
    left:28px;
    right:28px;
  }

  .faq-accordion-v3-title{
    font-size:30px;
  }

  .faq-accordion-v3-tag{
    justify-self:start;
  }

  .faq-accordion-v3-list{
    padding:30px 28px;
  }
}

@media (max-width:600px){
  .faq-accordion-v3{
    border-radius:12px;
  }

  .faq-accordion-v3-head{
    padding:26px 20px 22px;
  }

  .faq-accordion-v3-head::before{
    left:20px;
    right:20px;
  }

  .faq-accordion-v3-title{
    font-size:25px;
    line-height:1.18;
  }

  .faq-accordion-v3-lead{
    font-size:14px;
    line-height:1.65;
  }

  .faq-accordion-v3-list{
    padding:24px 20px;
    gap:12px;
  }

  .faq-accordion-v3-question{
    grid-template-columns:1fr 36px;
    gap:14px;
    padding:19px 18px;
    font-size:16px;
  }

  .faq-accordion-v3-icon{
    width:36px;
    height:36px;
  }

  .faq-accordion-v3-icon::before,
  .faq-accordion-v3-icon::after{
    width:14px;
  }

  .faq-accordion-v3-panel{
    padding:0 18px 20px;
  }

  .faq-accordion-v3-panel p{
    font-size:13.5px;
    line-height:1.65;
    padding:16px 18px;
  }
}


.intro-download-action{
  display:flex;
  justify-content:center;
  margin-top:24px;
}

.intro-download-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:transparent;
  color:var(--deep-teal);
  font-family:'DM Sans',sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  border:0;

  transition:color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.intro-download-btn::before{
  content:'';
  width:17px;
  height:17px;
  background:currentColor;
  flex-shrink:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3v11m0 0 4-4m-4 4-4-4M5 19h14' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3v11m0 0 4-4m-4 4-4-4M5 19h14' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.intro-download-btn:hover{
  color:var(--teal);
  border-color:var(--deep-teal);
  transform:translateY(-1px);
}

.intro-download-btn:focus-visible{
  outline:3px solid rgba(20,184,166,0.28);
  outline-offset:5px;
  border-radius:4px;
}

@media (max-width:600px){
  .intro-download-action{
    justify-content:center;
  }

  .intro-download-btn{
    font-size:14px;
    text-align:center;
  }
}