.hero-heading{margin-bottom:26px}
.photo-caption-detail{max-width:40rem;font-weight:400}

.concern-navigation{
  margin-block:24px 18px;
  padding:clamp(24px,4vw,44px);
  border:0;
  border-radius:14px;
  background:#f6f3ed;
  color:#101010;
  text-align:left;
}
.concern-label{
  display:inline-block;
  margin-bottom:16px;
  padding:6px 15px;
  border-radius:30px;
  background:#eee9e1;
  color:#4e4941;
  font-size:.6875rem;
  font-weight:700;
  letter-spacing:.06em;
}
.concern-navigation h2{font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.35;letter-spacing:-.045em;text-wrap:balance}
.concern-intro{margin-top:8px;font-size:.9375rem;line-height:1.7;color:#6f6b64}
.concern-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;text-align:left}
.concern-links a{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 32px;
  align-items:center;
  gap:18px;
  min-height:88px;
  padding:18px 20px;
  border:1px solid #dedad3;
  border-radius:9px;
  background:#FAFAFA;
  color:#101010;
  box-shadow:0 3px 12px #483f310b;
  transition:background .2s,border-color .2s,box-shadow .2s;
}
.concern-links a:first-child{border-color:#c8bbaa}
.concern-links a:hover,.concern-links a:focus-visible{background:#fdfbf8;border-color:#a99985;box-shadow:0 5px 16px #483f3115}
.concern-links a:focus-visible{outline:2px solid #776957;outline-offset:3px}
.concern-icon,.concern-arrow{display:grid;place-items:center;border-radius:50%;background:#f0ece6;color:#403b34}
.concern-icon{width:48px;height:48px}
.concern-arrow{width:32px;height:32px;font-size:1.1rem;font-weight:400}
.concern-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.concern-copy{min-width:0}
.concern-copy strong{display:block;font-size:1rem;font-weight:700;line-height:1.45}
.concern-copy small{display:block;margin-top:3px;color:#6f6b64;font-size:.75rem;line-height:1.5}

@media(min-width:1101px){
  .automation-section{width:min(1280px,calc(100% - 112px));margin-inline:auto}
}
@media(min-width:1101px) and (max-width:1180px){
  .automation-section{width:calc(100% - 72px)}
}
@media(min-width:1350px){
  .automation-phone-visual{right:0;width:96px}
  .automation-phone-device.mini-device{--mini-scale:.3;width:96px}
}
@media(max-width:1100px){
  .automation-section{width:calc(100% - 72px);margin-inline:auto}
}
@media(max-width:650px){
  .automation-section{width:calc(100% - 32px)}
}

@media(min-width:768px){
  .before-after-section>.section-shell{padding-bottom:40px}
  #concept{padding-top:40px}
  .support{padding-bottom:40px}
  #faq{padding-top:40px}
}

@media (min-width:768px) and (max-width:1050px){
  .before-after-section>.section-shell{width:calc(100% - 40px)}
  .before-after-grid{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px}
  .before-after-panel{padding:20px 16px 0}
  .before-after-panel>header h3{font-size:clamp(1.2rem,2.3vw,1.5rem)}
  .before-after-panel>header p{font-size:.76rem;line-height:1.5}
  .before-after-panel-body{min-height:330px;margin-top:14px}
  .before-after-points{width:calc(100% - 130px)}
  .before-after-points li{grid-template-columns:30px minmax(0,1fr);gap:7px;min-height:74px}
  .before-after-icon{width:30px;height:30px}
  .before-after-icon svg{width:18px;height:18px}
  .before-after-points strong{font-size:.88rem}
  .before-after-points small{font-size:.7rem;line-height:1.45}
  .before-after-arrow{height:auto;font-size:3.2rem;transform:none}
  .before-after-phone{right:0;bottom:-20px;width:175px;height:305px;transform:scale(.7);transform-origin:bottom right}
}

@media(max-width:767px){
  .hero-heading{margin-bottom:20px}
  .hero-visual .photo-caption p br{display:block}
  .hero-visual .photo-caption-detail{margin-top:8px;font-size:.875rem;line-height:1.5}
  .hero-visual .photo-caption-detail br{display:initial}
  .hero-visual .photo-caption-detail .copy-chunk{display:inline-block}
  .concern-navigation{margin-block:20px 14px;padding:25px 16px;border-radius:12px}
  .concern-navigation h2{font-size:clamp(1.5rem,6vw,1.9rem)}
  .concern-intro{font-size:.8125rem}
  .concern-links{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .concern-links a{grid-template-columns:42px minmax(0,1fr) 28px;gap:10px;min-height:76px;padding:12px 14px}
  .concern-icon{width:42px;height:42px}
  .concern-arrow{width:28px;height:28px}
  .concern-copy strong{font-size:clamp(.75rem,3.7vw,1rem)}
  .concern-copy small{font-size:.6875rem}
  .support{padding-bottom:28px}
  #faq{padding-top:24px}
}
@media(max-width:360px){
  .concern-links a{grid-template-columns:38px minmax(0,1fr) 26px;gap:8px;padding-inline:10px}
  .concern-icon{width:38px;height:38px}
  .concern-arrow{width:26px;height:26px}
  .concern-icon svg{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.concern-links a{transition:none}}