/* Final refinements aligned to the supplied design. */
.hero-points li{display:flex;align-items:center;gap:10px}
.hero-points span{margin-left:0}
.point-icon{width:22px;height:18px;display:inline-block;position:relative;flex:0 0 22px}
.point-icon.monitor{border:3px solid var(--blue);border-radius:2px}
.point-icon.monitor:after{content:'';position:absolute;width:12px;height:3px;background:var(--blue);bottom:-7px;left:2px;box-shadow:4px 4px 0 -1px var(--blue)}
.point-icon.clipboard{border:3px solid var(--blue);border-radius:2px}
.point-icon.clipboard:before{content:'';position:absolute;width:9px;height:4px;border:3px solid var(--blue);border-bottom:0;border-radius:4px 4px 0 0;left:3px;top:-7px}
.point-icon.clipboard:after{content:'✓';position:absolute;font-size:13px;font-weight:800;left:3px;top:-4px}
.point-icon.shield{width:20px;height:23px;border:3px solid var(--blue);clip-path:polygon(50% 0,100% 18%,88% 76%,50% 100%,12% 76%,0 18%)}
.point-icon.shield:after{content:'✓';position:absolute;font-size:13px;font-weight:800;left:3px;top:1px}
.point-image{width:24px;height:24px;object-fit:contain;flex:0 0 24px}
footer img{width:132px;height:auto}
.hero h1{font-size:50px}
.hero-illustration img{mix-blend-mode:normal}
.benefits img{width:48px;height:48px}

/* The supplied reference is a compact 935px desktop layout. Keep all three
   hero columns and the four benefit cards on one line at that width. */
@media (min-width:701px) and (max-width:1000px){
  .container{width:min(875px,calc(100% - 40px))}
  .site-header{height:59px}
  .brand img{width:232px}
  .nav{gap:25px}.nav a{font-size:10px}.btn-small{padding:9px 15px}
  .hero{padding:29px 0 19px}.hero-grid{display:grid;grid-template-columns:1.55fr .9fr;min-height:382px;position:relative;align-items:start}
  .hero-copy{grid-column:1;grid-row:1;position:relative;z-index:2}.eyebrow{font-size:26px}.hero h1{font-size:48px}.intro{font-size:12px;max-width:390px;margin:10px 0}.hero-points{font-size:17px;line-height:1.52;margin:6px 0 13px}.hero-points span{font-size:12px}
  .hero-actions{gap:11px}.hero-actions .btn{padding:11px 17px;font-size:11px}
  .hero-illustration{position:absolute;z-index:1;left:245px;top:64px;width:300px;margin:0}.hero-illustration img{width:100%}
  .consult-form{grid-column:2;grid-row:1;align-self:start;width:100%;max-width:none;margin:0;padding:20px 21px 14px;border-radius:15px}.consult-form h2{font-size:15px;margin-bottom:12px}.consult-form label{height:37px;margin:8px 0}.form-submit{font-size:13px;padding:11px 12px}.consult-form small{font-size:8px;margin-top:7px}
  .section{padding:18px 0}.section-title{font-size:24px;margin-bottom:14px}.benefits{grid-template-columns:repeat(4,1fr);gap:11px}.benefits article{gap:8px;padding:10px;border-radius:13px}.benefits img{width:45px;height:45px}.benefits h3{font-size:11px}.benefits p{font-size:8px}
  .program-grid{grid-template-columns:repeat(3,1fr);gap:11px}.program-card{padding:11px}.program-card header{gap:8px}.program-card header img{width:57px;height:57px}.program-card h3{font-size:12px}.tag{font-size:8px}.program-card>p{font-size:9px;margin:10px 0 7px}.program-card dl{font-size:8px}.program-card dl div{grid-template-columns:57px 1fr}.program-card>a{font-size:9px}
  .steps{gap:8px}.steps article{width:136px;min-height:123px;padding:18px 6px 7px}.steps img{width:56px;height:56px}.steps p{font-size:9px}.steps>i{font-size:18px}
  .cta-inner{min-height:104px;gap:20px}.cta img{width:145px;height:98px}.cta h2{font-size:19px}.cta .btn{font-size:13px;padding:11px 18px}.footer-inner{min-height:70px}.footer img{width:118px}.footer p{font-size:10px}
  .compare{padding:15px 0}.table-scroll table{font-size:8px}.table-scroll th,.table-scroll td{padding:5px}.table-scroll thead th{font-size:10px}
  .process{padding:13px 0}.process .steps article{min-height:112px;padding-top:14px}.process .steps img{width:50px;height:50px}
  .faq{padding:14px 0}.faq summary{padding:5px 0;font-size:10px}.faq p{font-size:10px;margin-bottom:5px}
}