/* assets/home-polish-r856.css */
.reference-home #utama .hero-inner>div:first-child,.reference-home #utama h1,.reference-home #utama p{text-align:left} .reference-home #utama .hero-buttons,.reference-home #utama .hero-proof{justify-content:flex-start} .reference-home #rakan-niaga{width:100%;max-width:none;margin-inline:0;background:linear-gradient(120deg,#2b004d,#45007c 64%,#59009f)!important;isolation:isolate} .reference-home #rakan-niaga .partner-shell{background:none!important;box-shadow:none!important;overflow:visible} .reference-home #rakan-niaga .partner-shell:after{display:none} .reference-home #beli-sim .sim-promo-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px} .reference-home #beli-sim .sim-visual{width:100%;max-width:650px;min-width:0;margin:0} .reference-home #beli-sim .sim-cards{display:block;width:100%;height:auto;object-fit:contain} @media(max-width:760px){.reference-home #beli-sim .sim-promo-grid{grid-template-columns:minmax(0,1fr);gap:24px}.reference-home #beli-sim .sim-visual{max-width:560px;margin-inline:auto}.reference-home #utama .hero-pill{max-width:100%;font-size:10px;line-height:1.6;white-space:normal}}
/* assets/agent-esk-card.css */
.agent-public-card.agent-profile-premium.agent-esk-card{--esk-ink:#f1ebf5;--esk-muted:#c6bacf;--esk-gold:#c595ea;display:grid;align-items:stretch;grid-template-columns:minmax(240px,.8fr) minmax(0,1.7fr);gap:0;padding:0;background:#200c30;color:var(--esk-ink);border:1px solid #a57ac755;border-radius:24px;overflow:hidden;box-shadow:0 22px 60px #14002429;font:400 15px/1.7 Inter,Arial,sans-serif;text-align:left} .agent-esk-card .agent-identity{align-self:stretch;width:100%;margin:0;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:38px 30px;height:auto;min-width:0;text-align:left;background:radial-gradient(ellipse at 0 0,#56237e50,transparent 65%),linear-gradient(160deg,#340757,#24063b 70%);border-right:1px solid #b68ad929;color:var(--esk-ink)} .agent-esk-card .agent-identity:before{content:"";position:absolute;z-index:-1;width:220px;height:220px;border:1px solid #c79de820;border-radius:50%;top:-135px;right:-110px;pointer-events:none} .agent-esk-card .support-label,.agent-esk-card .agent-identity-caption{display:block;color:var(--esk-gold);font:700 10px/1.7 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase} .agent-esk-card .agent-esk-eyebrow{padding-bottom:18px;border-bottom:1px solid #ffffff20} .agent-esk-card .agent-person{display:grid;gap:20px;min-width:0} .agent-esk-card .agent-person .agent-portrait,.agent-esk-card .agent-person .agent-initials{display:flex;align-items:center;justify-content:center;width:104px;height:104px;aspect-ratio:1;max-width:100%;margin:0;border-radius:24px;border:3px solid #c191e6;outline:5px solid #ffffff08;object-fit:cover;background:#1e092f;color:#dcbbf6;font:700 46px/1 Inter,Arial,sans-serif;box-shadow:0 10px 24px #18002a38} .agent-esk-card .agent-person-name{min-width:0} .agent-esk-card .agent-person-name>h2,.agent-esk-card .agent-person-name>h3{margin:7px 0 0;font:700 clamp(26px,2.7vw,35px)/1.15 Inter,Inter,Arial,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere;color:#ffffff} .agent-esk-card .agent-area{font:400 13px/1.6 Inter,Arial,sans-serif;color:#ccbcd9;margin:12px 0 0;overflow-wrap:anywhere} .agent-esk-card .agent-id{display:grid;gap:10px;margin:0;padding:18px;background:#1a002e80;border:1px solid #af79da52;border-radius:14px} .agent-esk-card .agent-id>span{font:600 10px/1.6 Inter,Arial,sans-serif;letter-spacing:.12em;color:#c6b6d2} .agent-esk-card .agent-id>strong{font:700 clamp(23px,2.4vw,30px)/1.3 ui-monospace,monospace;letter-spacing:.015em;color:#d3aaf3;overflow-wrap:anywhere} .agent-esk-card .agent-id>.btn{justify-self:start;min-height:36px;padding:7px 11px;font-size:12px} .agent-esk-card .agent-person-contact{display:grid;gap:3px;margin-top:auto;padding-top:12px} .agent-esk-card .agent-person-contact>span{color:#c3b5ce;font-size:12px} .agent-esk-card .agent-person-contact>a{font-size:13px;font-weight:600;color:#dcbdf4;text-decoration:none;display:flex;justify-content:space-between;gap:10px} .agent-esk-card .agent-public-copy{min-width:0;padding:38px;background:radial-gradient(ellipse at 100% 0,#43255b40,transparent 60%),#200c30} .agent-esk-card .agent-public-copy h3.agent-esk-title{font:700 clamp(28px,3.2vw,40px)/1.15 Inter,Inter,Arial,sans-serif;letter-spacing:-.025em;margin:12px 0 16px;color:var(--esk-ink)} .agent-esk-card .agent-esk-title em{font-style:normal;color:var(--esk-gold)} .agent-esk-card .agent-esk-intro{font:400 14px/1.8 Inter,Arial,sans-serif;margin:0;max-width:600px;color:var(--esk-muted)} .agent-esk-card .agent-registration{display:grid;grid-template-columns:155px minmax(0,1fr);gap:24px;align-items:start;margin-top:26px;padding-top:26px;border-top:1px solid #ffffff1c} .agent-esk-card .agent-qr-panel{text-align:center;display:grid;gap:12px;min-width:0} .agent-esk-card .agent-qr-panel>span{font:600 9px/1.6 Inter,Arial,sans-serif;letter-spacing:.12em;color:#bb99d6} .agent-esk-card [data-agent-qr]{display:block;justify-self:center;width:155px;max-width:100%;aspect-ratio:1;padding:12px;background:#ffffff;border-radius:14px;overflow:hidden;color:#1e092f;box-shadow:0 8px 24px #0002} .agent-esk-card [data-agent-qr] svg{display:block;width:100%;height:auto} .agent-esk-card .agent-qr-panel>small{font:400 11px/1.6 Inter,Arial,sans-serif;color:#b8a6c6} .agent-esk-card .agent-registration-copy{min-width:0} .agent-esk-card .agent-registration-copy>h4{font:600 24px/1.15 Inter,Inter,Arial,sans-serif;letter-spacing:-.02em;margin:7px 0 12px;color:#efe8f5} .agent-esk-card .agent-registration-copy>p{font:400 13px/1.7 Inter,Arial,sans-serif;margin:0 0 12px;color:var(--esk-muted)} .agent-esk-card .agent-registration-url{display:block;overflow-wrap:anywhere;padding:10px 12px;border:1px solid #ffffff1d;border-radius:9px;font:400 10px/1.8 ui-monospace,monospace;background:#180626;color:#d0c5d9;text-decoration:none} .agent-esk-card .support-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .agent-esk-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;height:auto;width:auto;padding:11px 14px;border-radius:9px;border:1px solid transparent;font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:normal;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s ease} .agent-esk-card .btn.gold{color:#2a1739;background:#c595ea;border-color:#c595ea;box-shadow:none}.agent-esk-card .btn.gold:hover{background:#d8b0f7} .agent-public-card.agent-profile-premium.agent-esk-card .agent-public-copy .btn.ghost{color:#f0f5e9;background:#ffffff08;border-color:#c5b8d080}.agent-public-card.agent-profile-premium.agent-esk-card .agent-public-copy .btn.ghost:hover{background:#ffffff16} .agent-esk-card .agent-registration .btn.gold{flex:1 1 100%}.agent-esk-card .agent-registration .btn.ghost{flex:1 1 90px} .agent-esk-card .agent-activation-note{font:400 11px/1.7 Inter,Arial,sans-serif;color:#b3a6bd;margin:18px 0 0} .agent-esk-card .agent-contact-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff1c}.agent-esk-card .agent-contact-strip>div{min-width:0;flex:1}.agent-esk-card .agent-contact-strip>.btn{flex:0 0 auto} .agent-esk-card .agent-bio{font:400 12px/1.8 Inter,Arial,sans-serif;white-space:pre-line;overflow-wrap:anywhere;margin:6px 0 0;color:#c8bed0} .agent-esk-card .agent-public-note{margin:20px 0 0;font:400 10px/1.7 Inter,Arial,sans-serif;color:#9fb6a9} .agent-esk-card [data-agent-copy-status]{font:500 12px/1.6 Inter,Arial,sans-serif;margin:0;color:#cea1f2;overflow-wrap:anywhere}.agent-esk-card [data-agent-copy-status]:not(:empty){margin-top:10px} .agent-esk-card .agent-esk-pending{margin-top:24px;padding:20px;background:#ffffff06;border:1px solid #bb91dc33;border-radius:12px}.agent-esk-card .agent-esk-pending>strong{color:#d0a7f0;font-size:15px}.agent-esk-card .agent-esk-pending>p{font-size:13px;color:var(--esk-muted);margin:8px 0 0} .agent-esk-card a:focus-visible,.agent-esk-card button:focus-visible{outline:3px solid #d6a1ff;outline-offset:4px} @media(min-width:768px) and (max-width:1000px){.agent-esk-card .agent-public-copy{padding:28px}.agent-esk-card .agent-registration{grid-template-columns:125px minmax(0,1fr);gap:18px}.agent-esk-card [data-agent-qr]{width:125px}.agent-esk-card .agent-contact-strip{align-items:start;flex-direction:column}} @media(max-width:767px){.agent-public-card.agent-profile-premium.agent-esk-card{grid-template-columns:minmax(0,1fr);border-radius:20px}.agent-esk-card .agent-identity{gap:20px;padding:25px 22px;border-right:0;border-bottom:1px solid #b68ad929}.agent-esk-card .agent-esk-eyebrow{padding-bottom:12px}.agent-esk-card .agent-person{grid-template-columns:76px minmax(0,1fr);gap:18px;align-items:center}.agent-esk-card .agent-person .agent-portrait,.agent-esk-card .agent-person .agent-initials{width:76px;height:76px;border-radius:19px;font-size:34px}.agent-esk-card .agent-person-name>h2,.agent-esk-card .agent-person-name>h3{font-size:26px}.agent-esk-card .agent-id{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:14px;gap:4px 10px}.agent-esk-card .agent-id>strong{grid-row:2;font-size:24px}.agent-esk-card .agent-id>.btn{grid-column:2;grid-row:1/3;font-size:11px}.agent-esk-card .agent-public-copy{padding:28px 22px}.agent-esk-card .agent-esk-title{font-size:32px}.agent-esk-card .agent-registration{grid-template-columns:minmax(0,1fr);gap:24px}.agent-esk-card .agent-qr-panel{justify-items:center;order:2}.agent-esk-card [data-agent-qr]{width:180px}.agent-esk-card .agent-registration-copy{order:1}.agent-esk-card .agent-qr-panel>small{font-size:0}.agent-esk-card .agent-qr-panel>small:after{content:"Imbas jika anda menggunakan peranti lain.";font-size:11px}.agent-esk-card .agent-contact-strip{align-items:stretch;flex-direction:column}.agent-esk-card .agent-contact-strip>.btn{width:100%}.agent-esk-card .btn{min-height:46px;font-size:13px}} @media(max-width:360px){.agent-esk-card .agent-id{grid-template-columns:minmax(0,1fr)}.agent-esk-card .agent-id>.btn{grid-column:1;grid-row:3}.agent-esk-card .agent-esk-title{font-size:29px}.agent-esk-card .agent-person{gap:12px}} @media(prefers-reduced-motion:reduce){.agent-esk-card .btn{transition:none}}
/* assets/agent-profile-premium-r860.css */
.support-page :is(#profil-ejen,#home-agent-expanded){background:linear-gradient(180deg,#f6f3f9,#ffffff);padding:64px 0 80px} .support-page :is(#profil-ejen,#home-agent-expanded)>.wrap{width:min(1160px,calc(100% - 48px));margin:auto} :is(#profil-ejen,#home-agent-expanded) .agent-public-card.agent-profile-premium.agent-esk-card{--esk-ink:#2a123c;--esk-muted:#5f506b;--esk-gold:#bf79f6;grid-template-columns:minmax(260px,.82fr) minmax(0,1.7fr);border:1px solid #dcd2e4;border-radius:28px;box-shadow:0 28px 70px #25063d12;background:#ffffff;color:#2a123c;overflow:hidden} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity{padding:42px 32px;gap:30px;background:radial-gradient(ellipse at 0 0,#54168455,transparent 65%),linear-gradient(155deg,#2e064d,#1d062f 85%);border:0;border-top:4px solid #bf79f6;color:#ffffff} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity:before{width:270px;height:270px;top:-160px;right:-130px;border-color:#ffffff1a} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-esk-eyebrow{font-size:11px;letter-spacing:.17em;color:#bf79f6;padding-bottom:20px;border-color:#ffffff26} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person{gap:24px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person .agent-portrait,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person .agent-initials{width:124px;height:124px;margin:0;border-radius:50%;border:4px solid #ffffff;outline:6px solid #ffffff0d;box-shadow:0 14px 32px #14002433;color:#bf79f6;background:#370a5a;object-fit:cover} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity-caption{font-size:10px;color:#c5a9db;letter-spacing:.15em} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-name>h2,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-name>h3{font-size:clamp(28px,2.8vw,38px);line-height:1.18;color:#ffffff;margin-top:9px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-area{color:#dfd2e9;font-size:14px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id{background:#ffffff0a;border:1px solid #ffffff30;border-radius:16px;padding:20px;gap:12px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>span{color:#dfd2e9;font-size:10px;letter-spacing:.14em} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>strong{color:#cf92ff;font-size:clamp(24px,2.7vw,32px);letter-spacing:.035em} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>.btn{background:#ffffff0a;color:#ffffff;border-color:#ffffff66;padding:9px 13px;min-height:42px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>.btn:hover{background:#ffffff16} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-contact{padding-top:18px;border-top:1px solid #ffffff24} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-contact>span{color:#d2c3de;font-size:12px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-contact>a{color:#cf92ff;font-size:14px;margin-top:5px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-copy{padding:42px;background:#ffffff;text-align:left} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-copy .support-label{color:#3c006c;font-size:10px;letter-spacing:.13em} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-copy h3.agent-esk-title{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.03em;color:#2a123c;margin:13px 0 18px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-esk-title em{color:#400072} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-esk-intro{color:#5f506b;font-size:15px;line-height:1.85;max-width:590px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration{grid-template-columns:190px minmax(0,1fr);gap:26px;align-items:start;margin-top:28px;padding-top:28px;border-top:1px solid #e3dce9} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel{padding:18px 14px;border:1px solid #e1d7e9;border-radius:20px;background:#f6f3f9;gap:15px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel>span{font-size:10px;line-height:1.7;letter-spacing:.12em;color:#43235d} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card [data-agent-qr]{width:162px;max-width:100%;height:auto;aspect-ratio:1;padding:10px;background:#ffffff;border-radius:12px;box-shadow:0 6px 20px #2b0b450a} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel>small{color:#62526e;font-size:11px;line-height:1.7} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-copy>h4{font-size:26px;line-height:1.2;color:#2a123c;margin:9px 0 14px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-copy>p{font-size:14px;line-height:1.8;color:#5f506b} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-url{background:#f4f0f7;border:1px solid #e0d5e8;color:#44255c;padding:12px;font-size:11px;line-height:1.85;border-radius:10px;overflow-wrap:anywhere} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .support-actions{gap:10px;margin-top:16px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .btn{border-radius:10px;min-height:46px;font-size:12px;line-height:1.6;padding:12px 14px;font-weight:600;text-align:center} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .btn.gold{color:#2c163e;background:#bf79f6;border:1px solid #af65e9;box-shadow:0 6px 18px #7317bc14} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .btn.gold:hover{background:#d39aff} :is(#profil-ejen,#home-agent-expanded) .agent-public-card.agent-profile-premium.agent-esk-card .agent-public-copy .btn.ghost{background:#ffffff;color:#391655;border:1px solid #b49dc6} :is(#profil-ejen,#home-agent-expanded) .agent-public-card.agent-profile-premium.agent-esk-card .agent-public-copy .btn.ghost:hover{background:#f3edf7} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-activation-note{font-size:12px;line-height:1.8;color:#5c746b;margin-top:20px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-contact-strip{gap:18px;border-color:#e3dce9;margin-top:26px;padding-top:22px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-bio{font-size:13px;line-height:1.85;color:#5f506b} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-note{font-size:11px;line-height:1.8;color:#5c746b;margin-top:22px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card [data-agent-copy-status]{font-size:13px;color:#38075e} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-esk-pending{background:#f5f1f8;border-color:#dbcfe5;border-radius:14px;padding:22px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-esk-pending>strong{color:#391655} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-esk-pending>p{color:#5f506b} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card a:focus-visible,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card button:focus-visible{outline:3px solid #57168a;outline-offset:4px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity a:focus-visible,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity button:focus-visible{outline-color:#cf92ff} @media(min-width:901px) and (max-width:1100px){:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-copy{padding:32px 26px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity{padding:34px 24px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration{grid-template-columns:155px minmax(0,1fr);gap:20px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel{padding:15px 10px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-contact-strip{flex-direction:column;align-items:stretch}} @media(max-width:900px){:is(#profil-ejen,#home-agent-expanded) .agent-public-card.agent-profile-premium.agent-esk-card{grid-template-columns:minmax(0,1fr)}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity{padding:30px;gap:25px;border-bottom:1px solid #ffffff24}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:24px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person .agent-portrait,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person .agent-initials{width:100px;height:100px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id{grid-template-columns:minmax(0,1fr) auto;align-items:center}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>strong{grid-row:2}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>.btn{grid-column:2;grid-row:1/3}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-contact{margin-top:0}} @media(max-width:600px){.support-page :is(#profil-ejen,#home-agent-expanded){padding:34px 0 45px}.support-page :is(#profil-ejen,#home-agent-expanded)>.wrap{width:calc(100% - 28px)}:is(#profil-ejen,#home-agent-expanded) .agent-public-card.agent-profile-premium.agent-esk-card{border-radius:22px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-identity{padding:26px 22px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person{grid-template-columns:80px minmax(0,1fr);gap:18px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person .agent-portrait,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person .agent-initials{width:80px;height:80px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-name>h2,:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person-name>h3{font-size:28px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-copy{padding:28px 22px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-public-copy h3.agent-esk-title{font-size:32px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration{grid-template-columns:minmax(0,1fr);gap:22px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel{order:0;width:100%;max-width:280px;justify-self:center;padding:20px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card [data-agent-qr]{width:200px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel>small{font-size:11px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-panel>small:after{content:none}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-copy{order:1}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-contact-strip{flex-direction:column;align-items:stretch}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .btn{font-size:13px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id{padding:16px;gap:6px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>strong{font-size:24px}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>.btn{font-size:11px;padding:9px 10px}} @media(max-width:360px){:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id{grid-template-columns:minmax(0,1fr)}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-id>.btn{grid-column:1;grid-row:3;justify-self:start}:is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-person{grid-template-columns:minmax(0,1fr)}}
/* assets/home-agent-dialog-r861.css */
.reference-home #kenali-ejen-utama{padding:60px 0;background:#ffffff} body #kenali-ejen-utama .home-agent-teaser{background:#ffffff;color:#2d173e;border:1px solid #dcd0e5;box-shadow:0 16px 45px #2d0a490b;padding:34px} body #kenali-ejen-utama .home-agent-summary>span{color:#3f0070} body #kenali-ejen-utama .home-agent-summary h2,body #kenali-ejen-utama .home-agent-summary h3{color:#2d153f} body #kenali-ejen-utama .home-agent-summary p{color:#61506e} body #kenali-ejen-utama .home-agent-id strong{font-family:ui-monospace,monospace;color:#3b0069;margin-left:8px} body #kenali-ejen-utama .home-agent-phone{font:600 14px/1.8 Inter,Arial,sans-serif;color:#3b0069;text-decoration:underline;text-underline-offset:4px} #home-agent-dialog{width:min(1100px,calc(100% - 40px));max-width:none;max-height:calc(100svh - 48px);margin:auto;padding:0;border:1px solid #ded6e5;border-radius:26px;background:#ffffff;color:#2d153f;box-shadow:0 30px 100px #17002940;overflow:auto;overscroll-behavior:contain} #home-agent-dialog:not([open]){display:none} #home-agent-dialog::backdrop{background:#18002b99;backdrop-filter:blur(4px)} #home-agent-dialog .home-agent-dialog-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-bottom:1px solid #ded6e5;background:#ffffff} #home-agent-dialog .home-agent-dialog-bar h2{font:600 18px/1.5 Inter,Arial,sans-serif;letter-spacing:0;margin:0;color:#2d153f} #home-agent-dialog [data-home-agent-close]{width:44px;height:44px;flex:none;display:grid;place-items:center;background:#f2eef6;border:1px solid #d2c3de;border-radius:50%;color:#34124e;font:400 30px/1 Arial,sans-serif;cursor:pointer} #home-agent-dialog [data-home-agent-close]:focus-visible{outline:3px solid #400073;outline-offset:3px} #home-agent-dialog #home-agent-expanded{padding:24px;background:#f8f6fa} #home-agent-dialog #home-agent-expanded .agent-public-card{box-shadow:none} @media(max-width:600px){#home-agent-dialog{width:calc(100% - 20px);max-height:calc(100svh - 24px);border-radius:20px}#home-agent-dialog .home-agent-dialog-bar{padding:12px 16px}#home-agent-dialog .home-agent-dialog-bar h2{font-size:16px}#home-agent-dialog #home-agent-expanded{padding:12px}body #kenali-ejen-utama .home-agent-teaser{padding:26px 22px}body #kenali-ejen-utama .home-agent-actions{display:grid;width:100%;max-width:none}} body.reference-home #kenali-ejen-utama{padding:64px 0;background:#ffffff} #kenali-ejen-utama>.wrap{width:min(1160px,calc(100% - 40px));margin:auto} #kenali-ejen-utama .home-agent-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px} #kenali-ejen-utama .home-agent-section-head>div>span{font:700 11px/1.8 Inter,Arial,sans-serif;letter-spacing:.14em;color:#3f0070} #kenali-ejen-utama .home-agent-section-head h2{font:700 clamp(28px,3.4vw,42px)/1.2 Inter,Arial,sans-serif;color:#2d153f;letter-spacing:-.025em;margin:10px 0 12px} #kenali-ejen-utama .home-agent-section-head p{font:400 15px/1.8 Inter,Arial,sans-serif;color:#61506e;margin:0} #kenali-ejen-utama a.home-agent-expand{display:grid;justify-items:center;gap:4px;flex:none;border:1px solid #cfbfdc;background:#f4f0f8;color:#3c006b;border-radius:14px;padding:10px 15px;font:600 26px/1.1 Arial,sans-serif;text-decoration:none} #kenali-ejen-utama .home-agent-expand span{font:600 11px/1.5 Inter,Arial,sans-serif} #kenali-ejen-utama .home-agent-expand:focus-visible{outline:3px solid #400073;outline-offset:4px} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-qr-id{justify-self:center;border-radius:999px;background:#eae1f1;color:#37075d;padding:6px 12px;font:700 13px/1.6 ui-monospace,monospace} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-steps{list-style:none;counter-reset:registration;display:grid;gap:9px;margin:16px 0;padding:0} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-steps li{counter-increment:registration;display:flex;align-items:center;gap:10px;border:1px solid #ded4e5;border-radius:10px;padding:11px 12px;background:#f7f4f9;color:#49315b;font:400 12px/1.7 Inter,Arial,sans-serif} :is(#profil-ejen,#home-agent-expanded) .agent-esk-card .agent-registration-steps li:before{content:counter(registration);display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #bda9cd;border-radius:50%;font-weight:700;color:#3d006d} @media(max-width:600px){#kenali-ejen-utama>.wrap{width:calc(100% - 28px)}body.reference-home #kenali-ejen-utama{padding:38px 0}#kenali-ejen-utama .home-agent-section-head{align-items:flex-start;gap:14px;margin-bottom:24px}#kenali-ejen-utama .home-agent-section-head h2{font-size:29px}#kenali-ejen-utama a.home-agent-expand{padding:9px 11px}} #home-agent-dialog{width:min(440px,calc(100% - 24px));border-radius:26px;border:1px solid #c9b8d7;max-height:calc(100svh - 32px);background:#ffffff} #home-agent-dialog .home-agent-dialog-bar{height:0;padding:0;border:0;background:transparent;position:sticky;top:0;display:block} #home-agent-dialog .home-agent-dialog-bar h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} #home-agent-dialog [data-home-agent-close]{position:absolute;top:10px;right:10px;z-index:5;width:40px;height:40px;background:#2e064d;color:#ffffff;border-color:#ffffff66} #home-agent-dialog #home-agent-expanded{padding:0;background:none} #home-agent-dialog .agent-partner-card{display:block;grid-template-columns:none;gap:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#ffffff;color:#2c153e;text-align:center;font:400 14px/1.7 Inter,Arial,sans-serif} #home-agent-dialog .partner-card-brand{padding:30px 50px 56px;background:radial-gradient(ellipse at 100% 0,#461a68,transparent 75%),#1d062f;color:#cab8d9} #home-agent-dialog .partner-card-brand>img{display:block;width:130px;height:57px;object-fit:contain;margin:auto} #home-agent-dialog .partner-card-brand>p{font:600 10px/1.8 Inter,Arial,sans-serif;letter-spacing:.2em;margin:14px 0 0;color:#cab8d9} #home-agent-dialog .partner-card-content{padding:0 26px 26px;background:#ffffff;display:flow-root} #home-agent-dialog .partner-card-avatar{display:grid;place-items:center;width:92px;height:92px;margin:-46px auto 20px;border:5px solid #ffffff;position:relative;border-radius:50%;overflow:hidden;background:#592483;color:#ffffff;box-shadow:0 8px 20px #1a002e15;font:700 32px/1 Inter,Arial,sans-serif} #home-agent-dialog .partner-card-avatar img{display:block;width:100%;height:100%;object-fit:cover} #home-agent-dialog .partner-card-content h3{font:700 20px/1.4 Inter,Arial,sans-serif;color:#2a103e;text-transform:uppercase;letter-spacing:0;margin:0 0 10px;overflow-wrap:anywhere} #home-agent-dialog .partner-card-badge{display:inline-block;background:#eee6f4;border:1px solid #d9c9e5;border-radius:999px;color:#411266;padding:3px 13px;font:600 11px/1.8 Inter,Arial,sans-serif} #home-agent-dialog .partner-card-data{display:flex;gap:12px;margin:24px 0 18px} #home-agent-dialog .partner-card-data>div{flex:1;min-width:0;border:1px solid #e2dce7;background:#f9f7fa;border-radius:14px;padding:13px 10px} #home-agent-dialog .partner-card-data span{display:block;font:600 9px/1.7 Inter,Arial,sans-serif;letter-spacing:.12em;color:#667c70;margin-bottom:4px} #home-agent-dialog .partner-card-data a,#home-agent-dialog .partner-card-data strong{font:700 13px/1.8 Inter,Arial,sans-serif;color:#2a103e;text-decoration:none;overflow-wrap:anywhere} #home-agent-dialog .partner-card-data strong{font-family:ui-monospace,monospace} #home-agent-dialog .partner-card-qr{background:#f9f7fa;border:1px solid #e2dce7;border-radius:22px;padding:22px 18px;display:grid;justify-items:center;gap:18px} #home-agent-dialog .partner-card-qr>span{font:600 9px/1.8 Inter,Arial,sans-serif;letter-spacing:.13em;color:#667c70} #home-agent-dialog .partner-card-qr [data-agent-qr]{width:min(100%,224px);aspect-ratio:1;padding:14px;background:#ffffff;border:1px solid #e3dde7;border-radius:17px;box-shadow:0 4px 14px #26073e09;color:#2b143d} #home-agent-dialog .partner-card-qr [data-agent-qr] svg{display:block;width:100%;height:auto} #home-agent-dialog .partner-card-qr>strong{background:#24063b;border-radius:9px;padding:5px 14px;color:#ffffff;font:700 12px/1.7 ui-monospace,monospace;letter-spacing:.025em} #home-agent-dialog a.partner-card-register{font:600 12px/1.6 Inter,Arial,sans-serif;color:#3c006b;text-decoration:underline;text-underline-offset:4px} #home-agent-dialog .partner-card-actions{display:flex;gap:12px;margin-top:18px} #home-agent-dialog .partner-card-actions button{flex:1;min-height:44px;padding:10px;border-radius:12px;border:1px solid #d6ccde;background:#ffffff;color:#34124f;font:600 12px/1.7 Inter,Arial,sans-serif;cursor:pointer} #home-agent-dialog .partner-card-actions button:hover{background:#f3edf7} #home-agent-dialog .partner-card-actions button:disabled{opacity:.65;cursor:wait} #home-agent-dialog .partner-card-pending{background:#f5f1f8;padding:22px;border:1px solid #ddd2e5;border-radius:16px;color:#554164} #home-agent-dialog .partner-card-content [data-agent-copy-status]{font:400 12px/1.7 Inter,Arial,sans-serif;color:#4e3066;overflow-wrap:anywhere;margin:0} #home-agent-dialog .partner-card-content [data-agent-copy-status]:not(:empty){margin-top:12px} #home-agent-dialog .partner-card-footer{display:grid;gap:2px;padding:20px;background:#1d062f;color:#cab8d9;font:400 10px/1.8 Inter,Arial,sans-serif} #home-agent-dialog .partner-card-footer a{color:#be8ee4;text-decoration:none} #home-agent-dialog .agent-partner-card :is(a,button):focus-visible{outline:3px solid #4a0084;outline-offset:3px} @media(max-width:360px){#home-agent-dialog .partner-card-content{padding-inline:18px}#home-agent-dialog .partner-card-data{gap:8px}#home-agent-dialog .partner-card-data a,#home-agent-dialog .partner-card-data strong{font-size:12px}} #kenali-ejen-utama .agent-qr-open{display:grid;justify-items:center;gap:10px;color:#37075d;text-decoration:none;border-radius:14px} #kenali-ejen-utama .agent-qr-open>span{font:600 12px/1.7 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
/* assets/eastel-template-r204.css */
:root{--font-body:Inter,sans-serif;--font-heading:Inter,sans-serif} body,h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,small,strong,span,label,table{font-family:Inter,sans-serif} .hero,.eastel-hero,.b-hero{background:#000;color:#fff} .footer{background:#321056;color:#fff} .b-card table{color:inherit;font:inherit} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero{background:#000!important;color:#fff!important} body .footer.footer-compact{background:#321056!important;color:#fff} body,body h1,body h2,body h3,body h4,body h5,body h6,body p,body a,body button,body input,body select,body textarea,body label,body table{font-family:Inter,sans-serif!important}
/* assets/landing-public.css */
.eastel-hero{isolation:isolate}.eastel-hero .cms-hero-slides{position:absolute!important;inset:0!important;z-index:-3!important;overflow:hidden!important;pointer-events:none}.cms-hero-slides>.slide{position:absolute!important;inset:0!important;display:block!important;animation:none!important}.cms-hero-slides img{width:100%!important;height:100%!important;object-fit:cover!important;opacity:.72!important}.eastel-hero::before{content:''!important;position:absolute!important;inset:0!important;z-index:-2!important;background:linear-gradient(180deg,rgba(21,2,36,.78),rgba(29,3,50,.62),rgba(27,3,45,.92))!important;pointer-events:none}.eastel-hero .cms-hero-slides~.wrap{position:relative;z-index:1}.cms-preview-banner{position:fixed;bottom:8px;left:8px;z-index:1000;background:#a533ff;color:#25043f;padding:8px 16px;border-radius:8px;font:700 14px sans-serif}.cms-hero-slides .slide:not(:first-child){opacity:0}.eastel-hero .eastel-slide-managed.eastel-slide-active{opacity:1!important}
/* assets/seo-performance.css */
.eastel-hero h1.eastel-fx-enter{animation:none!important;opacity:1!important;transform:none!important} img{max-width:100%}
/* assets/branding.css */
.nav .eastel-brand{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0}.nav .eastel-brand img{display:block!important;width:130px!important;height:57px!important;object-fit:contain!important}.nav .eastel-brand .brand-name{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.nav .eastel-brand small{display:block!important;max-width:110px;white-space:normal!important;color:rgba(255,255,255,.8)}@media(max-width:1200px){.nav .eastel-brand .brand-copy{display:none!important}}@media(max-width:760px){.nav .eastel-brand img{width:115px!important;height:50px!important}}
/* assets/mobile-cards.css */
.eastel-rail-controls{display:none} @media(max-width:760px){ .eastel-mobile-rail.eastel-mobile-rail{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:100%!important;gap:16px!important;align-items:stretch!important;justify-content:normal!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;animation:none!important;transform:none!important;} .eastel-mobile-rail::-webkit-scrollbar{display:none} .eastel-mobile-rail.eastel-mobile-rail> :not(.eastel-mobile-duplicate){box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important;grid-column:auto!important;grid-row:auto!important;scroll-snap-align:start;scroll-snap-stop:always;overflow-wrap:anywhere;} .eastel-mobile-rail>.eastel-mobile-duplicate{display:none!important} .eastel-mobile-rail>article,.eastel-mobile-rail>.premium-card,.eastel-mobile-rail>.icon-card{padding:26px 22px!important;border-radius:20px!important;box-shadow:none!important;} .eastel-mobile-rail>.blog-card{padding:0!important} .digital-benefits.eastel-mobile-rail>div{padding:24px!important;border:1px solid #ffffff30;border-radius:18px;background:#38075e66} .eastel-mobile-rail h3{font-size:22px!important;line-height:1.25!important} .eastel-mobile-rail p{font-size:14px!important;line-height:1.7!important} .eastel-mobile-rail> :is(.eastel-fx-pending,.premium-reveal){opacity:1!important;transform:none!important} .eastel-mobile-rail> :hover{transform:none!important} .eastel-mobile-rail:focus-visible{outline:2px solid #a533ff;outline-offset:3px} .eastel-rail-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;margin:14px 0 25px;color:#e4d7ef;font:600 12px/1.4 Inter,Arial,sans-serif;} .eastel-rail-controls>button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #ffffff30;border-radius:12px;background:#38075e;color:#a533ff;font:700 18px/1 Inter,Arial,sans-serif;cursor:pointer;} .eastel-rail-controls>button:last-of-type:nth-of-type(3){font-size:12px} .eastel-rail-controls button:disabled{opacity:.4;cursor:default} .eastel-rail-controls button:focus-visible{outline:2px solid #a533ff;outline-offset:2px} .eastel-rail-status{min-width:42px;text-align:center;font-variant-numeric:tabular-nums} .eastel-rail-dots{display:flex;justify-content:center;flex-basis:100%;gap:0} .eastel-rail-dots button{position:relative;width:32px;min-height:32px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px;} .eastel-rail-dots button::after{content:'';position:absolute;left:12px;top:12px;width:8px;height:8px;border-radius:50%;background:#ae91c566;transition:background .2s;} .eastel-rail-dots button[aria-pressed=true]::after{background:#a533ff} .facts-grid.eastel-mobile-rail{padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;overflow-x:auto!important;overflow-y:hidden!important;} .facts-grid.eastel-mobile-rail>.fact{padding:24px!important;text-align:center;border:1px solid #a533ff40!important;border-radius:18px;background:linear-gradient(145deg,#41096d,#25043f);} .facts{margin-top:0!important;padding-top:24px} .hero-stats.eastel-mobile-rail,.hero-meta.eastel-mobile-rail{padding:0!important;border:0!important;gap:16px!important} .hero-stats.eastel-mobile-rail>span,.hero-meta.eastel-mobile-rail>div{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px!important;border:1px solid #a533ff40;border-radius:16px!important;background:#25043fcc;min-height:88px;} .hero-meta.eastel-mobile-rail b{font-size:27px} .hero-stats.eastel-mobile-rail>span{font-size:15px} .scrolling-ticker{margin-top:0!important;padding:24px 16px 0!important;overflow:visible!important;} .ticker-wrap.eastel-mobile-rail>.ticker-item{padding:22px!important;min-height:104px;border-radius:18px!important;background:linear-gradient(145deg,#41096d,#25043f);box-shadow:none!important;} .ticker-wrap.eastel-mobile-rail>.ticker-item b{font-size:19px} } @media(prefers-reduced-motion:reduce){.ticker-wrap{animation:none!important;transform:none!important}.eastel-mobile-rail{scroll-behavior:auto!important}.eastel-rail-dots button::after{transition:none}} @media print{.eastel-rail-controls{display:none!important}.eastel-mobile-rail.eastel-mobile-rail{display:block!important;overflow:visible!important;width:100%!important;max-height:none!important;}.eastel-mobile-rail>*{width:100%!important;margin:12px 0!important;break-inside:avoid}.eastel-mobile-rail>.eastel-mobile-duplicate{display:none!important}} @media(max-width:760px){ .hero-assurance.eastel-mobile-rail,.mini-points.eastel-mobile-rail{margin-top:22px!important;padding:0!important} .hero-assurance.eastel-mobile-rail>span,.mini-points.eastel-mobile-rail>span{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:18px 22px!important;background:linear-gradient(145deg,#41096d,#25043fcc);border:1px solid #a533ff40;border-radius:16px!important;font-size:15px!important;line-height:1.5;letter-spacing:0!important;white-space:normal;text-align:center} } @media(max-width:760px){ .content-grid.eastel-mobile-rail,.esk-options.eastel-mobile-rail,.sim-tier-grid.eastel-mobile-rail{padding-inline:0!important} .esk-options.eastel-mobile-rail>.package-panel{height:auto;align-self:stretch;overflow:hidden} .esk-options.eastel-mobile-rail>.package-panel .package-buttons .btn{min-width:0;max-width:100%;white-space:normal} .bonus-page .bonus-compact.eastel-mobile-rail.eastel-mobile-rail{grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:100%!important;overflow-x:auto!important;overflow-y:hidden!important} .eastel-rail-controls .eastel-rail-status{background:#38075e;color:#ffffff;border-radius:999px;padding:8px 12px;min-width:64px} .eastel-rail-dots button::after{background:#714e8d99} .eastel-rail-dots button[aria-pressed=true]::after{background:#7322b3} } @media(max-width:760px){ .eastel-mobile-rail.eastel-mobile-rail>.reveal{opacity:1!important;transform:none!important;transition:none!important} }
/* assets/summary-marquee.css */
@keyframes eastelSummaryFlow{to{transform:translateX(-50%)}} .eastel-summary-marquee.eastel-summary-marquee{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;animation:none!important;transform:none!important;box-sizing:border-box!important;scroll-snap-type:x proximity;} .eastel-summary-marquee::-webkit-scrollbar{display:none} .eastel-summary-marquee>.eastel-summary-track{display:flex!important;width:max-content!important;max-width:none!important;gap:0!important;animation:eastelSummaryFlow var(--summary-duration,60s) linear infinite;} .eastel-summary-marquee[data-summary-state=paused]>.eastel-summary-track{animation:none!important;transform:none!important;} .eastel-summary-marquee[data-summary-state=running]{overflow-x:hidden!important;scroll-snap-type:none;} .eastel-summary-track>.eastel-summary-set{display:flex!important;gap:16px!important;padding:0 16px 0 0!important;flex-shrink:0;align-items:stretch!important;box-sizing:content-box;} .eastel-summary-marquee .eastel-summary-set>*{box-sizing:border-box!important;flex:0 0 var(--summary-card-width,240px)!important;width:var(--summary-card-width,240px)!important;min-width:0!important;max-width:none!important;margin:0!important;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:100px;padding:20px 22px!important;border:1px solid #ffffff26!important;border-radius:16px!important;background:linear-gradient(145deg,#41096d,#25043f);box-shadow:none!important;overflow-wrap:anywhere;white-space:normal!important;} .eastel-summary-marquee .eastel-summary-set>span{flex-direction:row;align-items:center;font-size:14px!important;} .eastel-summary-marquee .eastel-summary-set small{font-size:11px!important;line-height:1.5!important;letter-spacing:.06em;} .eastel-summary-marquee .eastel-summary-set b{font-size:17px!important;line-height:1.4!important;} .eastel-summary-controls{display:flex;justify-content:flex-end;width:100%;margin:10px 0 18px;} .eastel-summary-controls>button{min-height:44px;min-width:64px;padding:8px 14px;border:1px solid #ffffff30;border-radius:12px;background:#38075e;color:#a533ff;font:600 12px Inter,Arial,sans-serif;cursor:pointer;} .eastel-summary-controls>button:focus-visible{outline:2px solid #a533ff;outline-offset:3px;} .eastel-summary-controls>button:disabled{opacity:.4;cursor:default;} .facts,.facts-ribbon,.scrolling-ticker{width:100%;padding-inline:0!important;overflow:hidden;} .facts>.wrap,.facts-ribbon>.wrap{width:100%!important;max-width:none!important;padding-inline:0!important;} .facts-grid.eastel-summary-marquee,.facts-ribbon-container.eastel-summary-marquee{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;} .eastel-summary-controls{box-sizing:border-box;padding-inline:12px;} .eastel-summary-controls>button{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;font:700 18px/1 Arial,sans-serif;} .eastel-hero.eastel-hero .eastel-hero-words{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:18px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:24px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;animation:none!important;transform:none!important;} .eastel-hero.eastel-hero .eastel-hero-words>.eastel-hero-word{display:inline-flex!important;flex:0 1 auto!important;flex-direction:row!important;align-items:center;gap:0!important;min-width:0!important;width:auto!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;white-space:nowrap!important;transform:none!important;font:700 17px/1.6 Inter,Arial,sans-serif!important;} .eastel-hero-words .eastel-word-full,.eastel-hero-words .eastel-word-short{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;background:none!important;color:#f8f5fa!important;animation:none!important;text-shadow:none!important;} .eastel-hero-words .eastel-word-full i{display:none!important;} .eastel-hero-words .eastel-word-full b,.eastel-hero-words .eastel-word-full small{display:inline!important;color:inherit!important;font:inherit!important;letter-spacing:0!important;} .eastel-hero-words .eastel-word-full small::before{content:' ';} .eastel-hero-words .eastel-word-short{display:none;} @media(max-width:760px){ .eastel-hero.eastel-hero .eastel-hero-words{gap:6px!important;} .eastel-hero.eastel-hero .eastel-hero-words>.eastel-hero-word{font-size:clamp(12px,3.2vw,14px)!important;letter-spacing:0!important;} .eastel-hero-words .eastel-word-full{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;} .eastel-hero-words .eastel-word-short{display:inline!important;} } @media(prefers-reduced-motion:reduce){.eastel-hero-words .eastel-word-full,.eastel-hero-words .eastel-word-short{animation:none!important;background:none!important;color:#f2eaf8!important;}} @media print{.eastel-hero-words .eastel-word-full{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;animation:none!important;background:none!important;color:#000000!important;}.eastel-hero-words .eastel-word-short{display:none!important;}} @media(max-width:760px){.eastel-summary-marquee .eastel-summary-set>*{min-height:112px!important;padding:16px 18px!important;border-radius:18px!important;box-shadow:0 4px 12px #11001e18!important;}.eastel-summary-marquee .eastel-summary-set b{font-size:20px!important;}.eastel-summary-marquee .eastel-summary-set>span{font-size:14px!important;}} @media(prefers-reduced-motion:reduce){.eastel-summary-marquee>.eastel-summary-track{animation:none!important;transform:none!important;}.eastel-summary-marquee .eastel-summary-track>.eastel-summary-copy{display:none!important;}} @media print{.eastel-summary-marquee.eastel-summary-marquee{overflow:visible!important;}.eastel-summary-marquee>.eastel-summary-track,.eastel-summary-track>.eastel-summary-set{display:block!important;width:100%!important;padding:0!important;animation:none!important;transform:none!important;}.eastel-summary-marquee .eastel-summary-set>*{width:100%!important;margin-bottom:10px!important;break-inside:avoid;}.eastel-summary-marquee .eastel-summary-track>.eastel-summary-copy,.eastel-summary-controls{display:none!important;}} .eastel-hero-words .eastel-word-full,.eastel-hero-words .eastel-word-short{font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;} .eastel-hero.eastel-hero .hero-labels{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:18px!important;font:600 14px/1.6 Inter,Arial,sans-serif!important;letter-spacing:.035em!important;} .eastel-hero.eastel-hero .hero-labels>span{font:inherit!important;white-space:nowrap!important;} @media(max-width:760px){.eastel-hero.eastel-hero .hero-labels{font-size:12px!important;gap:12px!important;letter-spacing:.01em!important;}} .eastel-hero-words .eastel-word-key,.eastel-hero-words .eastel-word-part{font:inherit!important;letter-spacing:inherit!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;color:#f8f5fa!important;} .eastel-hero-words .eastel-word-key{transition:color .65s ease;} .eastel-hero-words .eastel-word-gold .eastel-word-key{color:#a533ff!important;} @media(prefers-reduced-motion:reduce){.eastel-hero-words .eastel-word-key{transition:none!important;color:#f8f5fa!important;}} @media print{.eastel-hero-words .eastel-word-gold .eastel-word-key,.eastel-hero-words .eastel-word-key,.eastel-hero-words .eastel-word-part{color:#000000!important;transition:none!important;}}
/* assets/site-shell.css */
html{margin:0;padding:0} body{margin:0;padding:0;min-width:0} *,*::before,*::after{box-sizing:border-box} a{text-decoration:none} .footer.footer-compact,.dash-footer.footer-compact{box-sizing:border-box;background:#1a032c!important;color:#cab9d8!important;padding:42px 0 30px!important;border-top:1px solid #ffffff18;font:400 14px/1.8 Inter,Arial,sans-serif!important;text-align:center!important} .footer-compact>.wrap{display:block!important;width:min(1100px,calc(100% - 40px))!important;margin:auto!important} .footer-compact a{color:#e4d7ee!important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.footer-compact a:hover{color:#a533ff!important}.footer-compact a:focus-visible{outline:2px solid #a533ff;outline-offset:4px;border-radius:5px} .footer-compact .footer-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 28px}.footer-compact [hidden]{display:none!important} .footer-compact .footer-socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#ffffff05;border:1px solid #ffffff20;font-size:19px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s} .footer-compact .footer-socials a:hover{transform:translateY(-3px);background:#a533ff10;border-color:#a533ff55} .footer-compact .footer-policies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;padding:0;border-top:0;margin:0 0 18px} .footer-compact .disclaimer{padding:0!important;margin:0 auto 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;max-width:950px;text-align:center!important} .footer-compact .disclaimer p,.footer-compact .footer-bottom p{font-size:14px!important;line-height:1.8!important;margin:0!important;color:#cab9d8!important}.footer-compact strong{font-weight:600;color:#e4d7ee} .footer-compact .footer-bottom{display:block!important;border:0!important;padding:0!important;margin:0!important;text-align:center!important} .footer-social-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:600px){.footer.footer-compact,.dash-footer.footer-compact{padding:30px 0 26px!important}.footer-compact>.wrap{width:calc(100% - 32px)!important}.footer-compact .disclaimer p,.footer-compact .footer-bottom p{font-size:13px!important}.footer-compact .footer-socials{gap:8px;margin-bottom:22px}} @media(prefers-reduced-motion:reduce){.footer-compact .footer-socials a{transition:none}.footer-compact .footer-socials a:hover{transform:none}} @media print{.footer-compact .footer-socials{display:none}} .footer-compact>.wrap{box-sizing:border-box!important;max-width:1100px!important;padding:0!important;float:none!important;text-align:center!important} .footer-compact .disclaimer p,.footer-compact .footer-bottom p{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;font-family:Inter,Arial,sans-serif!important;font-weight:400!important;letter-spacing:normal!important;text-align:center!important} .footer-compact .footer-bottom span,.footer-compact .footer-bottom strong,.footer-compact .footer-bottom a,.footer-compact .disclaimer strong,.footer-compact .disclaimer a{display:inline!important;margin:0!important;padding:0!important;font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;letter-spacing:normal!important} .footer-compact .footer-policies{font:400 14px/1.8 Inter,Arial,sans-serif!important;text-align:center!important} .footer-compact .footer-policies a,.footer-compact .footer-policies span{font:inherit!important;margin:0!important;letter-spacing:normal!important} @media(max-width:760px){body .footer.footer-compact,body .dash-footer.footer-compact,body.has-cta .footer.footer-compact{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}} @media(max-width:600px){.footer-compact .footer-policies{font-size:13px!important}} #siteTop,#siteNav,#siteFooter{--yellow:#a533ff;--muted:#bc9fd2;--deep:#25043f;--surface-line:rgba(255,255,255,.16);--nav-h:72px;--content-max:1200px;font-family:Inter,Arial,sans-serif!important;font-style:normal;letter-spacing:0;box-sizing:border-box} #siteTop{background:#1a032c;color:#af8fc9;font-size:11px;line-height:18px;font-weight:400;border-bottom:1px solid #ffffff26} #siteTop>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:36px;width:min(1200px,calc(100% - 48px))!important;margin-inline:auto!important;padding:0;box-sizing:border-box} #siteTop i{color:#a533ff;margin-right:6px} #siteNav{position:sticky;top:0;z-index:100!important;margin:0;padding:0;background:#1a032c!important;color:#decfea;border-bottom:1px solid #ffffff26;font-size:14px;line-height:22px;font-weight:600} #siteNav>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px!important;width:min(1200px,calc(100% - 48px))!important;gap:16px!important;margin-inline:auto!important;padding:0;box-sizing:border-box} #siteNav .nav-links{display:flex;align-items:center;gap:2px!important;margin:0 auto;padding:0;font:600 14px/22px Inter,Arial,sans-serif!important;letter-spacing:0;min-width:0} #siteNav .nav-links>a{box-sizing:border-box;display:inline-flex;align-items:center;min-height:42px;padding:10px 12px!important;color:#decfea;border:0;border-radius:999px;font:600 14px/22px Inter,Arial,sans-serif!important;letter-spacing:0;text-decoration:none;white-space:nowrap} #siteNav .nav-links>a:hover{color:#ffffff;background:#ffffff12} #siteNav .nav-links>a[aria-current="page"]{color:#a533ff;background:#a533ff1a} #siteNav .brand{display:flex;align-items:center;flex:none;margin:0;padding:0;line-height:1} #siteNav .eastel-brand img{display:block!important;width:130px!important;height:57px!important;object-fit:contain!important;max-width:none} #siteNav .nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none} #siteNav .btn{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:40px!important;padding:10px 14px!important;border:1px solid #ffffff3d;border-radius:12px;background:#ffffff0f;color:#ffffff;font:700 13px/18px Inter,Arial,sans-serif!important;letter-spacing:0;text-transform:none;white-space:nowrap;text-decoration:none} #siteNav .btn.gold{background:linear-gradient(110deg,#c479ff,#a533ff);border-color:#9112f4;color:#25043f} #siteNav .menu-toggle{box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;margin-left:auto;border:1px solid #ffffff29;border-radius:12px;background:#ffffff0f;color:#ffffff;font-size:18px;line-height:1;flex:none} #siteNav .nav-links .drawer-cta{display:none!important} #siteNav [hidden]{display:none!important} #siteFooter.footer-compact{font:400 14px/1.8 Inter,Arial,sans-serif!important;letter-spacing:0;color:#cab9d8!important;padding:42px 0 30px!important;background:#1a032c!important;text-align:center!important} #siteFooter>.wrap{width:min(1100px,calc(100% - 40px))!important;margin-inline:auto!important;padding:0;box-sizing:border-box} #siteFooter p,#siteFooter .footer-policies,#siteFooter a{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;line-height:1.8!important;letter-spacing:0} #siteFooter p{font-weight:400!important}#siteFooter strong{font-family:Inter,Arial,sans-serif!important;font-weight:600;line-height:inherit} #siteFooter .footer-socials a{font-size:19px!important;line-height:1!important} @media(min-width:1101px){#siteNav .nav-links{display:flex!important;position:static!important}#siteNav .menu-toggle{display:none!important}} @media(min-width:1101px) and (max-width:1240px){#siteNav .nav-links>a{padding:10px 8px!important}} @media(max-width:1100px){#siteNav .nav-actions{display:none!important}#siteNav .menu-toggle{display:grid!important;place-items:center}#siteNav .nav-links{display:none!important;position:absolute!important;top:72px!important;left:20px!important;right:20px!important;margin:0!important;padding:12px!important;flex-direction:column!important;align-items:stretch!important;background:#25043f!important;border:1px solid #ffffff29;border-radius:16px;box-shadow:0 18px 55px #0004;max-height:calc(100svh - 110px);overflow-y:auto}#siteNav .nav-links.open{display:flex!important}#siteNav .nav-links>a{padding:13px 14px!important;white-space:normal;border-radius:10px}#siteNav .nav-links .drawer-cta{display:grid!important;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid #ffffff26}#siteTop>.wrap>span:last-child{display:none}} @media(max-width:760px){#siteTop{display:none}#siteNav>.wrap{width:calc(100% - 32px)!important}#siteNav .eastel-brand img{width:115px!important;height:50px!important}} @media(max-width:600px){#siteFooter.footer-compact{padding:30px 0 26px!important}#siteFooter>.wrap{width:calc(100% - 32px)!important}#siteFooter .disclaimer p,#siteFooter .footer-bottom p{font-size:13px!important}} #siteNav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important} #siteNav .nav-links{background:transparent} @media(max-width:1100px){#siteNav .nav-links{background:#1a032c!important}} body #siteNav,body #siteNav.scrolled{background:#1a032c!important;color:#decfea!important;border-bottom-color:#ffffff26!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} body #siteTop{background:#1a032c!important;color:#cab9d8!important} body #siteNav .nav-links>a{color:#decfea!important} body #siteNav .nav-links>a:hover{color:#ffffff!important;background:#ffffff12!important} body #siteNav .nav-links>a[aria-current="page"]{color:#a533ff!important;background:#a533ff1a!important} body #siteNav .btn{color:#ffffff!important;background:#ffffff0f!important} body #siteNav .btn.gold{color:#25043f!important;background:linear-gradient(110deg,#c479ff,#a533ff)!important} @media(max-width:1100px){body #siteNav .nav-links{background:#1a032c!important}} body[data-reference-layout] main a.btn.btn-white,body[data-reference-layout] main a.btn.btn-outline{background:#ffffff;color:#38075f} body[data-reference-layout] main a.btn.btn-gold{background:linear-gradient(#c478ff,#aa3dff);color:#2c183c} body[data-reference-layout] main a.btn.btn-primary{color:#ffffff} body[data-reference-layout] main a.btn.btn-ghost{color:#ffffff} body[data-reference-layout] main a.btn.btn-primary{background:linear-gradient(110deg,#3a0068,#420076)!important;color:#ffffff} body #siteNav .nav-links>a,body #siteNav .nav-links>a[aria-current="page"]{color:#ffffff!important;background:transparent!important} body #siteNav .nav-links>a:hover{color:#ffffff!important;background:#ffffff12!important} body #siteNav .nav-links>a:focus-visible{outline:2px solid #a533ff;outline-offset:2px} body .eastel-hero h1,body .eastel-hero p,body .eastel-hero .hero-content,body .eastel-hero .income-copy,body .eastel-hero .b-hero-grid,body .eastel-hero .hero-inner{text-align:left!important} body .eastel-hero .hero-buttons,body .eastel-hero .hero-proof,body .eastel-hero .support-actions{justify-content:flex-start!important} body .eastel-hero p.lead{margin-left:0!important;margin-right:0!important}
/* assets/subpage-polish-r849.css */
#kenali-ejen-utama .home-agent-teaser{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:28px;padding:30px;border:1px solid #ffffff24;border-radius:24px;background:linear-gradient(120deg,#31104b,#24073a);color:#ffffff} #kenali-ejen-utama .home-agent-avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;background:#e8d9f4;display:grid;place-items:center;color:#37075c;font:700 42px/1 Inter,Arial,sans-serif} #kenali-ejen-utama .home-agent-avatar img{width:100%;height:100%;object-fit:cover;display:block} #kenali-ejen-utama .home-agent-summary>span{color:#c478ff;font:700 11px/1.5 Inter,Arial,sans-serif;letter-spacing:1.4px} #kenali-ejen-utama .home-agent-summary h2{font:700 clamp(26px,3vw,36px)/1.2 Inter,Inter,sans-serif;margin:7px 0 12px;color:#ffffff} #kenali-ejen-utama .home-agent-summary h3{font:600 18px/1.5 Inter,Arial,sans-serif;margin:0;color:#ffffff;overflow-wrap:anywhere} #kenali-ejen-utama .home-agent-summary p{font:400 14px/1.7 Inter,Arial,sans-serif;color:#d5c5e1;margin:5px 0 0} #kenali-ejen-utama .home-agent-open{background:#b658ff;color:#2c163d;border:1px solid #b658ff;white-space:normal;min-height:48px;text-align:center} .modern-site:not(.modern-index) main{--polish-ink:#2c153e;--polish-muted:#5b486a} .modern-site:not(.modern-index) main :is(.wrap,.container){width:min(1160px,calc(100% - 48px))} .modern-site:not(.modern-index) main :is(h1,h2,h3,h4){font-family:Inter,Inter,Arial,sans-serif;text-wrap:balance} .modern-site:not(.modern-index) main :is(.section,.block){padding-block:80px} .modern-site:not(.modern-index) main :is(.section-head,.head){margin-bottom:36px} .modern-site:not(.modern-index) main :is(.section-head,.head) h2{font-size:clamp(30px,3.5vw,44px);line-height:1.18;letter-spacing:-1.1px} .modern-site:not(.modern-index) main :is(.section-head,.head)>p{font-size:16px;line-height:1.8;color:var(--polish-muted)} .modern-site:not(.modern-index) main :is(.hero-grid,.sim-grid,.final-grid,.portal-offer-grid,.special-layout)>*{min-width:0} .modern-site:not(.modern-index) main .hero-grid{min-height:560px;gap:clamp(24px,4vw,56px);padding-block:72px} .modern-site:not(.modern-index) main .hero h1{font-size:clamp(40px,5vw,66px);line-height:1.1;letter-spacing:-1.8px} .modern-site:not(.modern-index) main .hero p{font-size:17px;line-height:1.8} .modern-site:not(.modern-index) main :is(.card,.plan,.price-card,.stat,.tier){min-width:0} .modern-site:not(.modern-index) main :is(.card p,.card li,.info p,.features div,.step p){font-size:14px;line-height:1.8;color:var(--polish-muted)} .modern-site:not(.modern-index) main :is(.btn,.sim-actions a,.portal-actions a){min-height:48px;line-height:1.5;white-space:normal;text-align:center} .modern-site:not(.modern-index) main :is(a,button,input,summary):focus-visible{outline:3px solid #6900bb;outline-offset:4px} .modern-site:not(.modern-index) main :is(.hero,.portal-offer,.final,.sim-cta) :is(a,button):focus-visible{outline-color:#c478ff} .modern-pelan-mobile main .sim-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} .modern-pelan-mobile main .plan .badge{left:auto;right:18px;transform:none;background:#c478ff;color:#304023;max-width:calc(100% - 32px)} .modern-pelan-mobile main .plan h4{font-size:20px;line-height:1.4;color:#43255b} .modern-pelan-mobile main .plan .quota{font-size:clamp(36px,4vw,52px);line-height:1.15;overflow-wrap:anywhere} .modern-pelan-mobile main .category[hidden]{display:none!important} .modern-pelan-mobile main .tabs{gap:10px} .modern-bonus #simulasi{margin-top:36px;padding:30px;border:1px solid #dbcfe5;border-radius:24px;background:#f7f4fa;color:#2c153e} .modern-bonus #simulasi .sim-heading h3{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:16px 0} .modern-bonus #simulasi .sim-heading p,.modern-bonus #simulasi .sim-disclaimer{color:#5b486a;line-height:1.8;font-size:14px} .modern-bonus #simulasi .sim-layout{display:block} .modern-bonus #simulasi .sim-form{padding:0;border:0;background:none} .modern-bonus #simulasi .sim-field{display:block;font-weight:600;line-height:1.6;margin:24px 0;color:#3a204e} .modern-bonus #simulasi .money-input,.modern-bonus #simulasi .tier-input>div{display:flex;align-items:center;gap:10px;margin-top:8px;padding:0 12px;border:1px solid #cab8d8;border-radius:12px;background:#ffffff;color:#46295d} .modern-bonus #simulasi .money-input input,.modern-bonus #simulasi .tier-input input{width:100%;min-width:0;min-height:48px;background:#ffffff;color:#331649;font:600 18px/1.4 Inter,Arial,sans-serif;border:0;border-radius:8px;padding:12px 0} .modern-bonus #simulasi .tier-input>span{color:#e5d9ef} .modern-bonus #simulasi .sim-eligibility{display:flex;align-items:flex-start;gap:12px;color:#3a204e} .modern-bonus #simulasi .sim-eligibility input{width:20px;height:20px;flex:none;accent-color:#46007d;margin-top:3px} .modern-bonus #simulasi .sim-eligibility small{display:block;margin-top:5px;font-weight:400} .modern-bonus #simulasi .sim-grand-total{padding:24px;border-radius:18px;text-align:center;background:#25063e;color:#e5d9ef;margin:24px 0} .modern-bonus #simulasi .sim-total{color:#b658ff;font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.3} .modern-bonus #simulasi .sim-grand-total p{color:#e5d9ef;line-height:1.7} .modern-bonus #simulasi .sim-formula{font-size:13px;line-height:1.7} .modern-bonus #simulasi .btn.gold{background:#b658ff;color:#2c163d;border-color:#9736e4} .modern-bonus #simulasi .btn.ghost{background:#ffffff;color:#3c1958;border-color:#b299c5} .modern-bonus main .card .money{font-size:clamp(26px,3vw,36px);overflow-wrap:anywhere} .support-page #profil-ejen{padding-block:64px} @media(max-width:900px){ .modern-site:not(.modern-index) main .hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;min-height:0;padding-block:56px} .modern-site:not(.modern-index) main .hero-art{min-height:320px;transform:none} .modern-pelan-mobile main .sim-grid{grid-template-columns:minmax(0,1fr)} .modern-esk main .portal-offer-grid{grid-template-columns:minmax(0,1fr);gap:28px} #kenali-ejen-utama .home-agent-teaser{grid-template-columns:88px minmax(0,1fr);gap:20px} #kenali-ejen-utama .home-agent-avatar{width:88px;height:88px} #kenali-ejen-utama .home-agent-open{grid-column:1/-1;justify-self:start} } @media(max-width:600px){ .modern-site:not(.modern-index) main :is(.wrap,.container){width:calc(100% - 32px)} .modern-site:not(.modern-index) main :is(.section,.block){padding-block:52px} .modern-site:not(.modern-index) main .hero-grid{padding-block:44px;gap:16px} .modern-site:not(.modern-index) main .hero h1{font-size:clamp(36px,10vw,46px);letter-spacing:-1.2px} .modern-site:not(.modern-index) main .hero p{font-size:16px} .modern-site:not(.modern-index) main .hero-art{min-height:300px} .modern-site:not(.modern-index) main :is(.hero-actions,.actions,.final-actions,.sim-actions){gap:10px} .modern-site:not(.modern-index) main :is(.hero-actions,.actions,.final-actions,.sim-actions)>.btn{flex:1 1 100%} .modern-site:not(.modern-index) main :is(.hero-actions,.actions,.final-actions,.sim-actions)>a{min-width:0} .modern-pelan-mobile main .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .modern-pelan-mobile main .tab{min-height:48px;padding:10px 8px;white-space:normal;line-height:1.5;font-size:12px} .modern-bonus #simulasi{padding:20px 16px} .modern-bonus main .quick-grid,.modern-esk main .quick-grid{font-size:12px} .modern-esk main .portal-illustration{max-width:330px;height:335px} .modern-esk main .portal-phone{left:40%;transform:scale(.78);transform-origin:top left} .modern-esk main .promo-tile{left:0;transform:rotate(-10deg) scale(.76);transform-origin:top left} #kenali-ejen-utama .home-agent-teaser{padding:24px 20px;grid-template-columns:minmax(0,1fr);gap:18px;text-align:center} #kenali-ejen-utama .home-agent-avatar{margin:auto} #kenali-ejen-utama .home-agent-open{justify-self:stretch} .support-page #profil-ejen{padding-block:40px} } .modern-site:not(.modern-index) main .hero{padding:0} .modern-site:not(.modern-index) main .hero-note{color:#e3d4ef;line-height:1.8} .faq-page main .faq-list{max-width:860px;margin-inline:auto} .faq-page main .faq-list summary{min-height:56px;padding-block:18px;line-height:1.6;font-size:16px} .faq-page main .faq-list details p{font-size:15px;line-height:1.85;color:#5b486a;overflow-wrap:anywhere} .faq-page main .support-section h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2} body:has(.income-hero) main :is(.icon-grid,.digital-benefits)>*{min-width:0} body:has(.income-hero) main :is(.section,.team-free,.digital-section){padding-block:72px} body:has(.income-hero) main .btn{min-height:48px;line-height:1.5;white-space:normal} @media(max-width:600px){.faq-page main .faq-list summary{font-size:15px}.faq-page main .support-section{padding-block:44px}body:has(.income-hero) main :is(.section,.team-free,.digital-section){padding-block:48px}}
/* assets/eastel-forms.css */
.eastel-public-dialog{box-sizing:border-box;width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #a533ff80;border-radius:20px;background:#25043f;color:#f1e8f8;box-shadow:0 25px 90px #0009;font:400 15px/1.6 Inter,Arial,sans-serif;overflow:auto;overscroll-behavior:contain}.eastel-public-dialog::backdrop{background:#11001edd;backdrop-filter:blur(5px)}.eastel-public-dialog[open]{display:block}.eastel-dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;background:#25043f;border-bottom:1px solid #ffffff25}.eastel-dialog-head small{color:#a533ff;font-size:11px}.eastel-dialog-head h2{margin:5px 0 0;font:800 clamp(23px,4vw,30px)/1.2 Inter,Arial,sans-serif;color:white}.eastel-dialog-close{width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff40;background:#ffffff10;border-radius:10px;color:white;font-size:30px;cursor:pointer}.eastel-dialog-body{padding:10px 26px 26px}.eastel-dialog-body [hidden]{display:none!important}.eastel-dialog-body p{color:#ddcdea}.eastel-field{display:flex;flex-direction:column;gap:7px;margin:18px 0;font-size:14px;font-weight:600}.eastel-field input,.eastel-field select,.eastel-field textarea{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #ffffff35;border-radius:9px;background:#1f0632;color:white;padding:12px 14px;font:400 16px/1.4 Inter,Arial,sans-serif}.eastel-field select option{background:#25043f;color:white}.eastel-field :focus-visible,.eastel-dialog-close:focus-visible,.eastel-password-toggle:focus-visible{outline:2px solid #a533ff;outline-offset:3px}.eastel-consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:13px}.eastel-consent input{width:19px;height:19px;flex-shrink:0;margin-top:4px;accent-color:#a533ff}.eastel-dialog-body a{color:#a533ff;text-decoration:underline}.eastel-form-submit{width:100%;min-height:52px}.eastel-form-submit:disabled{opacity:.55;cursor:wait}.eastel-form-ref,.eastel-price-note{border:1px solid #a533ff55;border-radius:9px;padding:12px;background:#a533ff0d;font-size:14px}.eastel-help{font-size:13px;line-height:1.6}.eastel-password-toggle{border:0;background:transparent;color:#a533ff;padding:5px 0;text-decoration:underline;cursor:pointer;font-size:13px}.eastel-dialog-body .portal-message:empty{display:none}.eastel-dialog-body .portal-message{overflow-wrap:anywhere}.public-form-open{overflow:hidden!important}@media(max-width:600px){.eastel-public-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:none;margin:0;border:0;border-radius:0}.eastel-dialog-head{padding:16px 18px}.eastel-dialog-body{padding:10px 18px max(26px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:no-preference){.eastel-public-dialog[open]{animation:eastelFormIn .15s ease-out}@keyframes eastelFormIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}} .signup-success-actions{display:flex;flex-direction:column;gap:12px;margin:18px 0}.signup-success-actions a{width:100%;box-sizing:border-box;text-align:center} #package-dialog{box-sizing:border-box;width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #ab72d7;border-radius:20px;padding:28px;background:#25043f;color:#f1e8f8;font:400 15px/1.7 Inter,Arial,sans-serif}#package-dialog::backdrop{background:#11001ecc}#package-dialog h2{color:#ffffff;font:700 28px/1.2 Inter,Inter,sans-serif}#package-dialog p{color:#dcd0e5}#package-dialog .dialog-close{float:right;background:#ffffff12;color:#ffffff;border:1px solid #ffffff50;border-radius:8px;width:42px;height:42px;font-size:26px}#package-dialog label{display:grid;gap:8px;margin:15px 0}#package-dialog input,#package-dialog select{width:100%;padding:12px;border:1px solid #ffffff45;border-radius:9px;background:#1d062f;color:#ffffff;font:400 16px/1.4 Inter,Arial,sans-serif}#package-dialog [hidden]{display:none!important}#package-dialog .btn{background:#bf7df2;color:#2c173d;width:100%;border:0;border-radius:10px;padding:14px;font:700 15px/1.4 Inter,Arial,sans-serif}
/* assets/reference-effects-r854.css */
:root{ --b-deep:#23003f; --b-dark:#33005b; --b-mid:#45007c; --b-teal:#50008e; --b-brand:#7100ca; --b-gold:#bd6aff; --b-ink:#261235; --b-muted:#60506d; --b-line:#dccce9; --b-soft:#f6effb; --b-shadow:0 20px 60px rgba(51,0,91,.14); --b-ease:cubic-bezier(.22,.8,.2,1); } .scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:999;background:linear-gradient(90deg,#7100ca,#bd6aff);box-shadow:0 0 12px #7100ca99;transition:width .1s linear} header{transition:box-shadow .3s,background .3s} header.scrolled{box-shadow:0 10px 35px rgba(51,0,91,.14);background:rgba(255,255,255,.82)!important;backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4)} .btn{position:relative;overflow:hidden;isolation:isolate} .btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--b-ease)} .btn:hover::after{transform:translateX(120%)} .spot{position:relative} .spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(113,0,202,.14),transparent 60%)} .spot:hover::after{opacity:1} .hero{position:relative;overflow:hidden} .hero .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none;animation:blobMove 14s ease-in-out infinite} .hero .blob.b1{width:380px;height:380px;background:#8100e6;top:-120px;right:8%} .hero .blob.b2{width:320px;height:320px;background:#bd6aff;bottom:-160px;left:-60px;opacity:.28;animation-delay:-5s} @keyframes blobMove{50%{transform:translate(40px,30px) scale(1.12)}} .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--b-ease),transform .8s var(--b-ease)} .reveal.visible{opacity:1;transform:none} .hero .blob{z-index:0} .hero-bottom{position:relative;z-index:1} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* assets/reference-index-r854.css */
:root{--navy:#211055;--navy2:#392184;--blue:#5734c8;--cyan:#7554dd;--ink:#211b36;--muted:#63748e;--line:#e1eaf6;--bg:#faf8ff;--white:#ffffff;--shadow:0 20px 65px rgba(14,46,101,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:'Inter',sans-serif;color:var(--ink);background:white}h1,h2,h3,h4,.brand,.price{font-family:Inter,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8500ed;outline-offset:3px}.container{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--blue)}.section{padding:100px 0}.section-head{max-width:730px;margin:0 auto 42px;text-align:center}.section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0}.section-head p{color:var(--muted);line-height:1.8;margin:0}.gradient-text{background:linear-gradient(110deg,#c274ff,#ffffff);background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:15px 23px;font-size:14px;font-weight:800;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #5734c833}.btn-primary{background:linear-gradient(110deg,#4b2abb,#7049df);color:white;box-shadow:0 8px 25px #5734c833}.btn-white{background:#ffffff;color:#1256c9}.btn-outline{border:1px solid #c8d8ed;background:transparent;color:var(--ink)}.btn-ghost{border:1px solid #ffffff60;background:#ffffff12;color:white}.topline{background:#06152d;color:#b8d3f4;text-align:center;font-size:11px;padding:9px 15px}.topline strong{color:#cd8dff}header{position:sticky;top:0;z-index:50;background:#ffffffee;backdrop-filter:blur(18px);border-bottom:1px solid #e9eef6}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:900;letter-spacing:-1.4px;color:#09234d}.brand span{color:#1776ff}.brand small{display:block;font:700 9px 'Inter',sans-serif;letter-spacing:1.6px;color:#7890aa}.navlinks{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:#3e5270}.navlinks a:hover{color:var(--blue)}.nav-actions{display:flex;gap:9px;align-items:center}.nav-actions .btn{padding:12px 15px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)} .hero{background:radial-gradient(ellipse at 80% 20%,#1257a5 0%,transparent 40%),radial-gradient(ellipse at 20% 80%,#0c3975 0%,transparent 40%),linear-gradient(120deg,#061831,#08234d 60%,#071a36);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000000)}.hero-inner{min-height:660px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:50px;padding:72px 0 85px;position:relative}.hero-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #68baff55;background:#ffffff0c;color:#e2bdff;border-radius:100px;padding:10px 15px;font-size:12px;font-weight:800}.pulse{width:8px;height:8px;border-radius:50%;background:#a042e9;box-shadow:0 0 0 5px #a042e920}.hero h1{font-size:clamp(46px,5.5vw,76px);line-height:1.03;letter-spacing:-2.8px;margin:25px 0 23px}.hero p{color:#bfd0e7;line-height:1.9;font-size:16px;max-width:560px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-proof{display:flex;gap:23px;flex-wrap:wrap;font-size:12px;color:#d7e8fa;font-weight:700}.hero-proof span:before{content:'✓';color:#a451e6;margin-right:7px}.hero-art{min-height:475px;display:grid;place-items:center;position:relative}.orbit{width:390px;height:390px;border:1px solid #9bcfff35;border-radius:50%;position:absolute;box-shadow:0 0 0 42px #8bcfff08,0 0 0 85px #8bcfff06}.phone{width:265px;height:480px;border-radius:38px;border:9px solid #162b4a;background:#f7fbff;box-shadow:20px 35px 60px #0008,0 0 0 2px #6d8bb0;transform:rotate(8deg);padding:13px;color:#092e67;position:relative;z-index:2}.notch{width:90px;height:17px;border-radius:0 0 15px 15px;background:#162b4a;position:absolute;top:-2px;left:calc(50% - 45px)}.phone-top{text-align:center;margin-top:28px;font:900 25px Inter}.phone-top span{color:#2375ff}.phone-banner{margin-top:28px;border-radius:19px;background:linear-gradient(135deg,#083c86,#127dff);color:white;padding:24px 14px;text-align:center}.phone-banner small{font-size:10px;letter-spacing:1.2px}.phone-banner b{display:block;font:900 72px Inter;line-height:1.15}.phone-banner em{font-style:normal;font-size:13px}.phone-data{display:flex;gap:9px;margin-top:18px}.phone-data div{flex:1;background:#eaf3ff;border-radius:11px;padding:12px 6px;text-align:center;font-size:10px}.phone-data b{display:block;font:800 17px Inter}.phone-cta{background:#1671ff;color:#ffffff;text-align:center;border-radius:10px;padding:12px;margin-top:20px;font-weight:800;font-size:12px}.float-card{position:absolute;z-index:4;background:#ffffff;color:#112b54;padding:14px 18px;border-radius:16px;box-shadow:0 20px 50px #0003;animation:float 5s ease-in-out infinite}.float-card b{display:block;font:900 21px Inter}.float-card small{color:#6e8098;font-size:11px}.float-a{top:90px;left:0}.float-b{bottom:75px;right:0;animation-delay:-2s}.hero-bottom{background:#211055;border-top:1px solid #ffffff17}.trustbar{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:24px 0;color:#d2e4f9;font-size:13px;font-weight:800}.trustbar span{display:flex;gap:10px;align-items:center}.trustbar i{color:#bc67ff;font-style:normal;font-size:19px} .benefits{background:#ffffff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit{border:1px solid var(--line);padding:30px 24px;border-radius:22px;background:#ffffff;transition:.3s}.benefit:hover,.plan:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#a9cfff}.iconbox{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eaf3ff;color:#1674ff;font-size:24px;margin-bottom:25px}.benefit h3{font-size:20px;margin:0 0 10px}.benefit p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.plans{background:var(--bg)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:white;border:1px solid #e0e9f5;border-radius:24px;padding:30px;position:relative;transition:.3s;display:flex;flex-direction:column}.plan.featured{border:2px solid var(--blue);box-shadow:0 18px 50px #5734c819}.popular{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--blue);color:white;font-size:11px;font-weight:800;padding:8px 18px;border-radius:30px;white-space:nowrap}.plan-name{font-weight:800;font-size:15px;color:#4a6385}.plan .data{font:900 clamp(44px,5vw,64px) Inter;letter-spacing:-2px;margin:15px 0 0;color:#0d2d5d}.plan .data small{font-size:18px;letter-spacing:0}.plan .price{font-size:33px;font-weight:900;margin:12px 0}.plan .price small{font:500 13px 'Inter';color:#7a8ca4}.plan ul{list-style:none;padding:20px 0;margin:10px 0 15px;border-top:1px solid var(--line);flex:1}.plan li{padding:9px 0;font-size:13px;color:#516780}.plan li:before{content:'✓';font-weight:900;color:#700fbc;margin-right:10px}.plan .btn{width:100%}.footnote{font-size:12px;color:#7a8ba0;line-height:1.8;margin-top:25px;text-align:center} .partner{background:#ffffff}.partner-shell{background:linear-gradient(135deg,#071c3c,#0c3268);border-radius:32px;padding:65px;color:white;position:relative;overflow:hidden}.partner-shell:after{content:'';width:430px;height:430px;border:1px solid #ffffff16;border-radius:50%;position:absolute;right:-180px;top:-190px;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff05}.partner-top{display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;z-index:1}.partner-top h2{font-size:clamp(33px,4vw,49px);line-height:1.1;letter-spacing:-1px;margin:14px 0}.partner-top p{color:#c3d4e9;line-height:1.8;max-width:650px}.bonus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px;position:relative;z-index:1}.bonus{background:#ffffff0e;border:1px solid #ffffff24;border-radius:18px;padding:24px 19px;backdrop-filter:blur(8px)}.bonus small{color:#c77fff;font-size:11px;font-weight:800}.bonus strong{display:block;font:900 30px Inter;margin:15px 0 8px}.bonus h3{font-size:15px;margin:0 0 8px}.bonus p{font-size:12px;line-height:1.7;color:#c4d6eb;margin:0}.partner-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px;position:relative;z-index:1}.partner-actions small{color:#b9cce2;max-width:600px;line-height:1.6} .portal{background:#f7fbff}.portal-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.portal h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-1.4px;margin:15px 0}.portal p{color:var(--muted);line-height:1.9}.checks{padding:0;list-style:none;margin:25px 0}.checks li{padding:9px 0;font-weight:700;font-size:14px}.checks li:before{content:'✓';display:inline-grid;place-items:center;background:#edddf9;color:#660aaf;border-radius:50%;width:23px;height:23px;margin-right:12px}.dashboard{background:white;border:1px solid #dce9fa;border-radius:22px;box-shadow:0 30px 65px #113b7d20;overflow:hidden;transform:rotate(1.5deg)}.dash-head{background:#092751;color:white;padding:16px 20px;display:flex;justify-content:space-between;font-weight:800;font-size:13px}.dash-body{padding:24px}.dash-welcome{font:800 23px Inter;margin-bottom:5px}.dash-sub{color:#8594aa;font-size:12px}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.dash-stat{background:#f0f6ff;border-radius:12px;padding:15px 10px}.dash-stat b{display:block;font:900 24px Inter;color:#0b4fb4}.dash-stat small{font-size:10px;color:#69809d}.dash-link{border:1px dashed #8db7ef;background:#f8fbff;padding:15px;border-radius:12px;font-size:13px;color:#1855a8;font-weight:800;overflow-wrap:anywhere}.dash-chart{height:120px;display:flex;align-items:end;gap:9px;padding:18px 0 0}.dash-chart span{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(#38a5ff,#1463dc)}.trial{display:inline-flex;gap:8px;align-items:center;background:#e6f5ff;color:#1165c6;border-radius:100px;padding:9px 13px;font-weight:800;font-size:12px;margin:6px 0 22px} .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{padding:32px;border-radius:22px;border:1px solid var(--line);position:relative}.step-number{font:900 48px Inter;color:#d6e8ff}.step h3{font-size:22px;margin:12px 0}.step p{color:var(--muted);font-size:13px;line-height:1.8}.faq{background:#f6f9fe}.faq-wrap{max-width:850px;margin:auto}.faq details{background:#ffffff;border:1px solid var(--line);border-radius:15px;margin-bottom:12px;padding:0 22px}.faq summary{list-style:none;cursor:pointer;padding:21px 0;font-weight:800;display:flex;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;color:var(--blue)}.faq details[open] summary:after{content:'−'}.faq details p{margin:0;padding:0 0 22px;color:var(--muted);line-height:1.8;font-size:14px}.endcta{padding:90px 0;background:linear-gradient(120deg,#0b3270,#0a5bd1);color:#ffffff;text-align:center}.endcta h2{font-size:clamp(35px,5vw,56px);letter-spacing:-1.5px;margin:12px 0}.endcta p{color:#d2e4fa;line-height:1.8}.endcta .buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:27px}footer{background:#06152d;color:#9eb2ce;padding:50px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:35px;flex-wrap:wrap}.footer-grid .brand{color:white}.footer-grid p{font-size:12px;line-height:1.8;max-width:540px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.footer-links a:hover{color:white}.copyright{border-top:1px solid #ffffff19;padding-top:22px;margin-top:28px;font-size:11px;line-height:1.7}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-12px)}} @media(max-width:1050px){.navlinks{gap:13px}.nav-actions .btn-outline{display:none}.hero-inner{gap:15px}.bonus-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 32px,560px)}.section{padding:68px 0}.nav{height:66px}.navlinks{display:none;position:absolute;top:66px;left:0;right:0;background:#ffffff;padding:20px 25px;box-shadow:0 20px 30px #102b5222;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 0;border-bottom:1px solid #edf2f8}.menu-toggle{display:block}.nav-actions .btn{padding:10px 13px;font-size:12px}.hero-inner{grid-template-columns:1fr;text-align:center;padding:62px 0 45px;gap:10px}.hero h1{font-size:clamp(43px,11vw,64px);letter-spacing:-2px}.hero p{font-size:14px}.hero-buttons,.hero-proof{justify-content:center}.hero-art{min-height:420px;transform:scale(.84);margin:-15px 0 -25px}.orbit{width:340px;height:340px}.float-a{left:-10px}.float-b{right:-10px}.trustbar{justify-content:center;gap:14px 22px;font-size:11px}.section-head h2{font-size:34px}.benefit-grid,.plan-grid,.steps-grid,.portal-grid{grid-template-columns:1fr}.plan-grid{gap:25px}.partner-shell{padding:38px 22px;border-radius:22px}.partner-top{display:block}.bonus-grid{grid-template-columns:1fr 1fr;gap:10px}.bonus{padding:17px 13px}.bonus strong{font-size:25px}.bonus h3{font-size:13px}.partner-actions .btn{width:100%}.portal-grid{gap:35px}.dashboard{transform:none}.footer-grid{display:block}.footer-links{margin-top:20px}.endcta{padding:70px 0}}@media(max-width:390px){.nav-actions .btn{display:none}.hero-art{transform:scale(.73);margin:-45px 0 -65px}.bonus-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.hero-buttons .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}} .portal.portal-showcase{background:linear-gradient(115deg,#192d62 0%,#4930a2 42%,#6d0abb 100%);color:white;position:relative;overflow:hidden;padding:75px 0} .portal-showcase:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#be6bff33;filter:blur(75px);top:-200px;left:-130px;pointer-events:none} .portal-showcase .portal-grid{grid-template-columns:.94fr 1.06fr;gap:45px;position:relative;z-index:1} .portal-showcase .portal-copy{order:2}.portal-showcase .portal-visual{order:1;min-height:410px;display:flex;align-items:center;justify-content:center;position:relative} .portal-showcase .portal-eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#e2bdff} .portal-showcase h2{color:#ffffff;font-size:clamp(32px,3.5vw,52px);line-height:1.13;margin:16px 0} .portal-showcase h2 em{font-style:normal;color:#c883ff} .portal-showcase p{color:#edf4ff;line-height:1.8;max-width:560px} .portal-showcase .portal-note{font-size:12px;color:#cddff4;margin-top:14px} .portal-showcase .portal-cta{background:#ffac3c;color:#18243c;font-weight:800;box-shadow:0 14px 30px #090e3355} .portal-showcase .portal-cta:hover{background:#ffbd63;transform:translateY(-3px)} .portal-showcase .portal-secondary{border:1px solid #ffffff88;color:white;background:#ffffff12} .portal-showcase .portal-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} .portal-showcase .bear-cutout{width:240px;height:305px;object-fit:cover;object-position:center 55%;border-radius:35% 35% 25% 25%;border:5px solid #ffffff55;box-shadow:0 20px 60px #080b4055;position:absolute;left:0;bottom:10px;transform:rotate(-8deg);z-index:2} .portal-showcase .portal-phone{width:230px;height:405px;border:10px solid #121822;border-radius:35px;background:#f7fbff;box-shadow:0 26px 60px #0008;position:absolute;right:8%;top:0;overflow:hidden;animation:portalFloat 5s ease-in-out infinite} .portal-showcase .phone-notch{width:85px;height:16px;background:#121822;border-radius:0 0 14px 14px;margin:auto} .portal-showcase .phone-top{background:linear-gradient(120deg,#7407ca,#58009e);color:white;padding:24px 13px 30px;text-align:center;font-weight:800} .portal-showcase .phone-card{background:white;color:#17304c;margin:-14px 12px 0;padding:14px;border-radius:13px;box-shadow:0 8px 25px #0d346322;font-size:12px} .portal-showcase .phone-line{height:9px;border-radius:6px;background:#e4eef5;margin:12px 0} .portal-showcase .phone-pill{background:#710dc0;color:white;border-radius:8px;padding:9px;text-align:center;font-weight:800;margin-top:14px} .portal-showcase .portal-caption{position:absolute;bottom:-23px;right:5%;color:#d4edff;font-size:11px} @keyframes portalFloat{50%{transform:translateY(-12px)}} @media(max-width:800px){.portal-showcase .portal-grid{grid-template-columns:1fr;gap:20px}.portal-showcase .portal-copy{order:1}.portal-showcase .portal-visual{order:2;min-height:370px}.portal-showcase .bear-cutout{left:7%;width:190px;height:255px}.portal-showcase .portal-phone{right:10%;width:205px;height:355px}.portal.portal-showcase{padding:55px 0 75px}} @media(max-width:440px){.portal-showcase .bear-cutout{left:0;width:165px;height:230px}.portal-showcase .portal-phone{right:0;width:190px;height:345px}.portal-showcase .portal-visual{min-height:350px}} @media(prefers-reduced-motion:reduce){.portal-showcase .portal-phone{animation:none}} .partner-shell{background:radial-gradient(circle at 88% 10%,#215aa255,transparent 38%),linear-gradient(125deg,#06142d 0%,#0a2449 55%,#071a39 100%);box-shadow:0 26px 65px #0a254326} .partner-highlight{background:linear-gradient(90deg,#cc8cff,#74a9ff,#c3b4ff);-webkit-background-clip:text;background-clip:text;color:transparent} .partner-top h2{font-size:clamp(32px,3.7vw,51px);line-height:1.16} .partner-emblem{width:126px;height:126px;flex:none;border:1px solid #87cfff55;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:49px;color:#c883ff;transform:rotate(8deg);background:#ffffff0b;box-shadow:0 0 45px #32aaff22;animation:partnerFloat 5s ease-in-out infinite}.partner-emblem span{font-size:12px;font-weight:800;letter-spacing:2px;transform:rotate(-8deg)} .partner .bonus{background:linear-gradient(155deg,#ffffff19,#ffffff08);border:1px solid #dfb7ff32;box-shadow:inset 0 1px #ffffff22,0 14px 30px #00000012;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden} .partner .bonus:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#bf6eff,transparent);opacity:0;transition:opacity .3s} .partner .bonus:hover{transform:translateY(-9px);border-color:#c985ff99;box-shadow:0 20px 42px #00000040,0 0 22px #40aaff20}.partner .bonus:hover:before{opacity:1} .partner .bonus-icon{height:44px;width:44px;border-radius:13px;display:grid;place-items:center;background:#4c9aff20;border:1px solid #cd8eff33;color:#cb89ff;font-size:26px;margin-bottom:18px} .partner .bonus strong{font-size:clamp(25px,2.4vw,34px);color:white;letter-spacing:-.6px} .partner .bonus h3{color:#f5faff}.partner-cta{box-shadow:0 10px 30px #4aa8ff38;transition:transform .25s,box-shadow .25s}.partner-cta:hover{transform:translateY(-3px);box-shadow:0 15px 35px #4aa8ff55} @keyframes partnerFloat{50%{transform:translateY(-10px) rotate(8deg)}} @media(max-width:760px){.partner-emblem{display:none}.partner-top h2{font-size:clamp(30px,8vw,42px)}.partner .bonus-icon{margin-bottom:12px}} @media(prefers-reduced-motion:reduce){.partner-emblem{animation:none}} .section.partner.partner-wide{background:radial-gradient(circle at 85% 15%,#153f7b 0%,transparent 43%),linear-gradient(125deg,#06162e 0%,#0b2b55 100%);padding:92px 0;color:#ffffff;overflow:hidden} .partner-wide .partner-shell{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important} .partner-wide .partner-shell:after{right:-120px;top:-130px;pointer-events:none} .partner-wide .bonus{background:rgba(255,255,255,.065)!important;border:1px solid rgba(155,206,255,.24)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease} .partner-wide .bonus:hover{transform:translateY(-8px);border-color:rgba(195,118,255,.8)!important;box-shadow:0 18px 40px #0003,0 0 28px #4aa6ff22} .portal-showcase .portal-eyebrow{background:rgba(168,58,255,.18);color:#dcb0ff;border:1px solid rgba(192,112,255,.45)} .agent-link-preview{max-width:530px;margin:22px 0 19px;padding:14px 17px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.28);border-radius:15px;backdrop-filter:blur(10px)} .agent-link-label{display:block;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#d9edff;margin-bottom:8px} .agent-link-bar{display:flex;align-items:center;gap:10px;min-width:0}.agent-globe{font-size:23px;color:#d49eff}.agent-link-text{font-size:clamp(12px,1.15vw,15px);font-weight:700;overflow-wrap:anywhere;flex:1}.agent-link-text b{color:#d49dff}.agent-copy{border:1px solid #ffffff6b;border-radius:8px;background:#ffffff20;color:white;padding:7px 11px;cursor:pointer;font:inherit;font-size:12px}.agent-link-preview small{display:block;color:#d8e9fb;margin-top:6px;font-size:11px} #langkah .steps-grid{align-items:stretch;gap:20px}.choice-card{display:flex;flex-direction:column;min-height:300px;background:white;box-shadow:0 12px 36px rgba(22,50,95,.07);transition:transform .3s,box-shadow .3s}.choice-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(22,50,95,.15)}.choice-top{display:flex;justify-content:space-between;align-items:center}.choice-icon{display:grid;place-items:center;width:55px;height:55px;background:#e9f2ff;border-radius:15px;color:#2563eb;font-size:29px}.choice-number{font-size:13px;font-weight:800;color:#a1afc5}.choice-card h3{margin:22px 0 8px}.choice-card p{flex:1}.choice-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e2eaf5;color:#1764d9;font-weight:800;font-size:14px;text-decoration:none}.choice-action span{font-size:21px}.choice-trial .choice-icon{background:#f1eaff;color:#773de3}.choice-pro{background:linear-gradient(135deg,#0a2247,#123b72);border-color:#25518a}.choice-pro h3,.choice-pro .choice-action{color:white}.choice-pro p{color:#c5d7f2}.choice-pro .choice-icon{background:#214a7e;color:#9dd5ff}.choice-pro .choice-number{color:#93b7e7}.choice-pro .choice-action{border-top-color:#ffffff30} @media(max-width:760px){.section.partner.partner-wide{padding:66px 0}.agent-link-preview{padding:12px}.agent-link-bar{flex-wrap:wrap}.agent-copy{margin-left:auto}.choice-card{min-height:245px}} @media(prefers-reduced-motion:reduce){.choice-card,.partner-wide .bonus{transition:none!important}} .faq-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.faq-tabs button{border:1px solid #cbdaf0;background:#ffffff;color:#16345b;padding:12px 24px;border-radius:999px;font-weight:800;cursor:pointer}.faq-tabs button.active{background:#1263db;color:#ffffff;border-color:#1263db;box-shadow:0 8px 20px #1263db30}.agent-contact{background:linear-gradient(135deg,#edf5ff,#ffffff 65%)}.agent-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.agent-panel,.ref-panel{border:1px solid #d7e4f6;background:#ffffff;border-radius:24px;padding:32px;box-shadow:0 18px 45px #183e7110}.agent-profile{display:flex;gap:17px;align-items:center}.agent-avatar{width:76px;height:76px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:36px;background:#e5efff;overflow:hidden}.agent-avatar img{width:100%;height:100%;object-fit:cover}.agent-kicker{font-size:11px;letter-spacing:1.3px;font-weight:850;color:#1464d2}.agent-profile h3,.ref-panel h3{font-size:23px;color:#0c2547;margin:6px 0}.agent-profile p,.agent-help,.ref-panel p{font-size:13px;color:#60738c;line-height:1.8}.agent-help{margin:22px 0}.agent-buttons{display:flex;gap:10px;flex-wrap:wrap}.agent-whatsapp,.agent-ai{border:0;border-radius:12px;padding:15px 19px;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.agent-whatsapp{background:#541486;color:white}.agent-whatsapp[aria-disabled=true]{opacity:.55;cursor:not-allowed}.agent-ai{background:#e9f1ff;color:#174b8f}.agent-ai small{display:block;font-size:10px;font-weight:500}.agent-status{font-size:11px;color:#7789a0;margin-top:16px;line-height:1.6}.ref-heading{display:flex;justify-content:space-between;gap:10px}.ref-symbol{font-size:34px;color:#2169ce}.ref-code{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f2f7ff;border:1px solid #dce8f8;padding:13px;border-radius:13px;margin:18px 0}.ref-code span{font-size:17px;font-weight:850;overflow-wrap:anywhere}.ref-code button{background:#1763cb;color:#ffffff;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.ref-code button:disabled{opacity:.45;cursor:not-allowed}.qr-placeholder{border:1px dashed #b7cce6;border-radius:15px;min-height:140px;display:flex;align-items:center;justify-content:center;gap:14px;color:#748ba9;padding:15px;text-align:center}.qr-placeholder span{font-size:55px}.qr-placeholder small{max-width:220px;line-height:1.5}.qr-placeholder img{width:140px;height:140px}.ref-link{display:inline-block;margin-top:18px;color:#1263db;font-size:13px;font-weight:800;text-decoration:none}@media(max-width:760px){.agent-layout{grid-template-columns:1fr}.agent-panel,.ref-panel{padding:23px}.agent-buttons>*{flex:1;text-align:center}.faq-tabs button{flex:1;padding:11px 12px}} .faq-help{text-align:center;margin:24px auto 0;color:#5c708e;font-size:14px}.faq-help a{display:inline-block;margin-top:12px;padding:13px 24px;background:#531386;color:#ffffff;text-decoration:none;border-radius:12px;font-weight:800}.wa-float{position:fixed;right:22px;bottom:22px;z-index:200;background:#531386;color:white;border-radius:50px;padding:15px 19px;font-weight:800;box-shadow:0 12px 35px #3d0b6450;text-decoration:none}.wa-float[aria-disabled="true"]{display:none}@media(max-width:640px){.wa-float{right:14px;bottom:14px;padding:13px 16px}} :root{--navy:#181047;--navy2:#302077;--blue:#4932c6;--cyan:#8619dc;--ink:#19172d;--muted:#625f76;--line:#e7e2f5;--bg:#f8f7fd;--gold:#af4aff} .topline{background:#170d40;color:#f5f0ff}.topline strong{color:#af4aff} .brand{color:#21134f}.brand span,.eyebrow{color:#5134c9} .navlinks a:hover{color:#5637cc} .btn-primary{background:linear-gradient(110deg,#4b2fc4,#7450df);color:#ffffff;box-shadow:0 8px 25px #4c2fc43b} .btn-primary:hover{box-shadow:0 12px 30px #4c2fc455} .btn-white{color:#4225ad}.btn-outline{border-color:#d7ccef} .section.partner.partner-wide{background:radial-gradient(circle at 85% 12%,#6843b7 0%,transparent 44%),linear-gradient(125deg,#170d3f 0%,#312077 62%,#18144f 100%);color:#ffffff} .partner-highlight{background:linear-gradient(90deg,#b14eff,#d39aff);-webkit-background-clip:text;background-clip:text;color:transparent} .partner-wide .bonus{border-color:rgba(213,190,255,.28)!important;background:rgba(255,255,255,.075)!important} .partner .bonus strong{color:#b556ff}.partner .bonus-icon{color:#b556ff;background:#b556ff1c;border-color:#b556ff44} .partner .bonus:hover{border-color:#d8bbff!important} .portal-showcase .portal-eyebrow{color:#cc8cff;border-color:#cc8cff88} .agent-link-text b{color:#b556ff} .faq-tabs button{border-color:#dcd3f1;color:#34245d}.faq-tabs button.active{background:#4b2fc4;color:white;border-color:#4b2fc4} .faq-help a{background:#521284;color:#ffffff} button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#9d2df5} :root{--navy:#1d1054;--navy2:#312079;--blue:#5734c8;--cyan:#7354e3;--ink:#211b36;--muted:#655f77;--line:#e7e0f6;--bg:#faf8ff;--shadow:0 20px 65px rgba(57,30,123,.13)} body{color:var(--ink)} .topline{background:#24125f;color:#eee8ff}.topline strong{color:#be6cff} .brand{color:#28166c}.brand span,.eyebrow{color:#6138ce} header{border-bottom-color:#eee8f8}.navlinks a:hover{color:#6138ce} .btn-primary{background:linear-gradient(115deg,#4b2abb,#7049df);color:#ffffff;box-shadow:0 9px 24px #4b2abb35} .btn:hover{box-shadow:0 12px 28px #5734c844}.btn-white{color:#4b2abb}.btn-outline{border-color:#d8cbf1} button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#a53ff5} .hero{background:linear-gradient(125deg,#23105c 0%,#4b28b4 55%,#6c45d2 100%)!important} .hero .gradient-text,.gradient-text{background:linear-gradient(100deg,#ffffff,#be6bff);background-clip:text;color:transparent} .benefits,.plans,.faq{background:#faf8ff} .partner,.partner-wide{background:linear-gradient(130deg,#211055,#40219a 62%,#5331b7)!important} .partner .eyebrow,.portal .eyebrow{color:#be6bff} .portal-showcase{background:linear-gradient(125deg,#30136f,#5a31bd 65%,#7145d7)!important} .portal-showcase .portal-copy h2 em,.portal-showcase h2 strong{color:#be6bff} .agent-contact{background:#f9f7ff} .endcta,footer{background:linear-gradient(120deg,#1d1054,#3c228b)!important} ::selection{background:#be6bff;color:#251253} :root{--navy:#33005b;--navy2:#45007c;--blue:#59009f;--cyan:#7100ca;--ink:#261235;--muted:#60506d;--line:#dccce9;--bg:#f6effb;--gold:#b14dff} body{color:var(--ink)} .topline{background:#33005b;color:#ffffff}.topline strong{color:#bd6aff} header{border-bottom-color:#e4d5ef}.brand{color:#33005b}.brand span,.eyebrow,.navlinks a:hover{color:#50008e} .btn-primary{background:linear-gradient(110deg,#50008e,#6700b8);color:#ffffff;box-shadow:0 8px 25px #50008e38}.btn-primary:hover{box-shadow:0 12px 30px #50008e50}.btn-white{color:#3d006d}.btn-outline{border-color:#c5a7dc} .hero{background:radial-gradient(ellipse at 80% 20%,#7a00d970 0%,transparent 44%),radial-gradient(ellipse at 18% 85%,#57009b70 0%,transparent 48%),linear-gradient(120deg,#3e006e,#6600b6 64%,#7100ca);color:#ffffff} .hero-pill{border-color:#ffffff70;background:#33005b40;color:#ffffff}.hero p,.hero-proof{color:#f9f2ff}.hero-proof span:before,.trustbar i{color:#bd6aff}.gradient-text{background:linear-gradient(110deg,#bd6aff,#e2bdff);background-clip:text;color:transparent} .hero-bottom{background:#44007a}.trustbar{color:#ffffff}.phone-top span{color:#5f00a9}.phone-banner{background:linear-gradient(135deg,#47007e,#7100ca)}.phone-cta{background:#50008e}.phone-data div,.iconbox{background:#eee1f8}.iconbox{color:#50008e}.benefit:hover,.plan:hover{border-color:#a065cf} .plans{background:#f6effb}.plan.featured{box-shadow:0 18px 50px #50008e1c}.popular{background:#50008e}.plan .data{color:#3d006d}.plan li:before{color:#58009e} .section.partner.partner-wide{background:radial-gradient(circle at 87% 10%,#7100ca8a,transparent 46%),linear-gradient(125deg,#2b004d,#47007e 57%,#58009e);color:#ffffff}.partner-shell{background:transparent;box-shadow:none}.partner-highlight{background:linear-gradient(90deg,#bd6aff,#daaaff);background-clip:text;color:transparent}.partner .bonus{background:#ffffff16;border-color:#ffffff55}.partner .bonus strong,.partner .bonus-icon{color:#bd6aff}.partner .bonus-icon{background:#bd6aff18;border-color:#bd6aff55}.partner .bonus:hover{border-color:#bd6aff!important}.partner .bonus:before{background:linear-gradient(90deg,transparent,#bd6aff,transparent)} .portal-showcase{background:linear-gradient(115deg,#45007c,#7100ca)!important}.portal-showcase .portal-eyebrow{color:#bd6aff;border-color:#bd6aff88}.portal-showcase .portal-phone .phone-top{background:linear-gradient(120deg,#45007c,#7100ca)}.portal-showcase .phone-pill{background:#50008e}.agent-link-text b{color:#bd6aff} .choice-icon{background:#ede0f7;color:#50008e}.choice-action{color:#47007e}.choice-trial .choice-icon{background:#ead8f8;color:#47007e}.choice-pro{background:linear-gradient(135deg,#33005b,#50008f);border-color:#50008f}.choice-pro .choice-icon{background:#ffffff25;color:#ffffff} .faq-tabs button{border-color:#d1b9e4;color:#3d006d}.faq-tabs button.active{background:#50008e;border-color:#50008e;color:#ffffff;box-shadow:0 8px 20px #50008e30}.agent-contact{background:linear-gradient(135deg,#f3e9fa,#ffffff 65%)}.agent-panel,.ref-panel{border-color:#ddcdea}.agent-avatar,.ref-code{background:#efe4f7}.agent-kicker,.ref-symbol,.ref-link{color:#50008e}.ref-code{border-color:#dac7e9}.ref-code button{background:#50008e}.agent-profile h3,.ref-panel h3{color:#33005b}.agent-ai{background:#efe3f8;color:#3d006d} footer{background:#2b004c!important}.wa-float,.faq-help a,.agent-whatsapp{background:#531286} a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#b14dff} .hero{background:linear-gradient(115deg,#3e006e,#5f00a9 60%,#7100ca)!important}.section.partner.partner-wide,.partner,.partner-wide{background:linear-gradient(120deg,#2b004d,#45007c 64%,#59009f)!important}.portal-showcase{background:linear-gradient(115deg,#45007c,#7100ca)!important}.endcta,footer{background:linear-gradient(115deg,#2b004d,#45007c)!important}.btn-primary{background:linear-gradient(110deg,#50008e,#6700b8)!important}.gradient-text,.hero .gradient-text{background:linear-gradient(100deg,#bd6aff,#e2bdff)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important} .sim-promo{background:radial-gradient(circle at 12% 20%,#7100ca55,transparent 45%),linear-gradient(115deg,#3e006e,#4e0587 55%,#59009f);color:#ffffff;padding:34px 0;position:relative;overflow:hidden} .sim-promo:before{content:"";position:absolute;inset:0;opacity:.14;background:radial-gradient(circle at 20% 80%,#ffffff 0 2px,transparent 3px) 0 0/46px 46px;pointer-events:none} .sim-promo-grid{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;justify-content:center;position:relative;max-width:860px} .sim-visual{position:relative;width:300px} .sim-cards{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px #1b003066);animation:simFloat 6s ease-in-out infinite} @keyframes simFloat{50%{transform:translateY(-6px)}} .sim-banner{position:relative;margin:-18px 0 0 -3%;width:94%;background:#111111;padding:7px 18px 7px 24px;transform:skewX(-14deg);box-shadow:0 10px 20px #12002066;border-left:9px solid #8f00ff} .sim-banner strong{display:block;transform:skewX(14deg);font:900 20px/1.1 Inter,sans-serif;font-style:italic;letter-spacing:-.3px} .sim-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff3a;border-radius:99px;padding:5px 6px 5px 13px;background:#ffffff10;font-size:12px;font-weight:700;color:#ffb347} .sim-badge b{background:#7100ca;color:#ffffff;border-radius:99px;padding:6px 11px;font-size:10px;letter-spacing:.6px} .sim-copy h2{font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-1px;margin:14px 0 8px} .sim-copy p{font-size:14px;line-height:1.6;color:#f5e9ff;margin:0} .sim-actions{margin-top:18px} .sim-buy{background:#ffffff;color:#38075f;padding:13px 28px;font-size:15px;box-shadow:0 0 0 4px #b14dff55,0 12px 24px #1b003040} .sim-buy:hover{box-shadow:0 0 0 6px #b14dff77,0 16px 30px #1b003055} .partner-actions{gap:12px!important} @media(max-width:720px){.sim-promo{padding:30px 0}.sim-promo-grid{grid-template-columns:1fr;gap:20px;text-align:center}.sim-visual{margin:auto;width:240px}.sim-actions .btn{width:100%}} @media(prefers-reduced-motion:reduce){.sim-cards{animation:none}}
/* assets/reference-integration-r854.css */
.reference-home #pelan .plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .reference-home #pelan .plan{min-width:0;padding:26px 22px} .reference-home #pelan .plan .data{font-size:clamp(40px,4.6vw,58px)} .reference-home #pelan .plan-more{background:linear-gradient(145deg,#34005c,#26073f);color:#ffffff;border-color:#48196d;min-height:100%;text-decoration:none} .reference-home #pelan .plan-more-label{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#e1d0ef;line-height:1.7} .reference-home #pelan .plan-more-icon{font:600 60px/1.1 Inter,Arial,sans-serif;color:#c67dff;margin:20px 0 12px} .reference-home #pelan .plan-more h3{font:700 28px/1.15 Inter,Arial,sans-serif;margin:0 0 16px;color:#ffffff} .reference-home #pelan .plan-more p{font-size:14px;line-height:1.8;color:#dfd1ea;margin:0} .reference-home #pelan .plan-more ul{border-color:#ffffff24}.reference-home #pelan .plan-more li{color:#e9e0f0} .reference-home #pelan .plan-more-link{font-size:14px;line-height:1.6;font-weight:700;color:#c67dff;padding-top:12px;margin-top:auto} .reference-home #pelan .plan-more:focus-visible{outline:3px solid #6800ba;outline-offset:5px} .eastel-reference-sim .sim-promo .sim-promo-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);width:min(1160px,calc(100% - 48px));max-width:1160px;gap:52px} .eastel-reference-sim .sim-promo .sim-visual{width:100%;max-width:620px;min-width:0} .eastel-reference-sim .sim-promo .sim-cards{display:block;width:100%;height:auto;object-fit:contain} .eastel-reference-sim .sim-promo{padding-block:48px} @media(min-width:761px) and (max-width:1000px){.reference-home #pelan .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.reference-home #pelan .plan-grid:not(.eastel-mobile-rail){grid-template-columns:minmax(0,1fr)}.reference-home #pelan .plan-grid.eastel-mobile-rail{grid-template-columns:none}.eastel-reference-sim .sim-promo .sim-promo-grid{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);gap:28px;text-align:center}.eastel-reference-sim .sim-promo .sim-visual{width:100%;max-width:520px;margin-inline:auto}.eastel-reference-sim .sim-promo .sim-actions .btn{width:100%}.eastel-reference-sim .sim-promo .sim-cards{animation:none}} .reference-anchor{display:block;height:0;width:0;scroll-margin-top:100px} body[data-reference-layout] section[id]{scroll-margin-top:100px} body[data-reference-layout] .scroll-progress{width:100%;transform:scaleX(0);transform-origin:left;transition:none} body[data-reference-layout]:not(.modern-motion-ready) .reveal{opacity:1;transform:none} body[data-reference-layout] .hero-art:has(>.modern-hq-art)>:not(.modern-hq-art){display:none} body[data-reference-layout] .modern-hq-art{display:block;width:100%;height:auto;max-height:460px;object-fit:contain;position:relative;z-index:2} .reference-home #kenali-ejen-utama{padding:48px 0;background:#1c082b} .reference-home #kenali-ejen-utama>.wrap{width:min(1160px,calc(100% - 40px));margin:auto} .reference-home .agent-contact .section-head .btn{margin-top:22px} body[data-reference-layout] [hidden]{display:none!important} body[data-reference-layout] .hero[data-motion-paused] .blob{animation-play-state:paused} body[data-reference-layout] #eastel-public-dialog .btn.gold,body[data-reference-layout] #package-dialog .btn.gold{background:#bd77f4;color:#2b153d;border:1px solid #bd77f4;white-space:normal;min-height:48px} @media(max-width:760px){body[data-reference-layout] main .btn{white-space:normal;line-height:1.5}body[data-reference-layout] .spot:after{display:none}} @media(prefers-reduced-motion:reduce){body[data-reference-layout] .reveal{opacity:1;transform:none}} body[data-reference-layout] .reference-wa{position:fixed;right:20px;bottom:20px;z-index:80;padding:13px 18px;border-radius:999px;background:#4c1379;color:#ffffff;box-shadow:0 8px 25px #21003b29;font:700 13px/1.5 Inter,sans-serif;border:1px solid #ffffff50} body[data-reference-layout] .reference-wa:focus-visible{outline:3px solid #b659ff;outline-offset:4px} @media(max-width:600px){body[data-reference-layout] .reference-wa{right:14px;bottom:14px}body[data-reference-layout] .calc-top .field{min-width:0!important;width:100%}} #kenali-ejen-utama .home-agent-actions{display:flex;flex-wrap:wrap;gap:12px;max-width:360px}#kenali-ejen-utama .home-agent-whatsapp{min-height:48px;padding:14px 20px;border:1px solid #d8c5e7;background:#eee3f6;color:#371551;border-radius:12px} @media(max-width:900px){#kenali-ejen-utama .home-agent-actions{grid-column:1/-1}}@media(max-width:600px){#kenali-ejen-utama .home-agent-actions{display:grid;max-width:none;width:100%}}
/* assets/reference-portal-shared-r855.css */
#bonus-web-portal{font-family:'Inter',Arial,sans-serif;font-size:16px;line-height:normal;--muted:#63748e} #bonus-web-portal *,#bonus-web-portal *:before,#bonus-web-portal *:after{box-sizing:border-box} #bonus-web-portal>.container{display:block;width:min(1160px,calc(100% - 40px));max-width:1160px;margin:auto;padding:0} #bonus-web-portal>.container.portal-grid{display:grid} #bonus-web-portal h2{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:-1.4px;text-transform:none} #bonus-web-portal p{font-size:16px;font-weight:400} #bonus-web-portal a{text-decoration:none} #bonus-web-portal .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;padding:15px 23px;font-family:'Inter',Arial,sans-serif;font-size:14px;font-weight:800;line-height:normal;transition:.25s;white-space:nowrap} #bonus-web-portal .btn:hover{transform:translateY(-3px)} #bonus-web-portal .phone-top{font-family:Inter,Arial,sans-serif;font-size:25px;line-height:normal;margin-top:28px} #bonus-web-portal .phone-top small{font-family:'Inter',Arial,sans-serif;font-size:83.3333%;font-weight:inherit;line-height:normal} #bonus-web-portal.portal{background:#f7fbff} #bonus-web-portal .portal-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px} #bonus-web-portal.portal h2{font-size:clamp(34px,4vw,50px);line-height:1.1;letter-spacing:-1.4px;margin:15px 0} #bonus-web-portal.portal p{color:var(--muted);line-height:1.9} @media(max-width:760px){#bonus-web-portal .portal-grid{grid-template-columns:1fr} #bonus-web-portal .portal-grid{gap:35px}} #bonus-web-portal.portal.portal-showcase{background:linear-gradient(115deg,#192d62 0%,#4930a2 42%,#6d0abb 100%);color:white;position:relative;overflow:hidden;padding:75px 0} #bonus-web-portal.portal-showcase:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:#be6bff33;filter:blur(75px);top:-200px;left:-130px;pointer-events:none} #bonus-web-portal.portal-showcase .portal-grid{grid-template-columns:.94fr 1.06fr;gap:45px;position:relative;z-index:1} #bonus-web-portal.portal-showcase .portal-copy{order:2} #bonus-web-portal.portal-showcase .portal-visual{order:1;min-height:410px;display:flex;align-items:center;justify-content:center;position:relative} #bonus-web-portal.portal-showcase .portal-eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#e2bdff} #bonus-web-portal.portal-showcase h2{color:#ffffff;font-size:clamp(32px,3.5vw,52px);line-height:1.13;margin:16px 0} #bonus-web-portal.portal-showcase h2 em{font-style:normal;color:#c883ff} #bonus-web-portal.portal-showcase p{color:#edf4ff;line-height:1.8;max-width:560px} #bonus-web-portal.portal-showcase .portal-note{font-size:12px;color:#cddff4;margin-top:14px} #bonus-web-portal.portal-showcase .portal-cta{background:#ffac3c;color:#18243c;font-weight:800;box-shadow:0 14px 30px #090e3355} #bonus-web-portal.portal-showcase .portal-cta:hover{background:#ffbd63;transform:translateY(-3px)} #bonus-web-portal.portal-showcase .portal-secondary{border:1px solid #ffffff88;color:white;background:#ffffff12} #bonus-web-portal.portal-showcase .portal-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} #bonus-web-portal.portal-showcase .bear-cutout{width:240px;height:305px;object-fit:cover;object-position:center 55%;border-radius:35% 35% 25% 25%;border:5px solid #ffffff55;box-shadow:0 20px 60px #080b4055;position:absolute;left:0;bottom:10px;transform:rotate(-8deg);z-index:2} #bonus-web-portal.portal-showcase .portal-phone{width:230px;height:405px;border:10px solid #121822;border-radius:35px;background:#f7fbff;box-shadow:0 26px 60px #0008;position:absolute;right:8%;top:0;overflow:hidden;animation:portalFloat 5s ease-in-out infinite} #bonus-web-portal.portal-showcase .phone-notch{width:85px;height:16px;background:#121822;border-radius:0 0 14px 14px;margin:auto} #bonus-web-portal.portal-showcase .phone-top{background:linear-gradient(120deg,#7407ca,#58009e);color:white;padding:24px 13px 30px;text-align:center;font-weight:800} #bonus-web-portal.portal-showcase .phone-card{background:white;color:#17304c;margin:-14px 12px 0;padding:14px;border-radius:13px;box-shadow:0 8px 25px #0d346322;font-size:12px} #bonus-web-portal.portal-showcase .phone-line{height:9px;border-radius:6px;background:#e4eef5;margin:12px 0} #bonus-web-portal.portal-showcase .phone-pill{background:#710dc0;color:white;border-radius:8px;padding:9px;text-align:center;font-weight:800;margin-top:14px} #bonus-web-portal.portal-showcase .portal-caption{position:absolute;bottom:-23px;right:5%;color:#d4edff;font-size:11px} @keyframes portalFloat{50%{transform:translateY(-12px)}} @media(max-width:800px){#bonus-web-portal.portal-showcase .portal-grid{grid-template-columns:1fr;gap:20px} #bonus-web-portal.portal-showcase .portal-copy{order:1} #bonus-web-portal.portal-showcase .portal-visual{order:2;min-height:370px} #bonus-web-portal.portal-showcase .bear-cutout{left:7%;width:190px;height:255px} #bonus-web-portal.portal-showcase .portal-phone{right:10%;width:205px;height:355px} #bonus-web-portal.portal.portal-showcase{padding:55px 0 75px}} @media(max-width:440px){#bonus-web-portal.portal-showcase .bear-cutout{left:0;width:165px;height:230px} #bonus-web-portal.portal-showcase .portal-phone{right:0;width:190px;height:345px} #bonus-web-portal.portal-showcase .portal-visual{min-height:350px}} @media(prefers-reduced-motion:reduce){#bonus-web-portal.portal-showcase .portal-phone{animation:none}} #bonus-web-portal.portal-showcase .portal-eyebrow{background:rgba(168,58,255,.18);color:#dcb0ff;border:1px solid rgba(192,112,255,.45)} #bonus-web-portal .agent-link-preview{max-width:530px;margin:22px 0 19px;padding:14px 17px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.28);border-radius:15px;backdrop-filter:blur(10px)} #bonus-web-portal .agent-link-label{display:block;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#d9edff;margin-bottom:8px} #bonus-web-portal .agent-link-bar{display:flex;align-items:center;gap:10px;min-width:0} #bonus-web-portal .agent-globe{font-size:23px;color:#d49eff} #bonus-web-portal .agent-link-text{font-size:clamp(12px,1.15vw,15px);font-weight:700;overflow-wrap:anywhere;flex:1} #bonus-web-portal .agent-link-text b{color:#d49dff} #bonus-web-portal .agent-copy{border:1px solid #ffffff6b;border-radius:8px;background:#ffffff20;color:white;padding:7px 11px;cursor:pointer;font:inherit;font-size:12px} #bonus-web-portal .agent-link-preview small{display:block;color:#d8e9fb;margin-top:6px;font-size:11px} @media(max-width:760px){#bonus-web-portal .agent-link-preview{padding:12px} #bonus-web-portal .agent-link-bar{flex-wrap:wrap} #bonus-web-portal .agent-copy{margin-left:auto}} #bonus-web-portal.portal-showcase .portal-eyebrow{color:#cc8cff;border-color:#cc8cff88} #bonus-web-portal .agent-link-text b{color:#b556ff} #bonus-web-portal.portal .eyebrow{color:#be6bff} #bonus-web-portal.portal-showcase{background:linear-gradient(125deg,#30136f,#5a31bd 65%,#7145d7)!important} #bonus-web-portal.portal-showcase .portal-copy h2 em,#bonus-web-portal.portal-showcase h2 strong{color:#be6bff} #bonus-web-portal.portal-showcase{background:linear-gradient(115deg,#45007c,#7100ca)!important} #bonus-web-portal.portal-showcase .portal-eyebrow{color:#bd6aff;border-color:#bd6aff88} #bonus-web-portal.portal-showcase .portal-phone .phone-top{background:linear-gradient(120deg,#45007c,#7100ca)} #bonus-web-portal.portal-showcase .phone-pill{background:#50008e} #bonus-web-portal .agent-link-text b{color:#bd6aff} #bonus-web-portal.portal-showcase{background:linear-gradient(115deg,#45007c,#7100ca)!important} #bonus-web-portal .portal-note{font-size:12px} #bonus-web-portal .phone-card strong{font-size:12px;font-weight:700} #bonus-web-portal .agent-copy{font-family:'Inter',Arial,sans-serif;font-size:12px;line-height:normal;font-weight:400} #bonus-web-portal .portal-caption{line-height:normal} @media(max-width:760px){#bonus-web-portal>.container{width:min(calc(100% - 32px),560px)}#bonus-web-portal .btn{white-space:normal;line-height:1.5}} #bonus-web-portal .portal-visual{display:flex;align-items:center;justify-content:center;min-height:380px} #bonus-web-portal .bear-cutout{position:relative;inset:auto;display:block;width:min(100%,330px);height:auto;max-height:440px;object-fit:contain;transform:none;border-radius:24px} @media(max-width:800px){#bonus-web-portal .portal-visual{min-height:0}#bonus-web-portal .bear-cutout{width:min(85%,280px)}} #bonus-web-portal.portal-showcase .portal-visual{min-height:0;align-self:center} #bonus-web-portal.portal-showcase .bear-cutout{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:block;width:min(100%,460px);height:auto;max-height:590px;object-fit:contain;object-position:center;border-radius:28px;transform:none;margin:0 auto} @media(max-width:800px){#bonus-web-portal.portal-showcase .portal-visual{min-height:0;width:100%}#bonus-web-portal.portal-showcase .bear-cutout{width:min(100%,390px);height:auto;max-height:none}} #bonus-web-portal.portal-showcase{background:linear-gradient(115deg,#3c006b,#420076)!important} #bonus-web-portal.portal-showcase .portal-copy p{color:#edf4ff} #bonus-web-portal.portal-showcase .portal-note{color:#edf4ff} #bonus-web-portal .portal-benefits{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px;color:#edf4ff;font:400 15px/1.75 'Inter',Arial,sans-serif} #bonus-web-portal .portal-benefits li{display:flex;gap:10px;align-items:baseline} #bonus-web-portal .portal-benefits li:before{content:'✓';color:#bd6aff;font-weight:800;flex:none} #bonus-web-portal .portal-buttons{flex-wrap:wrap} #bonus-web-portal .portal-buttons .btn{white-space:normal;line-height:1.5;text-align:center}
/* assets/reference-sim-shared-r857.css */
section.sim-promo.eastel-reference-sim{background:linear-gradient(115deg,#35005f,#3e006e 55%,#420076);color:#ffffff;padding:48px 0;position:relative;overflow:hidden} section.sim-promo.eastel-reference-sim>.container{width:min(1160px,calc(100% - 40px));max-width:1160px;margin:auto;padding:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;position:relative} section.sim-promo.eastel-reference-sim .sim-visual{position:relative;min-width:0;width:100%;max-width:650px;margin:0} section.sim-promo.eastel-reference-sim .sim-cards{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 22px #1b003066)} section.sim-promo.eastel-reference-sim .sim-copy h2{font:700 clamp(28px,3vw,38px)/1.15 Inter,Arial,sans-serif;letter-spacing:-1px;margin:16px 0 12px;color:#ffffff} section.sim-promo.eastel-reference-sim .sim-copy p{font:400 15px/1.8 'Inter',Arial,sans-serif;color:#f5e9ff;margin:0} section.sim-promo.eastel-reference-sim .sim-copy p strong{color:#ffffff} section.sim-promo.eastel-reference-sim .sim-badge{color:#bd6aff;border-color:#ffffff66} section.sim-promo.eastel-reference-sim .sim-badge b{color:#25043f;background:#bd6aff} section.sim-promo.eastel-reference-sim .sim-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px} section.sim-promo.eastel-reference-sim a.sim-buy{background:#ffffff;color:#38075f;border:1px solid #ffffff} section.sim-promo.eastel-reference-sim a.btn-ghost{background:#ffffff12;color:#ffffff;border:1px solid #ffffff88} @media(max-width:760px){section.sim-promo.eastel-reference-sim{padding:34px 0}section.sim-promo.eastel-reference-sim>.container{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:24px;text-align:center}section.sim-promo.eastel-reference-sim .sim-visual{margin:auto;max-width:560px}section.sim-promo.eastel-reference-sim .sim-actions{justify-content:center}section.sim-promo.eastel-reference-sim .sim-actions .btn{width:100%;white-space:normal;line-height:1.5}}
/* assets/reference-theme-light-r861.css */
body.reference-home,body.reference-subpage,body.support-page{background:#ffffff;color:#2d173f} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero{background:#ffffff!important;color:#2d173f} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero::before,body.support-page .support-hero::after{background:none!important;opacity:0} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero h1{color:#2d153f} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero p,body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero p.lead{color:#5d4c6a} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero p strong{color:#38075f!important} body.reference-home #utama .gradient-text,body.reference-subpage .b-hero h1 em,body.support-page .support-hero h1 span{background:none!important;-webkit-text-fill-color:#400073;color:#400073!important} body:is(.reference-home,.reference-subpage,.support-page) .hero-pill,body.support-page .support-hero .pill{color:#37075d;background:#f4eef8;border:1px solid #d6c7e1} body:is(.reference-home,.reference-subpage) .hero-proof{color:#533b66} body:is(.reference-home,.reference-subpage) .hero-proof span::before{color:#400073} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero a.btn-ghost,body.support-page .support-hero a.btn.ghost{color:#3a1657!important;background:#ffffff;border:1px solid #a78ebb} body.reference-home .hero-bottom,body.reference-home .facts,body.reference-home .trustbar,body.reference-subpage .trustbar{background:#f4f0f7;color:#4d365f;border-color:#e0d7e7} body.reference-home .trustbar i{color:#410074} body.reference-home .hero .orbit{border-color:#b391cd66;box-shadow:0 0 0 42px #540b8d04,0 0 0 85px #540b8d03} body.reference-subpage .b-hero .blob{opacity:.12} body.reference-subpage .b-hero .hero-icon{background:linear-gradient(145deg,#efe7f6,#faf8fc);border-color:#ccb7dc;box-shadow:0 24px 50px #2b0b4414} body.reference-home #rakan-niaga{background:#f5f1f8!important;color:#2d153f} body.reference-home #rakan-niaga .eyebrow{color:#3d006d!important} body.reference-home #rakan-niaga h2{color:#2d153f} body.reference-home #rakan-niaga .partner-highlight{background:none;color:#3f0070;-webkit-text-fill-color:#3f0070} body.reference-home #rakan-niaga .partner-top p,body.reference-home #rakan-niaga .partner-top p b{color:#5c4b6a!important} body.reference-home #rakan-niaga .bonus{background:#ffffff!important;border:1px solid #dacfe3!important;box-shadow:0 10px 28px #2e0b4906;backdrop-filter:none;-webkit-backdrop-filter:none} body.reference-home #rakan-niaga .bonus small,body.reference-home #rakan-niaga .bonus strong{color:#3c006b} body.reference-home #rakan-niaga .bonus h3{color:#2d173f} body.reference-home #rakan-niaga .bonus p,body.reference-home #rakan-niaga .partner-actions small{color:#5c4b6a} body.reference-home #rakan-niaga .bonus-icon{background:#f1eaf7;border-color:#d3c2e1;color:#400072} body.reference-home #rakan-niaga .bonus:before{background:none} body.reference-home #rakan-niaga a.btn-ghost{background:#ffffff;color:#3a1657;border:1px solid #a78ebb} body.reference-home #rakan-niaga a.btn-white{background:#3c006c;color:#ffffff} body.reference-home .faq,body.support-page .support-section{background:#ffffff} body.support-page .support-closing{background:#f5f1f8;color:#2d173f} body.support-page .support-closing h2{color:#2d173f} body.support-page .support-closing p{color:#5c4b6a} body.support-page .support-closing .support-label{color:#3d006d} body.support-page .support-closing a.btn.ghost{color:#3a1657;background:#ffffff;border-color:#a78ebb} body.reference-home #kenali-ejen-utama{background:#ffffff} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero{background:linear-gradient(115deg,#35005e,#410074)!important;color:#ffffff} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero h1{color:#ffffff} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero p,body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero p.lead{color:#eae0f1} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero p strong{color:#ffffff!important} body.reference-home #utama .gradient-text,body.reference-subpage .b-hero h1 em,body.support-page .support-hero h1 span{background:none!important;-webkit-text-fill-color:#cc8bff;color:#cc8bff!important} body:is(.reference-home,.reference-subpage,.support-page) .hero-pill,body.support-page .support-hero .pill{color:#ffffff;background:#ffffff10;border-color:#ffffff66} body:is(.reference-home,.reference-subpage) .hero-proof{color:#eae1f1} body:is(.reference-home,.reference-subpage) .hero-proof span::before{color:#cc8bff} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero a.btn-ghost,body.support-page .support-hero a.btn.ghost{color:#ffffff!important;background:#ffffff10;border-color:#ffffff88} body:is(.reference-home,.reference-subpage,.support-page) .eastel-hero a.btn.btn-primary{color:#38075f!important;background:#ffffff!important;border:1px solid #ffffff} body.reference-home .hero .orbit{border-color:#d5b6ee44;box-shadow:0 0 0 42px #d5b6ee08,0 0 0 85px #d5b6ee06} @media(max-width:760px){ body[data-reference-layout] .reveal{opacity:1!important;transform:none!important;transition:none!important} body.reference-home #utama .hero-inner{grid-template-columns:minmax(0,1fr);min-height:0;padding:22px 0 38px;gap:20px;text-align:left} body.reference-home #utama .hero-inner>.hero-art{grid-row:1;position:relative;width:100%;max-width:360px;height:350px;min-height:0;transform:none;margin:0;justify-self:center} body.reference-home #utama .hero-inner>div:not(.hero-art){grid-row:2;min-width:0;text-align:left} body.reference-home #utama .hero-art>.phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(5deg) scale(.68)} body.reference-home #utama .hero-art>.orbit{width:270px;height:270px} body.reference-home #utama .hero-art>.float-a{top:18px;left:0;padding:10px 12px} body.reference-home #utama .hero-art>.float-b{bottom:14px;right:0;padding:10px 12px} body.reference-home #utama .hero-art>.float-card b{font-size:18px} body.reference-subpage .b-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px 0 38px;gap:20px;text-align:left} body.reference-subpage .b-hero-grid>.hero-art{grid-row:1;position:relative;height:240px;min-height:0;width:100%;max-width:360px;justify-self:center;transform:none;margin:0} body.reference-subpage .b-hero-grid>div:not(.hero-art){grid-row:2;min-width:0;text-align:left} body.reference-subpage .b-hero-grid .hero-icon{width:150px;height:150px;font-size:70px;border-radius:30px} body.reference-subpage .b-hero-grid .orbit{width:220px;height:220px} body.reference-home #pelan .plan.featured>.popular,body.reference-subpage .plan.featured>.badge{position:static!important;inset:auto!important;transform:none!important;display:inline-flex;align-self:flex-start;max-width:100%;margin:0 0 14px;padding:8px 14px;white-space:normal;line-height:1.35} }