/* A short, factual offer introduction keeps the existing blue family palette. */
.promo-story{padding:49px 0 0;background:#fff}
.promo-story-band{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,2.2fr);gap:29px 34px;align-items:center;padding:31px 33px 23px;border:1px solid #dfe7f7;border-radius:21px;background:linear-gradient(115deg,#f5f8ff,#eef3fd)}
.promo-story-intro{min-width:0;padding-right:6px}
.promo-story-intro .eyebrow{font-size:8px;letter-spacing:1.25px;line-height:1.7;margin-bottom:14px}
.promo-story-intro h2{font-size:31px;font-weight:650;line-height:1.2;letter-spacing:-1.1px;color:var(--navy,#10234b);margin:0 0 21px}
.promo-story-intro .text-link{font-size:12px;gap:13px}
.promo-story-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;min-width:0;align-self:stretch}
.promo-story-benefit{min-width:0;padding:0 0 0 23px;border-left:1px solid #d8e2f5}
.promo-story-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:13px;border:1px solid #f1d6cb;border-radius:11px;color:#c86449;background:#fff0e8}
.promo-story-icon .icon{width:20px;height:20px;stroke-width:1.7}
.promo-story-benefit h3{font-size:17px;font-weight:650;line-height:1.35;letter-spacing:-.35px;color:var(--navy,#10234b);margin:0 0 10px}
.promo-story-benefit p{font-size:12px;line-height:1.85;color:#5d6b84;margin:0}
.promo-story-note{grid-column:1/-1;border-top:1px solid #dce5f5;padding-top:15px;font-size:9px;line-height:1.85;color:#76839b;margin:0}
.promo-story+.benefits-section{padding-top:79px}
@media(max-width:1150px){.promo-story-band{grid-template-columns:minmax(225px,.9fr) minmax(0,2.2fr);padding:29px 28px 22px;column-gap:27px}.promo-story-benefits{gap:19px}.promo-story-benefit{padding-left:18px}.promo-story-intro h2{font-size:29px}.promo-story-benefit h3{font-size:16px}}
@media(max-width:960px){.promo-story{padding-top:40px}.promo-story-band{grid-template-columns:minmax(0,1fr);gap:25px;padding:29px}.promo-story-intro{position:relative;padding-right:220px}.promo-story-intro h2{font-size:30px;margin-bottom:0}.promo-story-intro .text-link{position:absolute;right:0;bottom:5px}.promo-story-benefits{gap:25px}.promo-story-benefit{padding-left:21px}.promo-story-benefit:first-child{padding-left:0;border-left:0}.promo-story-benefit h3{font-size:18px}.promo-story-benefit p{font-size:12px}.promo-story-note{padding-top:16px;font-size:10px}.promo-story+.benefits-section{padding-top:70px}}
@media(max-width:760px){.promo-story{padding-top:32px}.promo-story-band{padding:27px 24px 23px;border-radius:18px;gap:25px}.promo-story-intro{padding-right:0}.promo-story-intro .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}.promo-story-intro h2{font-size:29px;letter-spacing:-1px;margin-bottom:17px}.promo-story-intro .text-link{position:static;font-size:12px}.promo-story-benefits{grid-template-columns:minmax(0,1fr);gap:22px}.promo-story-benefit,.promo-story-benefit:first-child{display:grid;grid-template-columns:36px minmax(0,1fr);gap:15px;padding:0;border-left:0}.promo-story-icon{width:35px;height:35px;margin:1px 0 0}.promo-story-benefit h3{font-size:18px;line-height:1.3;letter-spacing:-.35px;margin-bottom:7px}.promo-story-benefit p{font-size:12px;line-height:1.85;max-width:430px}.promo-story-note{font-size:10px;line-height:1.85;padding-top:16px}.promo-story+.benefits-section{padding-top:61px}}
@media(max-width:380px){.promo-story-band{padding:25px 20px 21px}.promo-story-intro h2{font-size:27px}.promo-story-intro .eyebrow{font-size:7px;letter-spacing:1px}.promo-story-benefit,.promo-story-benefit:first-child{grid-template-columns:32px minmax(0,1fr);gap:12px}.promo-story-icon{height:32px;width:32px;border-radius:10px}.promo-story-icon .icon{height:18px;width:18px}.promo-story-benefit h3{font-size:17px}.promo-story-benefit p{font-size:12px}.promo-story-note{font-size:9px}}
.promo-story + .packages-section{padding-top:58px}
@media(max-width:760px){.promo-story + .packages-section{padding-top:40px}}
.activity-section{padding-top:64px;padding-bottom:36px}
.activity-section .everyday-panel{margin-top:0}
.activity-section + .benefits-section{padding-top:64px}
.benefits-section .benefits-grid{margin-bottom:0}
.everyday-intro h2{font-size:37px;letter-spacing:-1.4px;font-weight:650;line-height:1.16;margin-bottom:26px}
@media(max-width:1150px){.everyday-intro h2{font-size:34px}}
@media(max-width:760px){.activity-section{padding-top:40px;padding-bottom:24px}.activity-section + .benefits-section{padding-top:44px}.everyday-intro h2{font-size:32px;margin-bottom:23px}.everyday-intro h2 br{display:none}}
@media(max-width:380px){.everyday-intro h2{font-size:29px}}
/* Quiet invitations sit between the benefits and package choices. */
.community-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.community-offer{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;padding:24px 26px;border:1px solid #e4eaf5;border-radius:18px;background:#fafbfe;color:var(--navy,#10234b)}
.community-offer-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#eef2fb;color:#4261b4}
.community-offer-icon .icon{width:20px;height:20px}
.community-offer .community-offer-tag{font-size:9px;font-weight:600;letter-spacing:1px;color:#61749c;line-height:1.6;margin:0 0 8px}
.community-offer h3{font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.5px;margin:0 0 11px}
.community-offer p{font-size:13px;line-height:1.75;color:#5d6b84;margin:0 0 13px}
.community-offer p strong{font-weight:650;color:#253d78}
.community-offer a{display:inline-flex;gap:12px;align-items:center;min-height:34px;font-size:12px;font-weight:600;color:#3654a4;text-decoration:none}
.community-offer a:hover{text-decoration:underline;text-underline-offset:4px}
.community-offer a:focus-visible{outline:3px solid var(--coral,#f27158);outline-offset:4px;border-radius:4px}
@media(max-width:760px){.community-offers{grid-template-columns:minmax(0,1fr);gap:13px;margin-top:16px}.community-offer{padding:23px 22px;gap:13px}.community-offer h3{font-size:21px}.community-offer p{font-size:14px}.community-offer a{font-size:13px}}

/* A shorter home journey: needs, offers, choices, then one conversation. */
#aktivitas{scroll-margin-top:0}
#promo-spesial{scroll-margin-top:12px}
.activity-section+.promo-story{padding-top:28px}
.package-details{margin-top:23px;border:1px solid #dce4f1;border-radius:12px;background:#fff}
.package-details>summary{position:relative;display:block;list-style:none;cursor:pointer;min-height:49px;padding:14px 48px 14px 18px;color:var(--navy,#10234b);font-size:13px;font-weight:600;line-height:1.6}
.package-details>summary::-webkit-details-marker{display:none}
.package-details>summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;line-height:1;color:var(--blue,#173dc8)}
.package-details[open]>summary{border-bottom:1px solid #e5eaf3}
.package-details[open]>summary:after{content:"−"}
.package-details>summary:focus-visible{outline:3px solid var(--coral,#f27158);outline-offset:3px;border-radius:10px}
.package-details-body{padding:17px 18px 18px}
.package-details .package-usage-note,.package-details .package-terms{font-size:11px;line-height:1.9;margin:0;color:#66758d;max-width:none}
.package-details .package-terms{margin-top:12px}
.business-teasers{gap:18px;margin-top:23px}
.business-teasers .business-package{padding:23px 24px 22px;border-radius:15px;box-shadow:none}
.business-teasers .business-package-dedicated{background:#edf3ff;border-color:#dbe5f7;color:var(--navy,#10234b)}
.business-teasers .business-package:before{left:24px;width:38px}
.business-teasers .business-package-heading{gap:12px;margin-bottom:13px}
.business-teasers .business-package-icon{width:37px;height:37px;border-radius:11px;background:#fff;border-color:#dce5f7;color:var(--blue,#173dc8)}
.business-teasers .business-package-icon .icon{width:22px;height:22px}
.business-teasers .business-package h3{font-size:22px;line-height:1.25;letter-spacing:-.5px}
.business-teasers .business-package-copy{font-size:12px;line-height:1.8;color:#5a6a85;margin-bottom:17px}
.business-teasers .business-package .business-package-cta{min-height:44px;padding:10px 14px;font-size:11px;gap:14px;background:var(--blue,#173dc8);color:#fff}
.business-teasers .business-package .business-package-cta:hover{background:var(--blue-dark,#1232a5)}
.coverage-section+.faq-section{padding-top:72px}
@media(max-width:760px){.activity-section+.promo-story{padding-top:22px}.business-teasers{gap:14px;margin-top:21px}.business-teasers .business-package{padding:22px}.business-teasers .business-package:before{left:22px}.business-teasers .business-package h3{font-size:22px}.business-teasers .business-package-copy{font-size:13px}.business-teasers .business-package .business-package-cta{font-size:12px}.package-details{margin-top:20px}.package-details>summary{font-size:12px}.package-details .package-usage-note,.package-details .package-terms{font-size:11px}.coverage-section+.faq-section{padding-top:54px}}
@media(max-width:380px){.business-teasers .business-package{padding:22px 20px}.business-teasers .business-package h3{font-size:21px}.business-teasers .business-package-copy{font-size:12px}.business-teasers .business-package .business-package-cta{font-size:11px}.package-details>summary{padding-left:15px;padding-right:42px}.package-details-body{padding:15px}.package-details .package-usage-note,.package-details .package-terms{font-size:10px}}
.package-details .package-usage-note,.package-details .package-terms{font-size:12px;line-height:1.8}