/* Simple responsive styles */
:root{--bg:linear-gradient(135deg,#1ea79a 0%,#ff9a56 50%,#ff6fb3 100%);--grad1:#1ea79a;--grad2:#ff9a56;--grad3:#ff6fb3;--accent:#1ea79a;--accent2:#5fd7d0;--text:#102027}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Poppins',Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.4}
.container{max-width:1000px;margin:0 auto;padding:1rem}
.site-header{background:linear-gradient(180deg, rgba(255,255,255,0.65), rgba(255,255,255,0.45));backdrop-filter:blur(6px);border-bottom:none}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.logo{margin:0;padding:.25rem 0;font-size:2.25rem;font-family:'Pacifico',sans-serif;line-height:1;background:linear-gradient(90deg,var(--grad1),var(--grad2),var(--grad3));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.tagline{font-size:.85rem;color:#666;margin-left:1rem}
.site-nav{display:flex;gap:1rem}
.site-nav a{text-decoration:none;color:var(--text);padding:.5rem}
.nav-toggle{display:none;background:none;border:0;font-size:1.25rem}
.hero{padding:4rem 0;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,0.85),rgba(255,255,255,0.65))}
.hero h2{margin:0 0 .5rem;font-size:2rem}
.btn{display:inline-block;margin-top:1rem;padding:.6rem 1rem;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border-radius:10px;text-decoration:none;box-shadow:0 8px 28px rgba(30,127,120,0.12)}
.btn.small{padding:.4rem .6rem;font-size:.9rem}
.features{padding:2rem 0}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.service{background:linear-gradient(180deg,#ffffffcc,#ffffff);border:1px solid rgba(0,0,0,0.04);padding:1rem;border-radius:12px}
.pricing{list-style:none;padding:0;margin:0}
.pricing li{background:#fff;border:1px solid #eee;padding:.6rem;border-radius:6px;margin-bottom:.5rem}
.site-footer{padding:1rem 0;text-align:center;color:#666;font-size:.9rem}
.contact{padding:2rem 0}
@media(max-width:720px){
  .site-nav{display:none;flex-direction:column;background:#fff;position:fixed;left:0;right:0;top:64px;padding:0.5rem 1rem;border-top:1px solid rgba(0,0,0,0.06);box-shadow:0 10px 30px rgba(0,0,0,0.08);border-radius:0}
  .site-nav a{display:block;width:100%;padding:.8rem 0;text-align:center;border-bottom:1px solid rgba(0,0,0,0.04)}
  .nav-toggle{display:block}
  .hero h2{font-size:1.5rem}
  .logo{font-size:1.6rem;width:100%;text-align:center}
  .site-header .container{flex-wrap:wrap;align-items:center;gap:.25rem}
  .site-nav{right:0}
  .hero{padding:2.5rem 0}
  .hero p{font-size:.95rem}
  .services-grid{grid-template-columns:1fr}
  .pole{height:120px}
  .container{padding:.75rem}
}

/* Logo */
.pole{display:block;height:300px;margin:0 auto 1rem;filter:drop-shadow(0 18px 36px rgba(30,127,120,0.12));transform:translateZ(0)}
@media(max-width:300px){
  .pole{height:300px}
}