html,body{overflow-x:hidden}
.feature-grid article>span{width:56px;height:56px;margin-bottom:24px}
.feature-grid article>span svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-grid article>span svg circle:not(:first-child){fill:#fff;stroke:currentColor}
.feature-grid article>span svg .icon-accent{stroke:#d98668;stroke-width:2.4}
.feature-grid article>span svg .solid-icon{fill:currentColor;stroke:none}
.feature-grid article>span svg .icon-eye{fill:#fff;stroke:none}
.feature-grid article>span svg .dotted-icon{stroke-dasharray:2.2 3}
.feature-grid article>span svg .float-solid{stroke-width:4.5}
.feature-grid article>span svg .float-dotted{stroke-width:4.5;stroke-dasharray:1 4}
@media(max-width:950px){
  .hero>*{min-width:0}
  .hero-visual{width:100%;max-width:100%}
}
@media(max-width:620px){
  main,.site-header,.hero{width:100vw;max-width:100vw}
  .site-header{gap:10px}
  .site-header nav{flex:0 0 auto;margin-left:auto}
  .site-logo img{width:145px}
  .site-header .nav-cta{padding:9px 12px;font-size:11px}
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-copy p{width:100%;max-width:100%}
  .hero-visual{min-height:350px;padding:24px 10px}
  .motif-card{width:105px;padding:9px}
  .flow-line{margin-inline:2px;font-size:24px}
  .yoke-art{width:150px}
}