
:root{
  --green:#0b8f3f;
  --green2:#4fc66b;
  --red:#e71319;
  --red2:#b9080e;
  --ink:#152018;
  --muted:#66736a;
  --line:#e5e9e6;
  --soft:#f7fbf7;
  --gold:#f5c542;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f2f7;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.site{width:min(100%,480px);margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 32px rgba(25,33,28,.14)}
.header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.brandbar{display:flex;align-items:center;justify-content:space-between;padding:9px 12px}
.brand{display:flex;align-items:center;gap:9px}
.brand img{width:38px;height:38px;border-radius:10px;border:1px solid #d8dfda;object-fit:cover}
.brand strong{display:block;font-size:17px;line-height:1.05}
.brand span{display:block;color:var(--green);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.menu-btn{width:34px;height:34px;border:0;background:transparent;color:var(--green);font-size:20px}
.nav{display:flex;gap:0;border-top:1px solid #edf0ed}
.nav a{flex:1;text-align:center;padding:9px 4px;font-size:12px;font-weight:800;color:#26332b;border-right:1px solid #edf0ed}
.nav a:last-child{border-right:0}
.nav a.active{color:var(--green);box-shadow:inset 0 -3px var(--green)}
.notice{margin:10px 10px 0;border-radius:12px;overflow:hidden;border:1px solid #e3d4d4;background:#fff}
.notice-top{background:linear-gradient(90deg,#c40000,#ee2020);color:#fff;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.35}
.notice-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}
.notice-card{text-align:center}
.notice-card img{width:72px;height:72px;border-radius:16px;object-fit:cover;margin:0 auto 6px;border:2px solid #ececec}
.notice-card b{display:block;font-size:12px}
.notice-card span{display:block;color:#f5a400;font-size:12px;letter-spacing:1px;margin:3px 0}
.notice-card small{display:block;color:#4d6e58;font-size:10px}
.notice-card a{display:inline-flex;margin-top:6px;padding:7px 9px;border-radius:5px;background:var(--red);color:#fff;font-size:11px;font-weight:900}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px}
.tabs a{text-align:center;border:1px solid #0868d6;color:#0c5eb4;background:#fff;padding:8px 4px;font-size:12px;font-weight:900;border-radius:4px}
.tabs a:first-child{background:#0868d6;color:#fff}
.section-title{margin:10px;padding:8px 10px;text-align:center;background:var(--green);color:#fff;border-radius:4px;font-size:14px;font-weight:900}
.app-list{padding:0 8px 14px}
.app-row{display:grid;grid-template-columns:26px 52px 1fr auto;align-items:center;gap:8px;min-height:76px;padding:8px 2px;border-bottom:1px solid var(--line);border-radius:0}
.app-row .rank{color:#a1aaa4;font-size:14px;text-align:center;font-weight:900}
.app-row img{width:52px;height:52px;border-radius:13px;object-fit:cover;border:1px solid #d9dfda}
.app-copy{min-width:0}
.app-copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-copy span{display:block;color:#6f7c73;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-copy em{display:block;color:#0a9d45;font-size:10px;font-style:normal;font-weight:800;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.download-btn{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:8px 9px;background:var(--red);color:#fff;border-radius:5px;font-size:10px;font-weight:900}
.download-btn:hover{background:var(--red2)}
.home-intro{padding:10px 14px 16px;font-size:12px;color:#4f5f54;line-height:1.55}
.footer{padding:16px 10px 22px;text-align:center;border-top:1px solid var(--line);background:#fbfdfb}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.footer-links a{padding:7px 9px;border:1px solid #dce4de;border-radius:999px;font-size:11px;font-weight:800}
.footer p{font-size:10px;color:#7b877f;line-height:1.5;margin:10px auto 0;max-width:390px}

/* app page */
.app-hero{text-align:center;padding:18px 14px 8px}
.app-hero img{width:118px;height:118px;border-radius:28px;margin:0 auto 10px;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 26px rgba(35,73,45,.18)}
.app-hero h1{font-size:23px;line-height:1.15;margin:0 0 6px}
.app-hero .bonus{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf9ee;color:#087e38;font-size:12px;font-weight:900}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 12px}
.fact{text-align:center;border:1px solid #e2e7e3;border-radius:8px;padding:8px 4px;background:#fbfdfb}
.fact b{display:block;font-size:12px;color:#1f2d23}
.fact span{display:block;font-size:9px;color:#7a867e;margin-top:2px}
.actions{display:grid;grid-template-columns:1fr;gap:8px;padding:0 12px 12px}
.main-download,.telegram-btn{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:5px;font-size:12px;font-weight:900}
.main-download{background:#0879dc;color:#fff}
.telegram-btn{border:2px solid #0879dc;color:#0879dc;background:#fff}
.content-card{margin:0 12px 12px;padding:14px;border:1px solid #e3e8e4;border-radius:10px;background:#fff}
.content-card h2{font-size:17px;margin:0 0 8px}
.content-card p{font-size:12px;line-height:1.65;color:#536057;margin:0 0 8px}
.content-card p:last-child{margin-bottom:0}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}
.feature{border:1px solid #e3e8e4;border-radius:8px;padding:8px;background:#f9fcf9;font-size:10px;color:#31503b}
.faq-wrap{margin:0 12px 14px}
.faq-wrap h2{font-size:15px;background:#0a8f3d;color:#fff;padding:8px 10px;border-radius:5px;margin:0 0 7px;text-align:center}
details{border:1px solid #e0e6e2;border-radius:7px;margin-bottom:7px;background:#fff}
summary{cursor:pointer;padding:10px 11px;font-size:12px;font-weight:900;color:#25352a}
details p{padding:0 11px 11px;margin:0;color:#657169;font-size:11px;line-height:1.55}
.related{padding:0 8px 14px}
.related-title{margin:10px 0 5px;padding:8px;text-align:center;color:#fff;background:var(--green);border-radius:4px;font-size:13px;font-weight:900}
.related .app-row{min-height:70px}
.related .download-btn{background:#59c776}
@media(max-width:360px){
  .app-row{grid-template-columns:22px 46px 1fr auto;gap:6px}
  .app-row img{width:46px;height:46px}
  .download-btn{min-width:66px;padding:7px 7px}
}


/* V2 unique content/facts/FAQ placement */
.facts{
  grid-template-columns:repeat(4,1fr)!important;
  gap:6px!important;
}
.fact{
  padding:8px 2px!important;
}
.fact b{
  font-size:11px!important;
}
.fact span{
  font-size:8px!important;
}
.feature-list,
.feature{
  display:none!important;
}
.related + .faq-wrap{
  margin-top:0!important;
  padding-top:0!important;
}
.faq-wrap{
  margin:0 12px 16px!important;
}
.content-card h2{
  color:#0a7f39!important;
  font-size:18px!important;
  line-height:1.25!important;
}
.content-card p{
  color:#46564b!important;
}
@media(max-width:360px){
  .fact b{font-size:10px!important}
  .fact span{font-size:7px!important}
}

/* V3 final user-facing copy */
.content-card{background:linear-gradient(180deg,#fff 0%,#f8fff9 100%)!important;border-color:#dce8df!important}.content-card h2{font-size:19px!important;line-height:1.24!important;color:#087c36!important;margin-bottom:9px!important}.content-card p{font-size:12.5px!important;line-height:1.72!important;color:#435249!important}.faq-wrap h2{background:linear-gradient(90deg,#087c36,#0a9c49)!important;box-shadow:0 5px 12px rgba(8,124,54,.15)!important}summary{line-height:1.35!important}details p{font-size:11.5px!important;line-height:1.62!important}


/* V4 richer marketing FAQ answers */
details ul{
  margin:0 12px 12px 29px;
  padding:0;
  color:#516057;
}
details li{
  margin:5px 0;
  font-size:11.5px;
  line-height:1.5;
}
.content-card p{
  font-size:13px!important;
  line-height:1.76!important;
}


/* POLICY TRUST PAGES START */
.policy-page{
  padding:14px 12px 22px;
  background:linear-gradient(180deg,#f5fbf6 0%,#ffffff 220px);
}
.policy-hero{
  padding:20px 18px;
  border-radius:15px;
  background:
    radial-gradient(circle at 90% 15%,rgba(255,255,255,.18),transparent 32%),
    linear-gradient(135deg,#087c36,#12a64f);
  color:#fff;
  box-shadow:0 12px 28px rgba(8,124,54,.18);
}
.policy-kicker{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.35);
  font-size:10px;
  font-weight:900;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.policy-hero h1{
  margin:10px 0 8px;
  font-size:28px;
  line-height:1.08;
  color:#fff;
}
.policy-hero p{
  margin:0;
  color:#ecfff2;
  font-size:12.5px;
  line-height:1.65;
}
.policy-card{
  margin-top:12px;
  padding:17px 16px;
  border:1px solid #dce8df;
  border-radius:13px;
  background:#fff;
  box-shadow:0 8px 24px rgba(27,62,37,.06);
}
.policy-card h2{
  margin:20px 0 8px;
  padding-bottom:6px;
  border-bottom:2px solid #e2f3e7;
  color:#087c36;
  font-size:18px;
  line-height:1.25;
}
.policy-card h2:first-child{
  margin-top:0;
}
.policy-card p,
.policy-card li{
  color:#44534a;
  font-size:12.5px;
  line-height:1.72;
}
.policy-card p{
  margin:0 0 10px;
}
.policy-card ul{
  margin:8px 0 13px;
  padding-left:20px;
}
.policy-card li{
  margin:5px 0;
}
.policy-card a{
  color:#0879dc;
  font-weight:800;
  overflow-wrap:anywhere;
}
.contact-panel{
  margin:10px 0 12px;
  padding:12px 13px;
  border:1px solid #cfe5d5;
  border-left:4px solid #0a9543;
  border-radius:9px;
  background:#f5fcf7;
}
.contact-panel p{
  margin:4px 0;
}
.contact-panel-large{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.contact-panel-large p{
  padding:10px;
  border:1px solid #dce8df;
  border-radius:8px;
  background:#fff;
}
@media(max-width:380px){
  .policy-hero h1{font-size:24px}
  .contact-panel-large{grid-template-columns:1fr}
}
/* POLICY TRUST PAGES END */
