:root{
  --bg: #66C5E7;
  --bg-alt: #BEE9FB;
  --text: #0B0F1A;
  --muted: #33586A;
  --accent: #FFD348;
  --white: #FFFFFF;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.25}
.container{width:min(1100px,92%);margin:0 auto}
.nav{position:sticky;top:0;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.06);z-index:10;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo-img{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;font-size:1.15rem;letter-spacing:.3px}
.logo-img img{height:28px;border-radius:6px}
.nav a{color:var(--text);text-decoration:none;margin-left:18px;font-weight:800;opacity:.9}
.nav a.btn{color:var(--text)}
.btn{display:inline-block;background:var(--accent);color:var(--text);padding:14px 20px;border-radius:10px;font-weight:900;text-decoration:none;border:2px solid var(--accent);font-size:1.05rem}
.btn:hover{opacity:.95;transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--text)}
.btn-small{padding:8px 12px}
.btn-block{display:block;text-align:center;margin-top:10px}
.hero{padding:72px 0;background:linear-gradient(180deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 60%)}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.hero-copy h1{font-size:3.6rem;line-height:1.05;margin:0 0 12px;color:var(--text);font-weight:900;letter-spacing:-.02em}
.hero-copy p{color:var(--muted);max-width:620px}
.accent{color:var(--accent)}
.hero-ctas{margin:22px 0 14px;display:flex;gap:12px;flex-wrap:wrap}
.trust{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--muted)}
.trust img{height:28px;opacity:1;margin-right:4px;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:#fff;padding:4px}
.hero-art img{width:100%;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
section{padding:68px 0}
h2{color:var(--text);font-size:2.4rem;margin:0 0 16px;font-weight:900;letter-spacing:-.02em}
p{color:var(--text)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card,.price-card,.t-card,.work-item{background:#FFFFFF;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.card h3{margin:0 0 8px;color:var(--text)}
.work img,.work-item img{width:100%;border-radius:10px}
.work-caption{margin-top:8px;color:var(--muted);font-size:1rem;font-weight:800}
.pricing .grid3{align-items:stretch}
.price-card{position:relative}
.price-card .pc-head{color:var(--text);font-weight:900;margin-bottom:6px}
.price-card .pc-price{font-size:2.2rem;color:var(--accent);margin-bottom:8px;font-weight:900}
.price-card ul{padding-left:18px;color:var(--text)}
.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,211,72,.18)}
.price-card .badge{position:absolute;top:-10px;right:-10px;background:var(--accent);color:var(--text);font-weight:900;padding:6px 10px;border-radius:999px}
.testimonials .t-card p{color:var(--text)}
.contact form{margin-top:10px}
input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#ffffff;color:var(--text)}
input::placeholder,textarea::placeholder{color:#8797a3}
.footer{border-top:1px solid rgba(0,0,0,.08);padding:20px 0;color:var(--muted);background:rgba(255,255,255,.35)}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
/* Calendly inline spacing on mobile */
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .nav nav{display:none}
}