/* HOME BOTTOM — place directly after TOGEL section */
.home-bottom{margin:24px 10px 90px;color:#f4f4f4;font-family:Arial,sans-serif}
.home-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.home-benefit{min-height:52px;display:flex;align-items:center;gap:10px;padding:12px 13px;background:#17181a;border:1px solid #242629;border-radius:10px;box-sizing:border-box}
.home-benefit-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#202226;color:#24d98a;font-size:14px;flex:none}
.home-benefit-text{font-size:12px;font-weight:600;color:#d9d9d9}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:8px 0 24px}
.home-stat strong{display:block;color:#24d98a;font-size:15px;line-height:1.2}
.home-stat span{display:block;margin-top:5px;color:#9b9b9b;font-size:10px}
.home-responsible{text-align:center;padding:0 8px 22px;color:#bdbdbd;font-size:11px;border-bottom:1px solid #302b22}
.home-responsible b{color:#24d98a;font-size:13px;margin-right:5px}
.home-section{padding:22px 8px 0;text-align:center}
.home-section h3{margin:0 0 12px;color:#eee;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.home-section p{margin:0 auto;max-width:350px;color:#a9a9a9;font-size:11px;line-height:1.7}
.home-links{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.home-links a{color:#aaa;text-decoration:none;font-size:12px;transition:.2s}
.home-links a:hover{color:#24d98a}
.home-contact{margin-top:24px}
.home-contact a{color:#24d98a;text-decoration:none;font-size:12px;font-weight:600}
.home-socials{display:flex;justify-content:center;gap:10px;margin-top:16px}
.home-socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1a1b1d;border:1px solid #292a2d;color:#eee;text-decoration:none;font-size:13px}
.home-socials a:hover{border-color:#24d98a;color:#24d98a}
@media(max-width:360px){.home-bottom{margin-left:8px;margin-right:8px}.home-benefit{padding:10px}.home-benefit-text{font-size:11px}}

/* Home bottom responsive */
.home-bottom,.home-section,.home-links,.home-contact{min-width:0;max-width:100%}
.home-section p{width:100%;}
.home-socials{flex-wrap:wrap}
@media (min-width:700px){
  .home-bottom{margin-left:18px;margin-right:18px}
  .home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (max-width:480px){
  .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-benefit{min-width:0}
}
/* Home bottom responsive */
.home-bottom,.home-section,.home-links,.home-contact{min-width:0;max-width:100%}.home-section p{width:100%}.home-socials{flex-wrap:wrap}
@media (min-width:700px){.home-bottom{margin-left:18px;margin-right:18px}.home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}


/* BRAND HORN + ABOUT PATCH */
.notice-mic svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 50%;animation:noticeHornShake .72s ease-in-out infinite}
@keyframes noticeHornShake{0%,100%{transform:rotate(0deg) translateX(0)}20%{transform:rotate(-7deg) translateX(-1px)}40%{transform:rotate(7deg) translateX(1px)}60%{transform:rotate(-5deg) translateX(-1px)}80%{transform:rotate(5deg) translateX(1px)}}
.home-about{text-align:left!important}
.home-about h3{max-width:none!important;text-align:left!important;line-height:1.45}
.home-about h4{margin:22px 0 12px;color:#eee;font-size:14px;line-height:1.45}
.home-about p{max-width:none!important;text-align:left!important;line-height:1.75}
.home-about ul{margin:16px 0 0;padding-left:21px;color:#aaa;font-size:11px;line-height:1.75}
.home-about li{padding-left:2px;margin:8px 0}
.home-about li strong,.home-about p strong{color:#eee}
@media(prefers-reduced-motion:reduce){.notice-mic svg{animation:none}}
/* END BRAND HORN + ABOUT PATCH */

/* ===== FOOTER INFO CARDS — GREEN / SCREENSHOT STYLE ===== */
.home-info-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  margin:22px auto 0;max-width:980px;
}
.home-info-card{
  min-height:48px;display:flex;align-items:center;gap:12px;padding:10px 14px;
  border-radius:13px;text-decoration:none;box-sizing:border-box;
  background:linear-gradient(135deg,#17b86e,#087d4b);
  border:1px solid rgba(89,245,169,.42);
  color:#f3fff9;box-shadow:0 7px 18px rgba(0,0,0,.24),0 0 12px rgba(36,217,138,.08);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.home-info-card:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 24px rgba(0,0,0,.30),0 0 16px rgba(36,217,138,.16);}
.home-info-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.13);color:#fff;font-size:12px;}
.home-info-card>span:last-child{font-size:11px;font-weight:900;line-height:1.25;letter-spacing:.1px;color:#f5fff9;}
@media(max-width:699px){.home-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-info-card{min-height:46px;padding:9px 10px;gap:9px}.home-info-card>span:last-child{font-size:10px}.home-info-icon{width:27px;height:27px;flex-basis:27px;font-size:11px}}
@media(max-width:360px){.home-info-grid{grid-template-columns:1fr 1fr}.home-info-card{padding:8px}.home-info-icon{width:25px;height:25px;flex-basis:25px}.home-info-card>span:last-child{font-size:9px}}


/* ===== ABOUT TEXT OUTSIDE NAV CARDS ===== */
.home-about-public{
  margin:0 auto 24px;max-width:980px;padding:22px 8px 4px;text-align:left;color:#aebeb6;
}
.home-about-public .home-about-kicker{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid rgba(36,217,138,.28);border-radius:999px;background:rgba(36,217,138,.07);color:#6bf0b2;font-size:9px;font-weight:900;letter-spacing:1.2px;margin-bottom:10px}
.home-about-public h2{margin:0 0 10px;color:#f1fff8;font-size:18px;line-height:1.35}
.home-about-public h2 strong,.home-about-public h3{color:#6bf0b2}
.home-about-public h3{margin:20px 0 8px;font-size:14px;line-height:1.4}
.home-about-public p{margin:0 0 12px;max-width:none;color:#aebeb6;font-size:11px;line-height:1.75}
.home-about-public p strong,.home-about-public li strong{color:#e9fff3}
.home-about-public ul{margin:10px 0 14px;padding-left:21px;color:#aebeb6;font-size:11px;line-height:1.75}
.home-about-public li{margin:7px 0;padding-left:2px}
.home-about-public .home-about-disclaimer{margin-top:16px;color:#74877e;font-size:10px}
.home-info-card .home-info-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:699px){.home-about-public{padding:20px 5px 2px}.home-about-public h2{font-size:16px}.home-about-public h3{font-size:13px}.home-about-public p,.home-about-public ul{font-size:10.5px;line-height:1.7}}

/* v10 clarification: About text remains above and outside the green navigation cards. */
.home-about-public{position:relative;display:block !important;margin-bottom:26px !important;padding-bottom:12px !important;border-bottom:1px solid rgba(36,217,138,.16);}
.home-info-grid{position:relative;z-index:2;}
.home-info-card{background:linear-gradient(135deg,#19c778 0%,#0b8b52 100%) !important;border-color:rgba(101,244,180,.55) !important;}
.home-info-icon{background:rgba(0,0,0,.16) !important;border:1px solid rgba(255,255,255,.22);}
.home-info-card>span:last-child{color:#fff !important;}


/* v11 — About content is a standalone block; every green info card is intentionally identical. */
.home-about-public{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 26px!important;
  padding:22px 8px 18px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(36,217,138,.16)!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.home-info-grid{
  width:100%!important;
  max-width:980px!important;
  margin:0 auto!important;
}
.home-info-card,
.home-info-card:first-child,
.home-info-card:nth-child(2),
.home-info-card:nth-child(3),
.home-info-card:nth-child(4),
.home-info-card:nth-child(5),
.home-info-card:nth-child(6){
  min-height:48px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#19c778 0%,#0b8b52 100%)!important;
  border:1px solid rgba(101,244,180,.55)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.24),0 0 12px rgba(36,217,138,.08)!important;
}
.home-info-card .home-info-icon{
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.home-info-card>span:last-child{color:#fff!important;font-size:11px!important;font-weight:900!important}
@media(max-width:699px){
  .home-about-public{padding:20px 5px 16px!important;margin-bottom:20px!important}
  .home-info-card,.home-info-card:first-child,.home-info-card:nth-child(2),.home-info-card:nth-child(3),.home-info-card:nth-child(4),.home-info-card:nth-child(5),.home-info-card:nth-child(6){min-height:46px!important;padding:9px 10px!important;gap:9px!important}
  .home-info-card .home-info-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
  .home-info-card>span:last-child{font-size:10px!important}
}
@media(max-width:360px){
  .home-info-card,.home-info-card:first-child,.home-info-card:nth-child(2),.home-info-card:nth-child(3),.home-info-card:nth-child(4),.home-info-card:nth-child(5),.home-info-card:nth-child(6){padding:8px!important}
  .home-info-card .home-info-icon{width:25px!important;height:25px!important;flex-basis:25px!important}
  .home-info-card>span:last-child{font-size:9px!important}
}