
:root{--brand:#0d6efd;--accent:#00b4d8;--text:#1f2937;--muted:#6b7280;--soft:#f5f8ff}*{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}.navbar-brand img{width:38px;height:38px}

.hero {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(
      rgba(255,255,255,0.68),
      rgba(255,255,255,0.68)
    ),
    url('../images/main-background-01.jpg');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 110px 0 80px;
} 

    .hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;font-weight:800}.hero .lead{font-size:1.2rem;color:var(--muted);max-width:720px}.badge-soft{background:rgba(13,110,253,.1);color:var(--brand)}.section-pad{padding:80px 0}.section-title{font-weight:800;letter-spacing:-.02em}.feature-card,.app-card,.service-card{border:1px solid rgba(0,0,0,.07);border-radius:22px;box-shadow:0 10px 30px rgba(13,110,253,.06);transition:.2s;height:100%;background:#fff}.feature-card:hover,.app-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(13,110,253,.12)}.app-icon{width:70px;height:70px;border-radius:16px}.icon-circle{width:54px;height:54px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--brand);font-size:1.55rem}.cta{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;border-radius:28px}.footer{background:#0b1220;color:rgba(255,255,255,.8)}.footer a{color:rgba(255,255,255,.85);text-decoration:none}.footer a:hover{color:#fff}.form-control,.form-select{border-radius:14px;padding:.8rem 1rem}.btn{border-radius:999px;padding:.75rem 1.2rem;font-weight:600}.btn-lg{padding:.9rem 1.45rem}.page-header{background:linear-gradient(135deg,#eef6ff,#fff);padding:95px 0 55px}.keyword-line{color:var(--muted);font-size:.95rem}.google-play{display:inline-flex;align-items:center;gap:.5rem;background:#111827;color:#fff;border-radius:999px;padding:.75rem 1rem;text-decoration:none;font-weight:700}.google-play:hover{color:#fff;background:#000}.hero-phone{background:#fff;border:12px solid #111827;border-radius:42px;max-width:310px;margin-inline:auto;padding:18px;box-shadow:0 35px 80px rgba(0,0,0,.2)}.phone-card{border-radius:18px;background:var(--soft);padding:15px;margin-bottom:12px}@media(max-width:767px){.hero{padding:90px 0 55px}.section-pad{padding:55px 0}}
