:root{
  --brand:#118e84; --brand-dark:#0b6d66;
  --yellow:#ffe25f; --mintTop:#b7eff0; --mintBottom:#ffffff;
  --greenTop:#b4e6b7; --greenBottom:#42dfcc; --text:#0b0b0b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}
.top{background:var(--yellow);padding:28px 16px}
.top .wrap{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px}
.logoRing{width:84px;height:84px;border-radius:50%;border:6px solid #d9534f;background:#fff;display:grid;place-items:center;overflow:hidden}
.logoRing img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.brand h1{margin:0;font-weight:800;letter-spacing:.5px;font-size:44px}
.brand small{display:block;margin-top:2px;color:#333}
.hero{background:linear-gradient(180deg,var(--mintTop) 0%, var(--mintBottom) 100%);padding:38px 16px}
.hero .wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.hero h2{font-size:44px;margin:0 0 12px}
.hero p{font-size:30px;margin:0 0 20px}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--brand);color:#fff;padding:16px 28px;border-radius:50px;font-size:22px;text-decoration:none;border:4px solid rgba(255,255,255,.8);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.cta:hover{background:var(--brand-dark)}
.cta .droid{width:26px;height:26px}
.rule{height:56px;background:#147a74;border-radius:28px;margin:22px auto 0;max-width:1200px}
.services{background:linear-gradient(180deg,var(--greenTop) 0%, var(--greenBottom) 100%);padding:28px 16px 80px;text-align:center}
.services h3{font-size:36px;margin:0 0 22px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.serviceList{font-size:40px;font-weight:800;line-height:1.9}
.serviceList .row{display:flex;align-items:center;gap:14px;justify-content:center}
.serviceList .row .emoji{font-size:36px}
footer{padding:24px 16px;text-align:center;color:#444;font-size:14px}
@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr}
  .hero h2{font-size:36px}
  .hero p{font-size:24px}
  .serviceList{font-size:32px}
}