@font-face{font-family:Poppins;src:url("./assets/fonts/Poppins-Regular-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url("./assets/fonts/Poppins-Medium-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url("./assets/fonts/Poppins-SemiBold-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url("./assets/fonts/Poppins-Bold-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--yellow:#ffd71d;--ink:#333;--muted:#666;--page:#f6f6f6;--line:#e9e9e9;--dark:#2f2f2f;--white:#fff}
*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{width:100%;max-width:1440px;margin:0 auto;background:#fff;color:var(--ink);font-family:Poppins,sans-serif;font-size:14px;font-weight:300;line-height:1.42;box-shadow:0 0 40px rgba(0,0,0,.04)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,.btn{font-weight:500}.skip-link{position:fixed;z-index:1200;left:12px;top:-60px;padding:10px 16px;background:#222;color:#fff}.skip-link:focus{top:12px}.site-header{position:sticky;z-index:1000;top:0}.announcement{display:flex;height:36px;align-items:center;justify-content:center;padding:0 5%;background:var(--yellow);font-size:12px;text-align:center}.nav-shell{display:flex;height:84px;align-items:center;justify-content:space-between;padding:0 56px;background:#fff}.brand-logo{position:relative;display:block;width:150px;height:40px;flex:0 0 150px}.brand-mark{position:absolute;left:3px;top:1px;display:flex;width:38.214px;height:38.214px;align-items:center;justify-content:center;border-radius:8px;background:var(--yellow)}.brand-mark img{width:24.267px;height:27.344px}.brand-word{position:absolute;left:46.793px;top:8.463px;width:49.214px;height:23.452px}.nav-shell nav{display:flex;flex:1;align-items:center;gap:18px;height:40px;color:var(--muted);font-size:12px;text-align:center}.nav-shell nav a{white-space:nowrap}.nav-shell nav .active{color:#e3b800;font-weight:500}.btn{display:inline-flex;height:52px;align-items:center;justify-content:center;padding:0 28px;border:0;border-radius:88px;font-size:13px;white-space:nowrap}.btn.dark{background:var(--dark);color:#fff}.btn.light{background:#fff;color:var(--ink)}.btn.outline{border:1px solid var(--line);background:#fff}.desktop-download{width:205px}.mobile-menu,.mobile-kicker{display:none}.section-pad{padding:72px 56px}.section-pad.alt,.alt{background:var(--page)}.section-pad>h2{margin:0 0 32px;font-size:38px;line-height:1.42}.download-hero{position:relative;display:flex;height:598px;gap:24px;padding:0 48px;background:var(--page);overflow:hidden}.download-hero-copy{display:flex;width:620px;flex:0 0 620px;flex-direction:column;justify-content:center;gap:18px;padding:48px}.download-hero h1{margin:0;font-size:46px;line-height:1.2}.download-hero p{width:510px;margin:0;color:var(--muted)}.platform-tabs{display:flex;width:360px;height:52px;gap:4px;padding:4px;border-radius:88px;background:#fff}.platform-tabs a{display:flex;width:172px;align-items:center;justify-content:center;border-radius:88px;color:var(--muted);font-weight:500}.platform-tabs .selected{background:var(--dark);color:#fff}.phone-stage{position:relative;flex:1}.phone-stage img{position:absolute;object-fit:cover;object-position:top;border:5px solid #606060}.phone-account{left:9px;top:45px;width:368px;height:1106px;border-radius:40px}.phone-earnings{left:352px;top:133px;width:294px;height:771px;border-radius:32px}.phone-stage:after{position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(0deg,var(--page),transparent);content:""}.download-card{display:flex;height:500px;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}.qr-card{display:grid;width:372px;height:372px;flex:0 0 372px;place-items:center;border-radius:24px;background:#fff;overflow:hidden}.qr-card img{width:339px;height:335px;object-fit:cover}.download-copy-card{display:flex;height:372px;flex:1;flex-direction:column;justify-content:center;gap:14px;padding:40px 44px;border-radius:24px;background:var(--page)}.download-copy-card small,.page-cta small{color:var(--muted);font-size:12px}.download-copy-card h2{margin:0;font-size:32px}.download-copy-card p{max-width:680px;margin:0;color:var(--muted);font-size:13px}.download-copy-card .btn{width:230px}.four-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.four-cards article,.three-principles article{display:flex;height:250px;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fff}.four-cards strong,.three-principles strong{font-size:26px}.four-cards h3,.three-principles h3{margin:0;font-size:17px}.four-cards p,.three-principles p{margin:0;color:var(--muted);font-size:12px}.three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.three-steps article{height:260px;padding:28px;border-radius:24px;background:var(--page)}.three-steps strong{font-size:30px}.three-steps p{margin-top:24px;font-size:18px;font-weight:500}.dark-card{background:var(--dark)!important;color:#fff}.dark-card strong,.story-copy small{color:var(--yellow)}.split-story{display:grid;height:620px;grid-template-columns:640px 1fr;gap:32px}.story-copy{display:flex;height:476px;flex-direction:column;gap:18px;padding:40px;border-radius:24px;background:var(--dark);color:#fff}.story-copy h2{margin:0;font-size:38px;line-height:1.42}.story-copy p{margin:0;font-size:13px}.story-copy .btn{width:230px}.fact-grid{display:grid;height:476px;grid-template-columns:1fr 1fr;gap:16px}.fact-grid article{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:24px;background:#fff}.fact-grid .yellow,.stats-row .yellow{background:var(--yellow)}.fact-grid strong{font-size:28px}.fact-grid span{color:var(--muted);font-size:12px}.page-cta{display:flex;min-height:250px;align-items:center;justify-content:space-between;padding:48px 120px}.page-cta h2{margin:8px 0 0;font-size:38px}.page-cta p{display:none}.cta-actions{display:flex;gap:12px}.cta-actions .btn{width:210px}.page-footer{display:flex;min-height:294px;align-items:center;gap:60px;padding:46px 96px 32px;background:var(--dark);color:#fff}.page-footer>img{width:150px;height:40px}.footer-links{display:flex;flex:1;justify-content:space-around;font-size:11px}.page-footer>p{margin:0;color:#999;font-size:10px}
.about-hero{position:relative;height:520px;border-radius:0 0 64px 64px;overflow:hidden}.about-base,.about-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-overlay{object-position:center}.about-hero>div{position:absolute;z-index:1;left:107px;top:116px;width:524px}.about-hero small{display:none}.about-hero h1{margin:0 0 18px;font-size:46px;line-height:1.2}.about-hero p{width:510px;margin:0}.stats-row{display:grid;height:180px;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px 56px}.stats-row article{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:24px;background:var(--page)}.stats-row strong{font-size:26px}.stats-row span{color:var(--muted);font-size:12px}.mission h2{max-width:1000px}.three-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.parent-story{background:#fff}.journey .four-cards article{gap:20px;padding:28px;border:0}.journey .four-cards h3{font-size:16px}
.news-hero{position:relative;height:520px;border-radius:0 0 64px 64px;overflow:hidden}.news-hero>img{width:100%;height:100%;object-fit:cover}.news-hero>div{position:absolute;left:760px;top:128px;width:524px}.news-hero h1{margin:0 0 18px;font-size:46px;line-height:1.2}.news-hero p{width:510px;color:var(--muted)}.category-chips{display:flex;height:98px;align-items:center;gap:12px;padding:0 56px}.category-chips a{display:flex;height:44px;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:24px;font-weight:500}.category-chips .active{border-color:var(--yellow);background:var(--yellow)}.featured-news{padding-top:48px;padding-bottom:48px}.featured-news h2,.latest-news h2{margin-bottom:24px;font-size:38px}.featured-news>article{display:grid;grid-template-columns:576px 1fr;gap:40px;padding:24px;border-radius:24px;background:#fff}.featured-news img{width:576px;height:360px;border-radius:18px;object-fit:cover}.featured-news article>div{display:flex;flex-direction:column;justify-content:center}.featured-news h3{margin:0 0 14px;font-size:28px;line-height:1.3}.featured-news p{color:var(--muted)}.featured-news small{margin-bottom:18px;color:var(--muted)}.featured-news .btn{width:max-content;height:42px}.latest-news>p{margin-top:-22px;color:var(--muted);font-size:12px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.news-grid article{padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--page)}.news-grid img{width:100%;height:220px;border-radius:16px;object-fit:cover}.news-grid small{display:flex;justify-content:space-between;margin-top:14px;color:#d6a900;font-size:10px}.news-grid h3{margin:10px 0;font-size:18px}.news-grid p{margin:0;color:var(--muted);font-size:12px}.newsletter{display:grid;grid-template-columns:1fr 704px;gap:48px;padding:56px;background:var(--yellow)}.newsletter h2{margin:8px 0;font-size:32px}.newsletter p{margin:0}.newsletter form{display:grid;grid-template-columns:1fr 192px;gap:12px;align-content:center}.newsletter input{height:56px;padding:0 22px;border:1px solid var(--line);border-radius:28px;font:inherit}.newsletter form small{grid-column:1/-1;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){.nav-shell nav{display:none}.desktop-download{display:none}.mobile-menu{display:inline-flex;height:30px;padding:8px}.split-story{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
  body{max-width:375px;font-size:12px;box-shadow:none}.announcement{height:44px;padding:0 16px;font-size:0}.announcement:after{font-size:10px;content:"Didukung Seahub Media · Cashback Shopee, TikTok Shop, dan Lazada"}.nav-shell{height:44px;padding:0 16px}.brand-logo{width:150px}.site-header{position:sticky}.section-pad{padding:24px 16px}.section-pad>h2{margin-bottom:22px;font-size:18px;line-height:1.2}.mobile-kicker{display:block;color:var(--muted);font-size:10px}.download-hero{display:flex;height:auto;flex-direction:column;padding:0 0 24px;background:#fff}.download-hero-copy{display:flex;width:auto;flex:auto;order:2;gap:12px;padding:0 16px}.download-hero h1{font-size:22px}.download-hero p{width:auto;font-size:12px}.phone-stage{width:100%;height:226px;flex:0 0 226px;order:1;background:var(--page);overflow:hidden}.phone-stage img{border-width:3px}.phone-account{left:32px;top:21px;width:178px;height:422px;border-radius:16px}.phone-earnings{left:192px;top:63px;width:150px;height:338px;border-radius:16px}.platform-tabs{width:343px;height:44px}.platform-tabs a{width:166px}.download-card{height:auto;flex-direction:column;gap:12px;align-items:stretch;padding-top:24px;padding-bottom:24px}.download-card:before{content:"Download BeeX untuk Android";font-size:12px;font-weight:500}.qr-card{width:343px;height:343px;order:2;border-radius:12px;background:var(--page)}.qr-card img{width:280px;height:278px}.download-copy-card{display:contents}.download-copy-card small{display:none}.download-copy-card h2{order:1;padding:16px;margin:0;border-radius:12px;background:var(--page);font-size:14px}.download-copy-card p{order:1;margin-top:-54px;padding:54px 16px 16px;font-size:10px}.download-copy-card .btn{width:166px;height:36px;order:3;align-self:center;font-size:10px}.four-cards{grid-template-columns:1fr 1fr;gap:10px}.four-cards article,.three-principles article{height:164px;gap:8px;padding:12px;border-radius:12px}.four-cards strong,.three-principles strong{font-size:12px}.four-cards h3,.three-principles h3{font-size:10px}.four-cards p,.three-principles p{font-size:8px}.three-steps{grid-template-columns:1fr;gap:10px}.three-steps article{display:flex;height:76px;align-items:center;gap:16px;padding:16px;border-radius:12px}.three-steps strong{font-size:10px}.three-steps p{margin:0;font-size:10px}.split-story{display:flex;height:auto;flex-direction:column;gap:10px}.story-copy{height:auto;min-height:180px;gap:10px;padding:16px;border-radius:12px}.story-copy h2{font-size:18px;line-height:1.2}.story-copy p{font-size:9px}.story-copy .btn{width:100%;height:36px;font-size:9px}.fact-grid{width:100%;height:230px;grid-template-columns:1fr 1fr;gap:6px}.fact-grid article{gap:4px;padding:14px;border-radius:12px}.fact-grid strong{font-size:15px}.fact-grid span{font-size:9px}.page-cta{display:flex;min-height:190px;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 16px}.page-cta h2{margin:6px 0;font-size:18px}.page-cta p{display:block;margin:0;color:var(--muted);font-size:11px}.cta-actions{width:100%;gap:11px}.cta-actions .btn{width:166px;height:44px;padding:0;font-size:11px}.page-footer{display:flex;min-height:179px;flex-direction:column;align-items:flex-start;gap:18px;padding:36px 16px}.footer-links{width:343px;flex:none;justify-content:flex-start;gap:6px;font-size:11px}.footer-links a:not(:last-child):after{content:" ·"}.page-footer>p{margin:0}.about-hero{display:flex;height:auto;flex-direction:column;border-radius:0;overflow:visible}.about-base{display:none}.about-overlay{position:static;width:100%;height:226px;object-fit:cover;object-position:60% center;border-radius:0 0 16px 16px}.about-hero>div{position:static;width:auto;padding:14px 16px 24px}.about-hero small{display:block;margin-bottom:10px;color:var(--muted);font-size:8px}.about-hero h1{margin-bottom:10px;font-size:22px}.about-hero p{width:auto;font-size:12px}.stats-row{height:auto;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 24px}.stats-row article{height:96px;padding:14px;border-radius:12px}.stats-row article:last-child{grid-column:1/-1}.stats-row strong{font-size:15px}.stats-row span{font-size:9px}.mission h2{font-size:18px}.three-principles{grid-template-columns:1fr;gap:10px}.three-principles article{height:106px}.parent-story .story-copy small{font-size:8px}.journey .four-cards{grid-template-columns:1fr}.journey .four-cards article{display:flex;height:76px;flex-direction:row;align-items:center;gap:14px;padding:16px}.journey .four-cards h3{font-size:10px}.news-hero{display:flex;height:auto;flex-direction:column;border-radius:0;overflow:visible}.news-hero>img{width:100%;height:226px;border-radius:0 0 16px 16px;object-fit:cover}.news-hero>div{position:static;width:auto;padding:14px 16px}.news-hero h1{margin-bottom:10px;font-size:22px}.news-hero p{width:auto;font-size:12px}.category-chips{height:auto;gap:8px;padding:8px 16px 24px;overflow-x:auto}.category-chips a{height:28px;padding:0 12px;font-size:9px}.featured-news{padding-top:24px}.featured-news h2,.latest-news h2{font-size:18px}.featured-news>article{display:block;padding:10px;border-radius:12px}.featured-news img{width:100%;height:188px;border-radius:12px}.featured-news h3{margin-top:12px;font-size:15px}.featured-news p{font-size:10px}.featured-news small{font-size:8px}.featured-news .btn{width:100%;height:34px;font-size:9px}.latest-news>p{margin-top:-16px;font-size:9px}.news-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}.news-grid article{padding:10px;border-radius:12px}.news-grid img{height:188px;border-radius:10px}.news-grid h3{font-size:13px}.news-grid p{font-size:9px}.newsletter{display:block;padding:24px 16px}.newsletter h2{font-size:18px}.newsletter p{font-size:10px}.newsletter form{display:flex;flex-direction:column;gap:8px;margin-top:16px}.newsletter input,.newsletter button{width:100%;height:40px}.newsletter form small{font-size:8px}
}
.news-hero>img{transform:scaleX(-1)}
.feature-icon{display:block;width:26px;height:26px;flex:0 0 26px;object-fit:contain}
@media(max-width:720px){.feature-icon{width:14px;height:14px;flex-basis:14px}}
.platform-tabs button{display:flex;width:172px;height:44px;align-items:center;justify-content:center;padding:0;border:0;border-radius:88px;background:#fff;color:var(--muted);font:500 13px/1 Poppins,sans-serif;cursor:pointer}.platform-tabs button.selected{background:var(--dark);color:#fff}
@media(max-width:720px){.platform-tabs{width:343px;height:42px;gap:4px;padding:3px;background:var(--page)}.platform-tabs button{width:166px;height:36px;border-radius:99px;font-size:12px}.platform-tabs button:not(.selected){color:var(--ink);background:#fff}.download-card:before{content:attr(data-mobile-title)}}
.category-row{display:contents}
@media(max-width:720px){
  .category-chips{display:flex;width:100%;height:116px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;background:var(--page);overflow:hidden}
  .category-row{display:flex;width:343px;height:36px;flex:0 0 36px;gap:8px}
  .category-chips a{height:36px;flex:0 0 auto;justify-content:center;padding:0;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);font-size:10px;font-weight:500;line-height:1.45}
  .category-row:first-child a:nth-child(1){width:64px}
  .category-row:first-child a:nth-child(2){width:110px}
  .category-row:first-child a:nth-child(3){width:137px}
  .category-row:last-child a:nth-child(1){width:164px}
  .category-row:last-child a:nth-child(2){width:135px}
  .category-chips .active{border-color:var(--yellow);background:var(--yellow)}
}
@media(max-width:720px){
  .parent-story{width:100%;gap:12px;padding:24px 16px;background:#fff}
  .parent-story .story-copy{width:343px;min-height:220px;gap:12px;padding:20px;border-radius:12px}
  .parent-story .story-copy small{width:303px;font-size:10px;font-weight:500;line-height:1.45}
  .parent-story .story-copy h2{width:303px;margin:0;font-size:18px;font-weight:600;line-height:1.2}
  .parent-story .story-copy p{width:303px;margin:0;font-size:11px;font-weight:400;line-height:1.45}
  .parent-story .story-copy .btn{width:303px;height:42px;padding:0;border-radius:21px;font-size:11px}
  .parent-story .fact-grid{width:343px;height:226px;grid-template-columns:166px 166px;grid-template-rows:108px 108px;gap:10px 11px}
  .parent-story .fact-grid article{width:166px;height:108px;gap:4px;padding:14px;border-radius:12px;background:var(--page)}
  .parent-story .fact-grid article.yellow{background:var(--yellow)}
  .parent-story .fact-grid strong{font-size:15px;font-weight:600;line-height:1.45}
  .parent-story .fact-grid span{font-size:10px;font-weight:400;line-height:1.45}
}
.mobile-download-card{display:contents}
@media(max-width:720px){
  .download-card{display:flex;gap:0;align-items:center;padding:24px 16px;background:#fff}
  .download-card:before{display:none}
  .mobile-download-card{display:flex;width:343px;flex-direction:column;gap:14px;padding:20px;border-radius:12px;background:var(--page)}
  .mobile-download-card .download-copy-card{display:contents}
  .mobile-download-card .download-copy-card small{display:none}
  .mobile-download-card .download-copy-card h2{width:303px;order:1;padding:0;margin:0;background:transparent;font-size:18px;font-weight:600;line-height:1.2}
  .mobile-download-card .download-copy-card p{width:303px;order:2;margin:0;padding:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}
  .mobile-download-card .qr-card{display:flex;width:303px;height:196px;order:3;align-items:center;justify-content:center;border-radius:12px;background:#fff}
  .mobile-download-card .qr-card img{width:164px;height:164px;object-fit:contain}
  .mobile-download-card .download-copy-card .btn{width:210px;height:44px;order:4;align-self:center;padding:0;border-radius:22px;font-size:12px}
}
@media(max-width:720px){
  .feature-section{padding:24px 16px;background:var(--page)}
  .feature-section>h2{width:343px;margin:0 0 22px;font-size:18px;font-weight:600;line-height:1.2}
  .feature-section .four-cards{grid-template-columns:165px 165px;gap:12px}
  .feature-section .four-cards article{width:165px;height:166px;gap:7px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}
  .feature-section .feature-icon{display:none}
  .feature-section .four-cards strong{font-size:15px;font-weight:600;line-height:1.45}
  .feature-section .four-cards h3{margin:0;font-size:13px;font-weight:600;line-height:1.35}
  .feature-section .four-cards p{margin:0;color:var(--muted);font-size:10px;font-weight:400;line-height:1.45}
  .feature-section .four-cards article:nth-child(3){border-color:var(--yellow);background:var(--yellow)}
  .feature-section .four-cards article:nth-child(4){border-color:var(--dark);background:var(--dark);color:#fff}
  .feature-section .four-cards article:nth-child(4) strong{color:var(--yellow)}
  .feature-section .four-cards article:nth-child(4) p{color:#fff}
}

/* Fluid mobile layout: 375px is the reference canvas, not a viewport cap. */
@media(max-width:720px){
  body{width:100%;max-width:none}
  .platform-tabs,.category-row,.parent-story .story-copy,.parent-story .fact-grid,.mobile-download-card,.feature-section>h2,.footer-links{width:100%}
  .platform-tabs a,.platform-tabs button{width:auto;flex:1}
  .mobile-download-card .download-copy-card h2,
  .mobile-download-card .download-copy-card p,
  .mobile-download-card .qr-card,
  .parent-story .story-copy small,
  .parent-story .story-copy h2,
  .parent-story .story-copy p,
  .parent-story .story-copy .btn{width:100%}
  .parent-story .fact-grid,.feature-section .four-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .parent-story .fact-grid article,.feature-section .four-cards article{width:100%}
  .cta-actions .btn{width:auto;flex:1}
}