/* 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-base-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}} body.b-page{margin:0;font-family:'Inter',system-ui,sans-serif;color:var(--b-ink);background:#ffffff;-webkit-font-smoothing:antialiased} .b-page *{box-sizing:border-box} .b-page h1,.b-page h2,.b-page h3,.b-page h4,.b-page .brand,.b-page .price,.b-page .big{font-family:Inter,sans-serif} .b-page a{text-decoration:none;color:inherit} .b-page{scroll-behavior:smooth} html{scroll-behavior:smooth} .container{width:min(1160px,calc(100% - 40px));margin:auto} .b-page .topline{background:var(--b-dark);color:#ffffff;text-align:center;font-size:11px;padding:9px 15px} .b-page .topline strong{color:var(--b-gold)} .b-page header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid #e5d9ee} .b-page .nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px} .b-page .brand{font-size:27px;font-weight:900;letter-spacing:-1.4px;color:var(--b-dark)} .b-page .brand span{color:var(--b-teal)} .b-page .brand small{display:block;font:700 9px 'Inter',sans-serif;letter-spacing:1.6px;color:#6e8a87} .nav-actions{display:flex;gap:9px;align-items:center} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:14px 22px;font:800 14px 'Inter',sans-serif;transition:transform .25s,box-shadow .25s;white-space:nowrap;cursor:pointer} .btn:hover{transform:translateY(-3px)} .btn-primary{background:linear-gradient(110deg,#50008e,#6700b8);color:#ffffff;box-shadow:0 8px 25px #50008e38} .btn-primary:hover{box-shadow:0 14px 32px #50008e58} .btn-gold{background:linear-gradient(#c478ff,#aa3dff);color:#2c183c;box-shadow:0 12px 26px #1b003030} .btn-white{background:#ffffff;color:#3d006d} .btn-ghost{border-color:#ffffff7a;background:#ffffff16;color:#ffffff;backdrop-filter:blur(6px)} .btn-outline{border-color:#c5a7dc;background:#ffffff;color:#3d006d} .btn-sm{padding:11px 16px;font-size:13px} .b-hero{background:radial-gradient(ellipse at 82% 18%,#7a00d970,transparent 44%),radial-gradient(ellipse at 15% 88%,#57009b70,transparent 48%),linear-gradient(120deg,#3e006e,#5f00a9 62%,#7100ca);color:#ffffff} .b-hero::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff22 1px,transparent 1px),linear-gradient(90deg,#ffffff22 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000000)} .b-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;min-height:560px;padding:70px 0 80px} .pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff6e;background:#33005b40;border-radius:100px;padding:10px 15px;font-size:12px;font-weight:800;letter-spacing:.8px} .pulse{width:8px;height:8px;border-radius:50%;background:#bd6aff;box-shadow:0 0 0 5px #bd6aff30;animation:pulse 2s infinite} @keyframes pulse{50%{box-shadow:0 0 0 10px #bd6aff00}} .b-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-2.6px;margin:24px 0 20px} .b-hero h1 em{font-style:normal;background:linear-gradient(100deg,#bd6aff,#e2bdff);-webkit-background-clip:text;background-clip:text;color:transparent} .b-hero p.lead{color:#f9f2ff;font-size:16px;line-height:1.85;max-width:580px} .hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 22px} .hero-proof{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#f5e8ff} .hero-proof span::before{content:"✓";color:var(--b-gold);margin-right:7px} .hero-art{position:relative;min-height:400px;display:grid;place-items:center} .orbit{position:absolute;width:360px;height:360px;border:1px solid #ffffff44;border-radius:50%;box-shadow:0 0 0 42px #ffffff0a,0 0 0 84px #ffffff07;animation:spin 40s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} .float-card{position:absolute;z-index:3;background:#ffffff;color:var(--b-dark);padding:14px 18px;border-radius:16px;box-shadow:0 20px 50px #1b003044;font-size:12px;font-weight:800;animation:floaty 5s ease-in-out infinite} .float-card b{display:block;font:900 24px Inter;color:var(--b-teal)} .float-card.fa{top:55px;left:0}.float-card.fb{bottom:55px;right:0;animation-delay:-2s} @keyframes floaty{50%{transform:translateY(-12px)}} .hero-icon{position:relative;z-index:2;width:230px;height:230px;border-radius:44px;display:grid;place-items:center;font-size:104px;background:linear-gradient(145deg,#ffffff30,#ffffff10);border:1px solid #ffffff60;backdrop-filter:blur(10px);box-shadow:0 30px 70px #1b003055;transform:rotate(-6deg);animation:floaty 6s ease-in-out infinite} .trustbar{background:var(--b-mid);color:#ffffff} .trustbar .container{display:flex;justify-content:space-around;gap:14px 24px;flex-wrap:wrap;padding:22px 0;font-size:13px;font-weight:800} .trustbar i{color:var(--b-gold);font-style:normal;margin-right:8px} .section{padding:92px 0} .section.alt{background:var(--b-soft)} .section-head{max-width:730px;margin:0 auto 42px;text-align:center} .eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--b-teal)} .section-head h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;letter-spacing:-1.5px;margin:14px 0} .section-head p{color:var(--b-muted);line-height:1.8;margin:0} .subhead{font:800 20px Inter;margin:34px 0 16px;color:var(--b-dark)} .grid{display:grid;gap:18px} .g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g5{grid-template-columns:repeat(5,1fr)} .b-card{background:#ffffff;border:1px solid var(--b-line);border-radius:22px;padding:28px;box-shadow:0 10px 32px rgba(51,0,91,.07);transition:transform .35s var(--b-ease),box-shadow .35s,border-color .35s} .b-card:hover{transform:translateY(-7px);box-shadow:var(--b-shadow);border-color:#a065cf} .chip{display:inline-block;background:#eee1f8;color:#47007f;padding:7px 11px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.4px} .b-card h3{font-size:20px;margin:16px 0 8px} .b-card p{font-size:13.5px;line-height:1.8;color:var(--b-muted);margin:0} .big{font-size:38px;font-weight:900;letter-spacing:-1.4px;color:var(--b-teal);margin:6px 0} .big small{font:600 13px 'Inter';letter-spacing:0;color:#607b75} .iconbox{width:54px;height:54px;border-radius:16px;background:#eee1f8;color:var(--b-teal);display:grid;place-items:center;font-size:26px} .note{background:#f0e8f7;border-left:4px solid var(--b-brand);padding:17px 20px;border-radius:12px;color:#4b365c;font-size:13px;line-height:1.8;margin-top:26px} .fine{font-size:12px;line-height:1.8;color:#6b8581} .tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px} .tab{border:1px solid #ceb8df;background:#ffffff;color:#42225b;border-radius:999px;padding:12px 20px;font:800 13px 'Inter';cursor:pointer;transition:.25s} .tab:hover{transform:translateY(-2px)} .tab[aria-selected=true]{background:var(--b-teal);color:#ffffff;border-color:var(--b-teal);box-shadow:0 8px 22px #50008e38} .category{display:none}.category.active{display:block;animation:fadeUp .5s var(--b-ease)} @keyframes fadeUp{from{opacity:0;transform:translateY(14px)}} .category-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px} .category-intro h3{font-size:28px;letter-spacing:-.7px;margin:6px 0} .category-intro p{margin:0;color:var(--b-muted);line-height:1.6} .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .plan-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:auto} .plan{position:relative;display:flex;flex-direction:column;background:#ffffff;border:1px solid var(--b-line);border-radius:24px;padding:30px;transition:transform .35s var(--b-ease),box-shadow .35s} .plan:hover{transform:translateY(-8px);box-shadow:var(--b-shadow)} .plan.featured{border:2px solid var(--b-brand);box-shadow:0 18px 50px #50008e1f} .plan .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--b-teal);color:#ffffff;font-size:11px;font-weight:800;padding:8px 16px;border-radius:30px;white-space:nowrap} .plan h4{margin:0;font:800 15px Inter;color:#5c4a6b;letter-spacing:.5px} .plan .data{font:900 clamp(44px,5vw,60px) Inter;letter-spacing:-2px;color:var(--b-dark);margin:12px 0 0} .plan .price{font:900 31px Inter;margin:12px 0} .plan .price small{font:500 13px 'Inter';color:#78918d} .plan ul{list-style:none;padding:18px 0;margin:8px 0 14px;border-top:1px solid var(--b-line);flex:1} .plan li{padding:7px 0;font-size:13px;color:#523e61} .plan li::before{content:"✓";font-weight:900;color:#5e00a8;margin-right:10px} .plan .btn{width:100%} .tier{text-align:center;border:1px solid var(--b-line);border-radius:18px;padding:26px 10px;background:#ffffff;transition:.3s var(--b-ease)} .tier:hover{transform:translateY(-6px);box-shadow:var(--b-shadow)} .tier strong{display:block;font:900 36px Inter;color:var(--b-teal)} .tier span{font-size:13px;font-weight:800}.tier small{display:block;margin-top:8px;color:var(--b-muted);font-size:11px} .calc{margin-top:34px;border:1px solid var(--b-line);border-radius:26px;padding:32px;background:#ffffff;box-shadow:var(--b-shadow)} .calc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap} .calc h3{font-size:26px;margin:8px 0} .calc p{font-size:13px;color:var(--b-muted);line-height:1.7;margin:0} .calc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:26px 0} .field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800} .field input{width:100%;border:1px solid #d9cce3;border-radius:12px;padding:13px 11px;font:inherit;color:var(--b-ink);outline:none;transition:.2s} .field input:focus{border-color:#5f00a9;box-shadow:0 0 0 4px #7100ca22} .field small{font-size:11px;color:var(--b-muted);font-weight:600} .checks{display:flex;gap:9px;align-items:center;font-size:13px;color:#584467} .checks input{accent-color:#5f00a9;width:17px;height:17px} .calc-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--b-line);padding-top:22px;margin-top:18px} .total-label{font-size:11px;font-weight:850;letter-spacing:1px;color:var(--b-muted)} .total{font:900 42px Inter;color:var(--b-teal)} .free-web{background:radial-gradient(circle at 88% 10%,#7100ca8a,transparent 46%),linear-gradient(125deg,#2b004d,#47007e 57%,#58009e);color:#ffffff;position:relative;overflow:hidden} .free-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center} .free-web h2{font-size:clamp(32px,3.8vw,52px);line-height:1.1;letter-spacing:-1.6px;margin:16px 0} .free-web h2 em{font-style:normal;color:var(--b-gold)} .free-web p{line-height:1.85;color:#f5e9ff} .free-web .eyebrow{color:var(--b-gold);border:1px solid #bd6aff88;padding:8px 13px;border-radius:99px;display:inline-block;font-size:11px} .url-box{background:#ffffff1c;border:1px solid #ffffff4a;border-radius:16px;padding:15px 18px;margin:22px 0;backdrop-filter:blur(10px)} .url-box small{display:block;font-size:10px;letter-spacing:1.4px;font-weight:800;color:#eed9ff} .url-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0} .url-line span{font-weight:800;font-size:15px;overflow-wrap:anywhere}.url-line b{color:var(--b-gold)} .url-line button{background:#ffffff26;border:1px solid #ffffff80;color:#ffffff;border-radius:9px;padding:8px 13px;font:700 12px 'Inter';cursor:pointer} .mock{position:relative;min-height:400px;display:grid;place-items:center} .phone{width:225px;height:380px;background:#f6fbff;border:10px solid #14212c;border-radius:36px;box-shadow:0 30px 60px #1b003077;overflow:hidden;transform:rotate(5deg);animation:floaty 6s ease-in-out infinite;color:#17304c} .phone .top{background:linear-gradient(135deg,#46007d,#6a00bd);padding:44px 14px 26px;text-align:center;color:#ffffff;font:900 25px/1.1 Inter} .phone .top small{font:600 12px 'Inter'} .phone .card{background:#ffffff;margin:-12px 10px 0;padding:14px;border-radius:14px;box-shadow:0 10px 22px #19002c1a;font-size:12px} .phone .ln{height:9px;border-radius:6px;background:#eae0f2;margin:11px 0} .phone .pbtn{background:#50008f;color:#ffffff;text-align:center;border-radius:9px;padding:10px;font-size:11px;font-weight:800;margin-top:12px} .mock .tile{position:absolute;left:4%;bottom:20px;width:150px;padding:16px;border-radius:20px;background:#ffffff;color:var(--b-dark);box-shadow:0 20px 40px #1b003055;transform:rotate(-9deg);font:800 13px Inter;text-align:center;animation:floaty 5s ease-in-out infinite -1s} .mock .tile b{display:block;font-size:44px} .steps{counter-reset:s} .step .num{width:44px;height:44px;border-radius:14px;background:#eddff8;color:#4a0085;display:grid;place-items:center;font:900 20px Inter} .kit-cta{margin-top:30px;padding:26px 30px;border-radius:20px;background:linear-gradient(115deg,#33005b,#50008e);color:#ffffff;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap} .kit-cta strong{font:800 22px Inter}.kit-cta p{margin:7px 0 0;color:#e5d3f4;font-size:14px} .price-card{background:#ffffff;border:1px solid var(--b-line);border-radius:26px;padding:34px;box-shadow:var(--b-shadow)} .price-card h3{font-size:26px;margin:16px 0 6px} .price-card .price{font:900 50px Inter;letter-spacing:-2px;color:var(--b-teal);margin:10px 0} .price-card .price small{font:500 13px 'Inter';color:var(--b-muted);letter-spacing:0} .tick{display:grid;gap:10px;margin:20px 0} .tick div{padding:12px 14px;border-radius:12px;background:var(--b-soft);font-size:13px;font-weight:700} .tick span{color:#57009c;margin-right:8px} .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center} .soft-copy{padding:28px;background:#f6effb;border-radius:20px} .soft-copy h3{font-size:25px;color:var(--b-dark);margin:0 0 14px} .soft-copy p{color:#503b61;line-height:1.75;margin:0 0 16px;font-size:14px} .rider{background:linear-gradient(115deg,#260044,#44007a);color:#ffffff;position:relative;overflow:hidden} .rider .eyebrow{color:#dcb8f8}.rider h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.5px;line-height:1.12;margin:14px 0} .rider p{color:#e2d2ee;line-height:1.85} .rider-points{display:grid;gap:12px;margin:22px 0;font-size:14px;font-weight:700} .endcta{padding:90px 0;background:linear-gradient(115deg,#2b004d,#45007c);color:#ffffff;text-align:center;position:relative;overflow:hidden} .endcta h2{font-size:clamp(34px,5vw,54px);letter-spacing:-1.5px;margin:14px 0} .endcta p{max-width:620px;margin:0 auto;color:#e0d3eb;line-height:1.8} .endcta .buttons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:28px} .b-page footer{background:#2b004c;color:#d8c9e3;padding:30px 0;font-size:12px} .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center} .foot a{margin-left:16px}.foot a:hover{color:#ffffff} .faq{max-width:840px;margin:auto} .faq details{background:#ffffff;border:1px solid var(--b-line);border-radius:14px;margin-bottom:10px;padding:0 22px} .faq summary{cursor:pointer;font-weight:800;padding:19px 0} .faq p{color:var(--b-muted);font-size:14px;line-height:1.8;margin:0 0 19px} a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b14dff;outline-offset:3px} @media(max-width:900px){ .b-hero-grid{grid-template-columns:1fr;gap:10px;padding:56px 0 50px;min-height:0;text-align:center} .hero-buttons,.hero-proof{justify-content:center}.b-hero p.lead{margin:auto} .hero-art{min-height:330px;transform:scale(.88)} .g3,.g4,.g5,.plan-grid{grid-template-columns:repeat(2,1fr)} .calc-grid{grid-template-columns:repeat(3,1fr)} .free-grid,.split{grid-template-columns:1fr}.mock{min-height:380px} } @media(max-width:600px){ .section{padding:62px 0} .g2,.g3,.g4,.plan-grid,.plan-grid.two{grid-template-columns:1fr} .g5{grid-template-columns:repeat(2,1fr)} .calc-grid{grid-template-columns:repeat(2,1fr)}.calc{padding:20px} .category-intro{flex-direction:column;align-items:flex-start} .nav-actions .btn-outline{display:none} .hero-buttons .btn{width:100%} .foot a{margin:0 14px 0 0} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} .reveal{opacity:1;transform:none} }
/* assets/reference-esk-r854.css */

/* 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-promo-r854.css */
@scope (#bonus-web-portal, .eastel-reference-sim){ :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-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-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} }