/* Shared hero component for all four inner pages. Home retains its own layout. */
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero{box-sizing:border-box;padding:132px 0 45px;min-height:0;background:radial-gradient(ellipse at 85% 35%,#38234133,transparent 65%),#09070c}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero>.inner-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:60px;min-height:350px;width:calc(100% - 80px);max-width:1200px;margin:0 auto}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-main{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;padding:101px 0 0;min-height:350px;min-width:0;margin:0}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-copy{margin:0;padding:0;min-height:0;max-width:none;width:100%;text-align:left}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-kicker{margin:0 0 15px;font-size:10px;line-height:1.7;font-weight:700;letter-spacing:1.5px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero h1.inner-title{margin:0 0 16px;font-size:42px;font-weight:600;line-height:1.2;letter-spacing:-1.3px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-copy p{margin:0;padding:0;max-width:480px;font-size:14px;font-weight:400;line-height:1.85;letter-spacing:0;color:#b4a4c1}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 14px;min-height:44px;margin:24px 0 0;padding:0}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;box-sizing:border-box;margin:0;padding:12px 20px;border:1px solid #a855f7;border-radius:8px;background:#9333ea;color:#fff;font-size:12px;font-weight:600;line-height:1.6;text-decoration:none;box-shadow:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-actions .inner-btn-outline{background:transparent;border-color:#a984cf;color:#e2ccff}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-text-link{font-size:12px;line-height:1.6}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual>img{display:block;aspect-ratio:auto;}
@media(min-width:761px) and (max-width:1000px){
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero>.inner-hero-grid{gap:30px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-main{padding-top:55px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero h1.inner-title{font-size:36px}
}
@media(max-width:760px){
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero{padding:112px 0 24px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero>.inner-hero-grid{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:20px;min-height:0}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-main{padding:0;min-height:0}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero h1.inner-title{font-size:32px;letter-spacing:-1px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-copy p{font-size:13px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-actions{margin-top:22px;gap:12px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual,body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual>img{height:auto;max-height:none}
}

/* A consistent, frameless visual stage for all inner-page heroes. */
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual{height:350px;padding:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual>img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;transform:none}
body.inner-page.page-aboutus .inner-hero .inner-hero-visual>img{width:94%;height:94%}
body.inner-page.page-affiliate .inner-hero .inner-hero-visual>img{width:96%;height:96%}
@media(min-width:761px) and (max-width:1000px){body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual{height:310px;padding:14px}}
@media(max-width:760px){
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual{height:auto;aspect-ratio:3/2;padding:10px;width:100%;max-width:520px;justify-self:center}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero .inner-hero-visual>img{height:100%;max-height:100%;width:100%;object-fit:contain}
body.inner-page.page-aboutus .inner-hero .inner-hero-visual>img{width:94%;height:94%}
body.inner-page.page-affiliate .inner-hero .inner-hero-visual>img{width:96%;height:96%}
}

/* Affiliate hero: compact layout and a soft visual glow. */
body.inner-page.page-affiliate .inner-hero{padding:116px 0 32px}
body.inner-page.page-affiliate .inner-hero>.inner-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;min-height:300px}
body.inner-page.page-affiliate .inner-hero .inner-hero-main{padding:0;min-height:0}
body.inner-page.page-affiliate .inner-hero .inner-hero-visual{height:300px;padding:8px;position:relative;isolation:isolate}
body.inner-page.page-affiliate .inner-hero .inner-hero-visual>img{width:100%;height:100%}
body.inner-page.page-affiliate .inner-hero .inner-hero-visual::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:3% 0;border-radius:50%;background:radial-gradient(ellipse at center,#a855f733 0%,#9333ea1f 35%,#7c3aed0a 58%,transparent 75%);filter:blur(18px)}
body.inner-page.page-affiliate .inner-hero .inner-hero-actions .btn{width:180px;max-width:100%;min-height:48px}
body.inner-page.page-affiliate .inner-hero .inner-text-link{flex-basis:100%;margin-top:4px}
@media(max-width:760px){body.inner-page.page-affiliate .inner-hero{padding:108px 0 24px}body.inner-page.page-affiliate .inner-hero>.inner-hero-grid{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}body.inner-page.page-affiliate .inner-hero .inner-hero-visual{height:auto;width:100%;max-width:380px;aspect-ratio:3/2;padding:8px}}
@media(max-width:600px){body.inner-page.page-affiliate .inner-hero .inner-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}body.inner-page.page-affiliate .inner-hero .inner-hero-actions .btn{width:100%;min-width:0;padding:12px 10px;gap:8px;white-space:nowrap}body.inner-page.page-affiliate .inner-hero .inner-text-link{grid-column:1/-1}}

/* Data hero: compact layout and a soft visual glow. */
body.inner-page.page-data .inner-hero{padding:116px 0 32px}
body.inner-page.page-data .inner-hero>.inner-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;min-height:300px}
body.inner-page.page-data .inner-hero .inner-hero-main{padding:0;min-height:0}
body.inner-page.page-data .inner-hero .inner-hero-visual{height:300px;padding:8px;position:relative;isolation:isolate}
body.inner-page.page-data .inner-hero .inner-hero-visual>img{width:100%;height:100%}
body.inner-page.page-data .inner-hero .inner-hero-visual::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:3% 0;border-radius:50%;background:radial-gradient(ellipse at center,#a855f733 0%,#9333ea1f 35%,#7c3aed0a 58%,transparent 75%);filter:blur(18px)}
body.inner-page.page-data .inner-hero .inner-hero-actions .btn{width:180px;max-width:100%;min-height:48px}
body.inner-page.page-data .inner-hero .inner-text-link{flex-basis:100%;margin-top:4px}
@media(max-width:760px){body.inner-page.page-data .inner-hero{padding:108px 0 24px}body.inner-page.page-data .inner-hero>.inner-hero-grid{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}body.inner-page.page-data .inner-hero .inner-hero-visual{height:auto;width:100%;max-width:380px;aspect-ratio:3/2;padding:8px}}
@media(max-width:600px){body.inner-page.page-data .inner-hero .inner-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}body.inner-page.page-data .inner-hero .inner-hero-actions .btn{width:100%;min-width:0;padding:12px 10px;gap:8px;white-space:nowrap}body.inner-page.page-data .inner-hero .inner-text-link{grid-column:1/-1}}

/* About hero: compact layout and a soft visual glow. */
body.inner-page.page-aboutus .inner-hero{padding:116px 0 32px}
body.inner-page.page-aboutus .inner-hero>.inner-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;min-height:300px}
body.inner-page.page-aboutus .inner-hero .inner-hero-main{padding:0;min-height:0}
body.inner-page.page-aboutus .inner-hero .inner-hero-visual{height:300px;padding:8px;position:relative;isolation:isolate}
body.inner-page.page-aboutus .inner-hero .inner-hero-visual>img{width:100%;height:100%}
body.inner-page.page-aboutus .inner-hero .inner-hero-visual::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:3% 0;border-radius:50%;background:radial-gradient(ellipse at center,#a855f733 0%,#9333ea1f 35%,#7c3aed0a 58%,transparent 75%);filter:blur(18px)}
body.inner-page.page-aboutus .inner-hero .inner-hero-actions .btn{width:180px;max-width:100%;min-height:48px}
body.inner-page.page-aboutus .inner-hero .inner-text-link{flex-basis:100%;margin-top:4px}
@media(max-width:760px){body.inner-page.page-aboutus .inner-hero{padding:108px 0 24px}body.inner-page.page-aboutus .inner-hero>.inner-hero-grid{grid-template-columns:minmax(0,1fr);gap:16px;min-height:0}body.inner-page.page-aboutus .inner-hero .inner-hero-visual{height:auto;width:100%;max-width:380px;aspect-ratio:3/2;padding:8px}}
@media(max-width:600px){body.inner-page.page-aboutus .inner-hero .inner-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}body.inner-page.page-aboutus .inner-hero .inner-hero-actions .btn{width:100%;min-width:0;padding:12px 10px;gap:8px;white-space:nowrap}body.inner-page.page-aboutus .inner-hero .inner-text-link{grid-column:1/-1}}

/* Compact public introductions share the About layout and responsive sizing. */
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero:is(.about-intro-hero,.public-intro-hero){position:relative;isolation:isolate;overflow:hidden;padding:104px 0 48px;background:linear-gradient(108deg,#3b244f 0%,#67418d 54%,#9862ca 100%)}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)::before{content:'';display:block;position:absolute;inset:0;z-index:0;width:auto;height:auto;border-radius:0;background-image:url('data:image/svg+xml,%3Csvg%20stroke%3D%22%23ead7ff%22%20stroke-width%3D%222%22%20viewBox%3D%220%200%20480%20345%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M85%20166h310M240%2070v220%22%20stroke%3D%22%23ead7ff%22%20stroke-opacity%3D%22.35%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%226%208%22%2F%3E%3Cg%20transform%3D%22rotate%28-8%20112%20182%29%22%3E%3Crect%20x%3D%2225%22%20y%3D%2297%22%20width%3D%22144%22%20height%3D%22181%22%20rx%3D%2219%22%20fill%3D%22none%22%20stroke%3D%22%23ead7ff%22%2F%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%22157%22%20r%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M54%20221c0-39%2086-39%2086%200v12H54Z%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%2268%22%20y%3D%22250%22%20width%3D%2258%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22none%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%288%20369%20182%29%22%3E%3Crect%20x%3D%22310%22%20y%3D%2297%22%20width%3D%22144%22%20height%3D%22181%22%20rx%3D%2219%22%20fill%3D%22none%22%20stroke%3D%22%23ead7ff%22%2F%3E%3Ccircle%20cx%3D%22382%22%20cy%3D%22157%22%20r%3D%2225%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M339%20221c0-39%2086-39%2086%200v12h-86Z%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%22353%22%20y%3D%22250%22%20width%3D%2258%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22none%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%22149%22%20y%3D%2249%22%20width%3D%22181%22%20height%3D%22237%22%20rx%3D%2223%22%20fill%3D%22none%22%20stroke%3D%22%23ead7ff%22%20stroke-width%3D%224%22%2F%3E%3Crect%20x%3D%22172%22%20y%3D%2268%22%20width%3D%2273%22%20height%3D%226%22%20rx%3D%223%22%20fill%3D%22none%22%20opacity%3D%22.25%22%2F%3E%3Ccircle%20cx%3D%22240%22%20cy%3D%22128%22%20r%3D%2234%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M184%20212c0-51%20112-51%20112%200v14H184Z%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%22202%22%20y%3D%22247%22%20width%3D%2276%22%20height%3D%227%22%20rx%3D%223.5%22%20fill%3D%22none%22%20opacity%3D%22.3%22%2F%3E%3Crect%20x%3D%22218%22%20y%3D%22262%22%20width%3D%2244%22%20height%3D%225%22%20rx%3D%222.5%22%20fill%3D%22none%22%20opacity%3D%22.2%22%2F%3E%3Ccircle%20cx%3D%22316%22%20cy%3D%22269%22%20r%3D%2225%22%20fill%3D%22none%22%20stroke%3D%22%23ead7ff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m305%20269%207%207%2014-16%22%20stroke%3D%22%23ead7ff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m409%2045%204%2011%2011%204-11%204-4%2011-4-11-11-4%2011-4%204-11Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M76%2062v14m-7-7h14%22%20stroke%3D%22%23ead7ff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.065;filter:none;transform:none;pointer-events:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)::after{content:'';display:block;position:absolute;z-index:0;left:-10%;bottom:-30px;width:120%;height:55px;border:0;border-radius:50% 50% 0 0;background:#050505;pointer-events:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-breadcrumb,.public-intro-breadcrumb){display:flex;align-items:center;gap:14px;box-sizing:border-box;width:calc(100% - 80px);max-width:1200px;margin:0 auto 16px;color:#e9d7f6;font-size:12px;line-height:1.7}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-breadcrumb,.public-intro-breadcrumb) a{color:inherit;text-decoration:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-breadcrumb,.public-intro-breadcrumb) a:hover{text-decoration:underline}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)>.inner-hero-grid{grid-template-columns:1fr 1.05fr;min-height:300px;align-items:center;gap:44px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-main{min-height:0;padding:0;justify-content:center}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-kicker{margin-bottom:24px;color:#f0dcff;font-size:10px;letter-spacing:1.8px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-kicker::before{background:#eedbff;box-shadow:0 0 0 5px #eedbff14}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) h1.inner-title{font-size:clamp(38px,4vw,54px);line-height:1.12;letter-spacing:-1.5px;font-weight:650;margin:0 0 26px;color:#fff}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) h1.inner-title span{color:#e4c5ff}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-copy p{max-width:430px;color:#f0e4f8;font-size:15px;line-height:1.8}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-actions{margin-top:30px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-actions .btn{width:auto;min-width:190px;min-height:50px;justify-content:space-between;gap:32px;padding:14px 22px;background:#e3c6f8;border:1px solid #e3c6f8;border-radius:11px;color:#352046;font-size:13px;font-weight:600}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-actions .btn:hover{background:#efdfff;border-color:#efdfff}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-visual{width:100%;height:300px;aspect-ratio:auto;max-width:none;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-visual>img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 18px 28px #2b123520);transform:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) #profil-syarikat{scroll-margin-top:100px}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) a:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:6px}
@media(max-width:1000px) and (min-width:761px){body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)>.inner-hero-grid{gap:20px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-visual{height:310px}}
@media(max-width:760px){body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero:is(.about-intro-hero,.public-intro-hero){padding:96px 0 24px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-breadcrumb,.public-intro-breadcrumb){width:calc(100% - 40px);margin-bottom:12px;font-size:11px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)>.inner-hero-grid{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:8px;min-height:0}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-copy{display:block}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-kicker{margin-bottom:10px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) h1.inner-title{font-size:32px;letter-spacing:-.8px;margin-bottom:12px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-copy p{font-size:12px;line-height:1.65;max-width:340px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-actions{margin-top:14px}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-visual{height:190px;aspect-ratio:auto;width:100%;max-width:480px;justify-self:center}body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-visual>img{width:100%;height:100%}}

body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)>.inner-shell{position:relative;z-index:1}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero:is(.about-intro-hero,.public-intro-hero){border:0;box-shadow:none}
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-breadcrumb,.public-intro-breadcrumb){position:relative;inset:auto;max-height:none;overflow:visible;opacity:1;visibility:visible;transform:none;background:none;border:0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none;transition:none}

body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-breadcrumb,.public-intro-breadcrumb)>a{display:inline;padding:0;margin:0;border:0;background:none;border-radius:0;box-shadow:none;font-size:inherit;line-height:inherit}

@media(max-width:760px){body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero)::after{height:35px;bottom:-20px}}

body.inner-page.page-sim-guide .public-intro-hero::after{background:#0e0b12}
body.inner-page:is(.page-data,.page-affiliate,.page-sim-guide) .public-intro-hero .inner-hero-actions{display:flex;grid-template-columns:none}
body.inner-page:is(.page-data,.page-affiliate,.page-sim-guide) .public-intro-hero .inner-hero-actions .inner-btn-outline{background:transparent;border-color:#e3c6f8;color:#f0dcff}
body.inner-page.page-data .public-intro-hero::before{background-image:url("/images/eastel-data-plans.svg")}
body.inner-page.page-affiliate .public-intro-hero::before{background-image:url("/images/eastel-referral-network.svg")}
body.inner-page.page-sim-guide .public-intro-hero::before{background-image:url("/images/eastel-sim-registration.svg")}

@media(max-width:760px){body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) :is(.about-intro-hero,.public-intro-hero) .inner-hero-actions .btn{width:auto;min-width:0;min-height:42px;flex:1;gap:10px;padding:10px 14px;font-size:12px}body.inner-page:is(.page-data,.page-affiliate,.page-sim-guide) .public-intro-hero .inner-hero-actions{width:100%;margin-top:14px}}

/* Introductory heroes keep their artwork and omit action buttons on every screen. */
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero:is(.about-intro-hero,.public-intro-hero) .inner-hero-actions{display:none}

/* Hero titles: white lead with the shared blue-to-purple accent. */
body.page-home.home-reference .home-hero-copy h1.home-title,
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero h1.inner-title{color:#f8f5ff;background:none;-webkit-text-fill-color:#f8f5ff;text-shadow:none}
body.page-home.home-reference .home-hero-copy h1.home-title>span,
body.inner-page:is(.page-aboutus,.page-data,.page-affiliate,.page-sim-guide) .inner-hero h1.inner-title>span{color:#bca0ff;background:linear-gradient(110deg,#71c6ff 0%,#a29cff 48%,#cf94f4 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}