:root{--yellow:#ffcc19;--ink:#0b0b0d;--muted:#5b5d66;--dark:#3b3c44;--blue:#1f5d8f;--green:#80c44a;--card:#ffffff;--line:#ececf0}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,'Noto Sans',sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 36px}.nav{background:var(--yellow);position:sticky;top:0;z-index:50}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{width:118px;height:auto}.nav-links{display:flex;gap:28px;align-items:center;font-weight:800;font-size:15px}.nav-links a{padding:8px 0}.nav-links a:hover{color:#1f5d8f}.hero{background:var(--yellow);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;min-height:560px}.hero h1{font-size:64px;line-height:.98;margin:0 0 28px;font-weight:950;letter-spacing:-2px}.hero p{font-size:25px;line-height:1.25;margin:0 0 34px;max-width:610px}.download-badges{width:410px}.hero-art{position:relative;display:flex;justify-content:center}.hero-card{width:430px;border-radius:28px;box-shadow:0 26px 70px rgba(0,0,0,.22);transform:rotate(4deg);overflow:hidden;background:#fff}.section{padding:92px 0}.section-soft{background:#fafafa}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:1.8px;color:#1f5d8f;font-weight:900;margin-bottom:16px}.title-xl{font-size:56px;line-height:.98;margin:0 0 24px;font-weight:950;letter-spacing:-1.5px}.text-lg{font-size:20px;line-height:1.55;color:#30313a}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #d9d9de;border-radius:999px;font-weight:800;background:#fff}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}.topic-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.08);transition:.2s ease}.topic-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,0,0,.14)}.topic-card img{width:100%;height:240px;object-fit:cover}.topic-card .body{padding:18px}.tag{font-size:12px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:#1f5d8f;margin-bottom:8px}.topic-card h3{margin:0;font-size:20px;line-height:1.15}.cta{background:var(--yellow);border-radius:36px;padding:48px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.cta h2{font-size:44px;line-height:1;margin:0 0 14px}.footer{background:var(--dark);color:#d9d9df;padding:42px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-logo{width:130px}.footer-left{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.footer a:hover{color:#fff}.page-hero{background:var(--yellow);padding:80px 0 70px}.page-hero h1{font-size:64px;line-height:1;margin:0 0 18px}.page-hero p{font-size:22px;line-height:1.45;max-width:780px}.content{max-width:920px;margin:0 auto;padding:70px 28px}.content h2{font-size:34px;margin:46px 0 14px}.content h3{font-size:24px;margin:32px 0 12px}.content p,.content li{font-size:18px;line-height:1.7;color:#2d2e35}.content ul{padding-left:24px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.info-card,.social-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.06)}.info-card strong{display:block;margin-bottom:8px}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}.social-card{transition:.2s}.social-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(0,0,0,.12)}.social-card .platform{font-size:14px;text-transform:uppercase;font-weight:900;color:#1f5d8f;letter-spacing:1px}.social-card h3{font-size:28px;margin:8px 0}.btn{display:inline-block;background:#111;color:#fff;border-radius:999px;padding:14px 20px;font-weight:900;margin-top:12px}.contact-box{background:#fafafa;border:1px solid var(--line);border-radius:28px;padding:34px}.legal-table{width:100%;border-collapse:collapse;margin-top:20px}.legal-table th,.legal-table td{border-bottom:1px solid #e6e6eb;padding:16px;text-align:left;font-size:17px;vertical-align:top}.legal-table th{width:240px;color:#555}.notice{background:#fff9dc;border:1px solid #f4d65b;border-radius:22px;padding:22px;margin-top:32px}@media(max-width:900px){.hero-grid,.split,.cta{grid-template-columns:1fr}.hero-grid{padding:56px 0}.hero h1,.page-hero h1{font-size:46px}.hero p{font-size:21px}.hero-card{width:100%;max-width:390px}.topic-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{align-items:flex-start;flex-direction:column}.nav-links{gap:14px;font-size:13px}.logo{width:108px}.download-badges{width:330px}}@media(max-width:560px){.container{padding:0 20px}.nav-inner{height:auto;padding:12px 0;gap:12px;align-items:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-end}.hero h1{font-size:42px}.title-xl{font-size:40px}.topic-grid,.social-grid,.info-grid{grid-template-columns:1fr}.topic-card img{height:280px}.cta{padding:30px}.cta h2{font-size:34px}.page-hero{padding:54px 0}.page-hero h1{font-size:42px}.content{padding:48px 20px}.legal-table th,.legal-table td{display:block;width:100%;padding:12px 0}.download-badges{width:280px}}

.store-buttons{
  display:flex;
  gap:18px;
  margin-top:32px;
  align-items:center;
  flex-wrap:wrap;
}
.store-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:transform .2s ease, filter .2s ease;
}
.store-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}
.store-btn img{
  height:62px;
  width:auto;
  display:block;
}
@media (max-width:640px){
  .store-buttons{justify-content:center;gap:12px;}
  .store-btn img{height:50px;}
}


/* Minor inner-page hero adjustment */
.page-hero{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.page-hero h1{
  margin-bottom:22px;
}


/* === Final revision patches === */
.page-hero{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
.page-hero h1{
  margin-bottom:22px;
}

/* Shared footer consistency */
.footer{
  background:#3f424a !important;
  color:#fff !important;
  padding:42px 0 !important;
}
.footer-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:34px !important;
}
.footer-left{
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}
.footer-left img{
  width:120px !important;
  height:auto !important;
}
.footer-left p{
  margin:0 !important;
  color:#d8d8d8 !important;
  font-size:15px !important;
  line-height:1.45 !important;
}
.footer-links{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:24px !important;
  justify-content:flex-end !important;
}
.footer-links a{
  color:#eee !important;
  text-decoration:none !important;
  font-size:15px !important;
}

/* Contact page approved layout */
.contact-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.contact-card-modern{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:24px;
  border:1px solid #e6e6e6;
  border-radius:28px;
  padding:36px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.06);
}
.contact-card-modern h2{
  font-size:30px;
  line-height:1.1;
  margin:0 0 16px;
  letter-spacing:-.03em;
}
.contact-card-modern p{
  font-size:19px;
  line-height:1.55;
  margin:0 0 20px;
}
.contact-icon,
.row-icon,
.notice-icon,
.mini-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:#fff4c9;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  font-weight:900;
  flex:0 0 auto;
}
.contact-icon.small{
  width:58px;
  height:58px;
}
.email-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff7d6;
  border:1px solid #ffca16;
  border-radius:12px;
  padding:14px 20px;
  font-weight:900;
  font-size:20px;
  text-decoration:none;
}
.contact-divider{
  height:1px;
  background:#e6e6e6;
  margin:30px 0 22px;
}
.mini-info{
  display:flex;
  gap:16px;
  align-items:flex-start;
}
.mini-icon{
  width:42px;
  height:42px;
  font-size:20px;
}
.mini-info strong{
  display:block;
  font-size:18px;
  margin-bottom:3px;
}
.mini-info p{
  font-size:17px;
  margin:0;
}
.platform-notice-wide{
  grid-column:1 / -1;
  display:flex;
  gap:22px;
  align-items:flex-start;
  background:#fff8dc;
  border:1px solid #ffca16;
  border-radius:24px;
  padding:28px 34px;
}
.platform-notice-wide strong{
  display:block;
  font-size:21px;
  margin-bottom:8px;
}
.platform-notice-wide p{
  font-size:18px;
  margin:0 0 6px;
}
.notice-icon{
  width:50px;
  height:50px;
  font-size:24px;
}

/* Legal Notice clean layout */
.legal-wrap{
  max-width:980px;
}
.legal-intro{
  display:flex;
  gap:22px;
  align-items:flex-start;
  margin-bottom:28px;
}
.legal-intro h2{
  font-size:34px;
  margin:0 0 12px;
}
.legal-intro p{
  font-size:18px;
  margin:0;
}
.company-card{
  border:1px solid #e6e6e6;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.06);
  padding:26px 34px;
  margin-bottom:32px;
}
.company-row{
  display:grid;
  grid-template-columns:72px 210px 1fr;
  gap:24px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid #e6e6e6;
}
.company-row:last-child{
  border-bottom:0;
}
.row-icon{
  width:54px;
  height:54px;
  font-size:24px;
}
.row-label{
  font-weight:800;
  color:#555b66;
  font-size:18px;
}
.row-value{
  font-size:22px;
  line-height:1.45;
}
.row-value a{
  text-decoration:none;
}

@media (max-width:900px){
  .footer-inner,
  .footer-left{
    flex-direction:column !important;
    text-align:center !important;
  }
  .footer-links{
    justify-content:center !important;
  }
  .contact-layout{
    grid-template-columns:1fr;
  }
  .contact-card-modern{
    grid-template-columns:1fr;
  }
  .company-row{
    grid-template-columns:60px 1fr;
  }
  .row-label{
    grid-column:2;
  }
  .row-value{
    grid-column:2;
  }
}