:root{--color-primary:#14284c;--color-primary-dark:#101f3b;--color-primary-light:#294576;--scarab-navy:#101f3b;--scarab-deep:#0b1830;--scarab-gold:#ffc557;--scarab-ink:#14213b;--scarab-line:#dce4ef}
html{scroll-behavior:smooth}body{color:var(--scarab-ink)}
.scarab-hero{position:relative;overflow:hidden;min-height:610px;background:radial-gradient(circle at 74% 43%,#243d65 0,#101f3b 40%,#0b1830 100%);color:#fff}
.scarab-hero:before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#f6ba4b 1px,transparent 1.5px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 47%,#000 100%)}
.scarab-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;min-height:610px;padding:130px 1.25rem 80px}
.scarab-hero-copy h1{font-size:clamp(2.8rem,5vw,5.3rem);line-height:1.1;letter-spacing:-.045em;font-weight:800;max-width:720px}.scarab-hero-copy h1 span{color:var(--scarab-gold)}
.scarab-hero-copy p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.7;color:#cad4e4;max-width:600px;margin-top:1.3rem}
.scarab-eyebrow{display:inline-block;margin-bottom:1rem;border:1px solid #ffffff45;border-radius:99px;padding:.4rem .9rem;color:#f8ce7b;font-size:.83rem}
.scarab-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.scarab-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:54px;padding:.8rem 1.5rem;border-radius:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.scarab-button:hover{transform:translateY(-2px)}
.scarab-button-gold{background:linear-gradient(110deg,#ffe08b,#f6b742);color:#101f3b;box-shadow:0 12px 30px #0003}.scarab-button-outline{border:1px solid #d2dbee;color:#fff;background:#ffffff0c}
.scarab-highlights{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;color:#dbe5f2;font-size:.85rem}.scarab-highlights span::first-letter{color:#ffc557}
.scarab-visual{position:relative;height:430px;isolation:isolate}.scarab-globe{position:absolute;width:500px;height:500px;right:-4%;top:-50px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#28436d99,#0d1a3299 58%,#0a1529 72%),repeating-radial-gradient(circle at 50% 50%,transparent 0 28px,#f8bd4933 29px 30px);border:1px solid #a8bde533;box-shadow:inset -25px -30px 55px #030a1d88,0 0 90px #e5ab2c18}
.scarab-orbit{position:absolute;border:1px solid #eeb65055;border-radius:50%;width:660px;height:420px;right:-5%;top:80px;transform:rotate(-26deg)}.scarab-orbit-two{transform:rotate(35deg);opacity:.55}
.scarab-card{position:absolute;width:min(73%,360px);aspect-ratio:1.65;border-radius:18px;box-shadow:0 30px 55px #0008;display:flex;flex-direction:column;justify-content:space-between;padding:1.3rem;overflow:hidden}.scarab-card:after{content:"";position:absolute;inset:48% -20% -45%;border-top:1px solid #e5aa43aa;border-radius:50%;transform:rotate(-19deg)}
.scarab-card img{width:135px;height:55px;object-fit:contain;object-position:left center}.scarab-card-back{top:14%;left:5%;transform:rotate(-11deg);background:linear-gradient(145deg,#21375b,#0b172b);border:1px solid #d7e4f7}.scarab-card-back strong{align-self:flex-end;font-size:2.2rem;font-style:italic}
.scarab-card-front{right:0;bottom:8%;transform:rotate(11deg);background:linear-gradient(145deg,#fff,#e5eaf2);color:#122344;border:1px solid #fff}.scarab-card-front strong{align-self:flex-end;color:#ed4238;font-size:2.1rem;letter-spacing:-.35em;margin-right:1rem}.scarab-card-front i{color:#f5ac2c;font-style:normal}.scarab-chip{width:30px;height:23px;border-radius:5px;background:linear-gradient(130deg,#e8b863,#fbe1a1)}
.scarab-coin{position:absolute;z-index:2;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-size:2.8rem;font-weight:800;box-shadow:0 12px 25px #0007}.scarab-coin-one img{display:block;width:68%;height:68%;object-fit:contain}.scarab-coin-one{left:0;top:0;background:linear-gradient(135deg,#ffe08b,#e49521);color:#fff}.scarab-coin-two{right:-1%;top:28%;background:linear-gradient(135deg,#51bd9b,#126e63);color:#fff}
.scarab-choices{padding:3rem 0;background:#f9fbfe}.scarab-choices h2{font-size:2rem;font-weight:800;margin-bottom:1.4rem}.scarab-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.scarab-choice-grid a{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--scarab-line);border-radius:14px;padding:1rem;color:var(--scarab-ink);box-shadow:0 8px 25px #14284c08}.scarab-choice-grid a>span:last-child{margin-inline-start:auto;color:#a96c0a}.scarab-mini-card{display:grid;place-items:end;min-width:100px;height:60px;padding:.5rem;border-radius:8px;background:linear-gradient(140deg,#1a3156,#0e1d36);color:#fff;font-weight:800}.scarab-mini-white{background:#f2f5fa;color:#122443;font-size:.75rem;border:1px solid #dbe3ee}
::selection{background:#f6c55d;color:#132441}
@media(max-width:900px){.scarab-hero-inner{grid-template-columns:1fr;padding-top:130px;gap:0}.scarab-visual{height:340px;max-width:500px;width:100%;margin:auto}.scarab-globe{width:400px;height:400px}.scarab-choice-grid{grid-template-columns:1fr}}
@media(max-width:640px){.scarab-hero-inner{padding-bottom:35px}.scarab-hero-copy h1{font-size:2.65rem}.scarab-visual{height:290px}.scarab-globe{width:330px;height:330px;right:0}.scarab-card{width:64%;padding:.7rem}.scarab-card img{width:90px;height:35px}.scarab-card-back strong{font-size:1.5rem}.scarab-coin{width:50px;height:50px;font-size:1.7rem}.scarab-highlights{gap:.65rem;font-size:.74rem}.scarab-choices{padding:2rem 0}}

/* Logo stays legible against the navy navigation surfaces. */
nav.fixed.top-\[2\%\]{background:#101f3bf2;border-color:#354c70}
nav.fixed.top-\[2\%\] a>img[src*="scarabpay-logo"]{background:#fff;border-radius:9px;padding:5px 9px;max-width:180px}
.scarab-card-back img{filter:brightness(0) invert(1)}
/* Homepage sections retain their existing destinations and content. */
body:has(.scarab-hero) section:not(.scarab-hero):not(.scarab-choices){scroll-margin-top:110px}
body:has(.scarab-hero) section:not(.scarab-hero):not(.scarab-choices) h2{color:#14213b;letter-spacing:-.025em}
body:has(.scarab-hero) section:not(.scarab-hero):not(.scarab-choices) .rounded-3xl{box-shadow:0 15px 40px #14284c12}
body:has(.scarab-hero) section.bg-\[\#f0f4ff\]{background:#f6f8fc}
body:has(.scarab-hero) section.bg-\[\#F7F7FF\]{background:#f8fafc}
body:has(.scarab-hero) section img{object-fit:contain}
body:has(.scarab-hero) section .grid>div>img[src*="/04/"]{max-height:240px;width:100%;object-fit:cover;border-radius:14px}
body:has(.scarab-hero) section .grid>div.p-5{background:white;border:1px solid #e0e7f0;border-radius:20px;box-shadow:0 10px 25px #14284c09}
body:has(.scarab-hero) section .grid>div.p-5:hover{box-shadow:0 18px 34px #14284c17}
@media(max-width:640px){body:has(.scarab-hero) section[id="how-it-works"]{padding-top:55px;padding-bottom:55px}}

.scarab-how-link{align-self:center;color:#ffdc8c;font-weight:700;text-decoration:underline;text-underline-offset:5px;padding:.7rem}
.scarab-how-link:hover{color:white}

body:has(.scarab-hero) footer{background:#101f3b;color:#e9eff9}
body:has(.scarab-hero) footer img[src*="scarabpay-logo"]{width:180px;max-width:100%;background:#fff;padding:6px;border-radius:10px}
body:has(.scarab-hero) footer a:hover{color:#ffd078}

/* Consistent service imagery and readable cards. */
.scarab-service-icon{width:76px;height:76px;flex:none;object-fit:contain;filter:drop-shadow(0 12px 18px #0b1d3b36)}
body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon){position:relative;align-items:center;min-height:172px;border:1px solid #d8ad5d;border-radius:22px;box-shadow:0 14px 30px #0b284024}
body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon):nth-child(2),body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon):nth-child(3){background:#fff5e0;color:#142742;border-color:#e9c375}
body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon):nth-child(2) :is(h3,p),body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon):nth-child(3) :is(h3,p){color:#142742}
body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon) p{font-size:1rem;line-height:1.55;max-width:40ch}
body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon):hover{box-shadow:0 20px 36px #10294a32}
@media(max-width:480px){.scarab-service-icon{width:55px;height:55px}body:has(.scarab-hero) section .grid>div:has(>.scarab-service-icon){min-height:155px;padding:18px}}

/* Independent ScarabPay story layout */
.scarab-product-section{padding:82px 0;background:linear-gradient(145deg,#f4f7fc 0%,#fff 52%,#fff8e9 100%)}
.scarab-product-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:center;padding-inline:20px}
.scarab-product-art{position:relative;isolation:isolate;min-height:380px;display:grid;place-items:center;border-radius:30px;background:radial-gradient(circle at 50% 45%,#355278,#182c4e 56%,#10213c);overflow:hidden;border:1px solid #bc995f;box-shadow:0 25px 55px #142a4930}
.scarab-product-art::before{content:"";position:absolute;inset:8%;border:1px solid #f2c56870;border-radius:50%;transform:rotate(-22deg) scaleX(1.25)}
.scarab-product-art::after{content:"";position:absolute;right:-14%;bottom:-56%;width:74%;aspect-ratio:1;border:1px solid #f5cb6970;border-radius:50%;box-shadow:0 0 0 28px #f4c36215,0 0 0 58px #f4c3620d}
.scarab-product-art>img{position:relative;z-index:1;max-width:min(83%,430px);max-height:310px;object-fit:contain;filter:drop-shadow(0 22px 22px #07152999);transform:rotate(-7deg)}
.scarab-product-mark{position:absolute;z-index:2;right:20px;top:18px;width:46px;height:46px;display:grid;place-items:center;background:#fff;border-radius:12px}.scarab-product-mark img{width:30px;height:30px;object-fit:contain}
.scarab-section-label{display:inline-flex;color:#a86a16;font-size:.8rem;font-weight:800;letter-spacing:.055em;padding:6px 13px;border:1px solid #efcd8c;border-radius:99px;background:#fff8e9}
.scarab-product-copy h2{font-size:clamp(2rem,3.3vw,3.3rem);line-height:1.12;font-weight:850;letter-spacing:-.035em;color:#142743;margin:16px 0}.scarab-product-copy p{font-size:1.08rem;line-height:1.7;color:#52647e;max-width:55ch}
.scarab-product-copy ul{display:grid;gap:12px;margin:24px 0 29px;padding:0;list-style:none}.scarab-product-copy li{display:flex;align-items:center;gap:12px;color:#203553;font-weight:750}.scarab-product-copy li:before{content:"✓";display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#fbe8bd;color:#78510f;font-weight:900}
.scarab-final-cta{padding:72px 20px 85px;background:#f5f8fc}.scarab-final-panel{display:flex;align-items:center;gap:26px;padding:30px 38px;border-radius:24px;background:radial-gradient(circle at 85% 10%,#294970,#132845 60%,#0c1a31);color:#fff;box-shadow:0 22px 44px #12284828}
.scarab-final-panel>img{width:70px;height:70px;object-fit:contain;flex:none}.scarab-final-panel>div{flex:1}.scarab-final-panel h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:850;margin:8px 0 4px}.scarab-final-panel p{color:#d9e5f1}.scarab-final-panel .scarab-section-label{background:#ffffff12;color:#ffda88;border-color:#ffffff40}
.scarab-product-section+.py-\[100px\]{padding-top:85px}.scarab-choices{border-bottom:1px solid #e6ebf2}
@media(max-width:800px){.scarab-product-inner{grid-template-columns:1fr}.scarab-product-art{min-height:300px}.scarab-final-panel{flex-wrap:wrap}.scarab-final-panel .scarab-button{width:100%}}
@media(max-width:480px){.scarab-product-section{padding:50px 0}.scarab-product-art{min-height:250px}.scarab-product-copy h2{font-size:2rem}.scarab-final-panel{padding:26px 20px}.scarab-final-panel>img{width:48px;height:48px}}

body:has(.scarab-hero) section.scarab-final-cta .scarab-final-panel h2{color:#fff}

.scarab-product-card{position:absolute;z-index:1;display:flex;flex-direction:column;justify-content:space-between;width:min(61%,300px);aspect-ratio:1.6;padding:18px;border-radius:18px;overflow:hidden;border:1px solid #d8bf8c;box-shadow:0 24px 35px #040e2180}
.scarab-product-card-dark{left:10%;top:18%;background:linear-gradient(145deg,#244069,#0c1a32);color:white;transform:rotate(-12deg)}
.scarab-product-card-light{right:8%;bottom:14%;background:linear-gradient(145deg,#fff,#ecf1f8);color:#13294d;transform:rotate(9deg)}
.scarab-product-logo{position:relative;z-index:2;display:inline-flex;width:125px;max-width:65%;height:37px;background:white;border-radius:8px;padding:4px 8px}
.scarab-product-logo img{width:100%;height:100%;object-fit:contain}
.scarab-product-chip{width:31px;height:24px;border-radius:5px;background:linear-gradient(135deg,#ffdf97,#d89e3b);box-shadow:inset 0 0 0 2px #ab803a}
.scarab-product-card strong{align-self:end;font-size:clamp(14px,2.2vw,27px);font-weight:900;font-style:italic;white-space:nowrap}
.scarab-product-card-light strong{font-size:clamp(11px,1.3vw,16px);font-style:normal}
.scarab-product-card-line{position:absolute;inset:47% -20% -45%;border-top:1px solid #e7b457a1;border-radius:50%;transform:rotate(-19deg);box-shadow:0 -23px 0 -22px #dbac5c87}
@media(max-width:480px){.scarab-product-card{padding:11px;border-radius:13px}.scarab-product-logo{width:86px;height:27px}.scarab-product-chip{width:22px;height:17px}}