/* Forms & Standing R38 — unified 3 / 2 / 3 service grid.
 * All eight cards use one component: equal dimensions, icon box, copy spacing and CTA.
 */
:root{
  --fs38-icon-size:104px;
  --fs38-card-height:470px;
  --fs38-card-pad:32px;
  --fs38-gap:20px;
}
.fs38-services-head{
  display:block!important;
  max-width:860px;
  margin:0 auto 46px!important;
  text-align:center!important;
}
.fs38-services-head h2{
  max-width:none!important;
  margin:0 auto!important;
  text-align:center!important;
}
.fs38-services-head p{
  max-width:650px!important;
  margin:14px auto 0!important;
  text-align:center!important;
}
.fs38-service-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--fs38-gap);
  align-items:stretch;
}
.fs38-service-card{
  grid-column:span 2;
  min-width:0;
  min-height:var(--fs38-card-height)!important;
  height:var(--fs38-card-height);
  padding:var(--fs38-card-pad)!important;
  border-radius:24px!important;
  align-items:center!important;
  justify-content:flex-start;
  text-align:center!important;
}
.fs38-center-left{grid-column:2 / span 2;}
.fs38-center-right{grid-column:4 / span 2;}
.fs38-service-icon{
  display:block;
  width:var(--fs38-icon-size)!important;
  height:var(--fs38-icon-size)!important;
  max-width:none!important;
  flex:none;
  margin:0 auto 24px!important;
  object-fit:contain!important;
  object-position:center!important;
}
.fs38-service-card h3{
  width:100%;
  max-width:300px!important;
  min-height:90px;
  margin:0 auto!important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center!important;
  text-wrap:balance;
  font-size:clamp(26px,2.2vw,35px)!important;
  line-height:1.13!important;
}
.fs38-service-card p{
  width:100%;
  max-width:300px!important;
  min-height:82px;
  margin:18px auto 24px!important;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.fs11-card a.fs38-service-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:132px;
  min-height:44px;
  margin:auto auto 0!important;
  padding:11px 19px!important;
  border:1px solid var(--fs11-button)!important;
  border-radius:12px!important;
  background:var(--fs11-button)!important;
  color:var(--fs11-button-text)!important;
  font:650 14px/1.25 var(--fs11-sans)!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  text-decoration-color:transparent!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.fs11-card a.fs38-service-button::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.08) 38%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.08) 62%,transparent 82%);
  transform:translateX(-125%);
  transition:transform .6s cubic-bezier(.16,.7,.26,1);
}
.fs11-card a.fs38-service-button:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .fs11-card a.fs38-service-button:hover::before{transform:translateX(125%);}
}
.fs11-card a.fs38-service-button:focus-visible{
  outline:2px solid var(--fs11-ink)!important;
  outline-offset:4px!important;
}
@media(max-width:980px){
  :root{
    --fs38-icon-size:94px;
    --fs38-card-height:450px;
    --fs38-card-pad:26px;
    --fs38-gap:16px;
  }
}
@media(max-width:700px){
  .fs38-service-grid{grid-template-columns:1fr;}
  .fs38-service-card,
  .fs38-center-left,
  .fs38-center-right{grid-column:1!important;}
  .fs38-service-card{
    width:100%;
    height:auto;
    min-height:405px!important;
  }
}
@media(max-width:600px){
  :root{--fs38-icon-size:88px;--fs38-card-pad:24px;}
  .fs38-services-head{margin-bottom:34px!important;}
  .fs38-service-card h3{min-height:auto;}
  .fs38-service-card p{min-height:auto;}
  .fs11-card a.fs38-service-button{min-width:138px;}
}
@media(prefers-reduced-motion:reduce){
  .fs11-card a.fs38-service-button,
  .fs11-card a.fs38-service-button::before{transition:none!important;}
  .fs11-card a.fs38-service-button::before{display:none;}
}
