/*
Theme Name: iSpyro Marketing Agency
Theme URI: https://www.ispyro.com/
Author: iSpyro
Description: WordPress theme for iSpyro, a Google Ads / SEO / Analytics agency. Converted from the static iSpyro design system. Dark navy hero/footer sections, light content sections, Space Grotesk + Public Sans type.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: ispyro
*/

/* Intentionally minimal — this theme is built with inline styles per-template
   (matching the original design system) plus the small set of rules below that
   can't be inline: WP core alignment classes and base resets. */

body {
  margin: 0;
  background: #FAFAFB;
  font-family: 'Public Sans', sans-serif;
  color: #0F172A;
}
a { color: inherit; }
::selection { background: #2563EB; color: #fff; }
img { max-width: 100%; height: auto; }

.alignwide { max-width: 1100px; margin-left: auto; margin-right: auto; }
.alignfull { max-width: 100%; }
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

@keyframes fadeUp { from { opacity:0; transform:translateY(14px);} to {opacity:1; transform:translateY(0);} }
@keyframes floatSlow { 0%,100% { transform:translateY(0px);} 50% { transform:translateY(-10px);} }
@keyframes glowPulse { 0%,100% { opacity:0.55; transform:scale(1); } 50% { opacity:0.9; transform:scale(1.06); } }
@keyframes barGrowH { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@keyframes drawLine { from { stroke-dashoffset:420; } to { stroke-dashoffset:0; } }
@keyframes bounceDown { 0%,100% { transform:translateY(0); opacity:0.6; } 50% { transform:translateY(8px); opacity:1; } }
@keyframes megaFadeIn { from { opacity:0; transform:translateX(-50%) translateY(-6px); } to { opacity:1; transform:translateX(-50%) translateY(0); } }

.svc-row { display:block; transition: color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease; border-radius:8px; position:relative; padding-right:22px !important; cursor:pointer; }
.svc-row:hover { background:rgba(37,99,235,0.08) !important; color:#2563EB !important; transform:translateX(6px); box-shadow:0 2px 12px rgba(37,99,235,0.14); }
.svc-row::after { content:'\2192'; position:absolute; right:6px; top:50%; opacity:0; transition: opacity .22s ease, transform .22s ease; color:#2563EB; transform:translate(-6px,-50%); font-size:13px; }
.svc-row:hover::after { opacity:1; transform:translate(0,-50%); }

.__mobile-toggle { display:none; }
.__hero-card { display:none; }
@media (min-width: 1080px) { .__hero-card { display:block; } }
.__hero-grid { display:grid; grid-template-columns:1fr; gap:56px; align-items:center; }
@media (min-width: 1080px) {
  .__hero-grid { grid-template-columns:1.05fr 1fr; text-align:left; }
  .__hero-grid .__hg-center { justify-content:flex-start; margin-left:0; margin-right:0; }
  .__hero-grid .__hg-text { max-width:560px; margin-left:0; }
}
@media (max-width: 860px) {
  .__desktop-nav { display:none !important; }
  .__mobile-toggle { display:flex !important; }
  .__two-col { grid-template-columns:1fr !important; }
}
@media (max-width: 640px) { .__footer-grid { grid-template-columns:1fr 1fr !important; } }
@media (max-width: 420px) { .__footer-grid { grid-template-columns:1fr !important; } }