/* polish-v1 — custom icon sizing, softer backgrounds / tighter whitespace, bigger free-audit CTA */

/* ---- custom line icons inside the gradient chip ---- */
.icon-wrap svg{
  width:28px;height:28px;display:block;
  fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;
}
.icon-wrap[data-svg="1"]{font-size:0;}

/* ---- background depth + less flat whitespace ---- */
.section{padding:64px 24px;}
@media(max-width:768px){.section{padding:48px 20px;}}
/* subtle warm radial so big white sections aren't flat — matches the brand orange gradient */
.section::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(58% 48% at 90% 4%, rgba(252,131,43,.055), transparent 70%),
    radial-gradient(50% 45% at 6% 100%, rgba(254,215,79,.06), transparent 72%);
}
.section > *{position:relative;z-index:1;}
/* every other section gets a faint cream base for rhythm */
.section:nth-of-type(even){background:linear-gradient(180deg,#FFFDF8 0%,#FFFFFF 60%);}

/* gentle card interaction so grids feel less static */
.card{transition:transform .22s ease, box-shadow .22s ease;}
.card:hover{transform:translateY(-3px);}

/* ---- bigger, louder free-audit CTA (buttons only, not footer text links) ---- */
a.btn[href*="free-audit"]{
  padding:18px 36px;font-size:16px;letter-spacing:.01em;
  box-shadow:0 12px 26px rgba(252,131,43,.32);
}
a.btn.btn-orange[href*="free-audit"]{animation:ctaPulse 2.8s ease-in-out infinite;}
@keyframes ctaPulse{
  0%,100%{box-shadow:0 12px 26px rgba(252,131,43,.30);}
  50%{box-shadow:0 14px 36px rgba(252,131,43,.55);}
}
@media(prefers-reduced-motion:reduce){
  a.btn.btn-orange[href*="free-audit"]{animation:none;}
}

/* tool-card icons (tools hub) */
.tool-icon svg{width:26px;height:26px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}