/*
Theme Name: Pahala Digital
Theme URI: https://pahaladigital.example
Author: Pahala Digital
Description: Landing page Pahala Digital native WordPress.
Version: 1.1.0
Text Domain: pahala-digital
*/

:root { --ink:#102f27; --ink-soft:#45675c; --emerald:#0b684a; --emerald-deep:#063b2d; --emerald-pale:#dcefe5; --gold:#d9ad55; --gold-light:#f7e4b7; --cream:#fbf8f0; --warm:#f3ecdd; --line:rgba(16,47,39,.14); --white:#fffefa; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f2f5fa; color:var(--ink); font-family:Manrope, sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
main { overflow:hidden; background:var(--white); width:100%; max-width:510px; min-height:100vh; margin:auto; box-shadow:0 0 8px rgb(0 0 0 / 25%); }
.wrap { width:calc(100% - 48px); margin:0 auto; }.narrow { max-width:740px; }
.site-header { height:70px; display:flex; align-items:center; justify-content:space-between; width:calc(100% - 28px); margin:12px auto 0; padding:0 22px; border:1px solid rgba(16,47,39,.12); border-radius:18px; background:rgba(255,254,250,.9); position:sticky; top:12px; z-index:20; backdrop-filter:blur(18px); box-shadow:0 8px 24px rgba(16,47,39,.07); }
.brand { display:flex; align-items:center; gap:9px; font-family:"Plus Jakarta Sans"; font-weight:800; letter-spacing:-1.2px; font-size:17px; }.brand>span:last-child>span { color:var(--emerald); }.brand-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:50% 50% 50% 6px; color:#fff; background:var(--emerald); font-family:Georgia,serif; font-size:19px; transform:rotate(-12deg); }.site-header nav { display:flex; gap:28px; font-size:13px; font-weight:700; color:#527067; }.site-header nav a:hover { color:var(--emerald); }.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 21px; background:var(--gold); border-radius:999px; color:#243126; font-size:13px; font-weight:800; box-shadow:0 5px 0 #c5953d,0 10px 24px rgba(181,131,34,.2); transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),letter-spacing .28s; animation:ctaGlow 2.8s ease-in-out infinite; }.btn-primary:hover { transform:translateY(-3px) scale(1.015); letter-spacing:.01em; box-shadow:0 7px 0 #c5953d,0 16px 30px rgba(181,131,34,.3); }.nav-cta { padding:10px 17px; font-size:11px; }.menu-button { display:none; background:none; border:0; color:var(--ink); }.hero { min-height:635px; display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; width:100%; padding:clamp(54px,8vw,86px) 30px 86px; position:relative; overflow:hidden; color:#eff7f2; border-radius:0 0 30px 30px; background:radial-gradient(ellipse at 50% 100%,rgba(53,128,96,.35) 0%,transparent 55%),radial-gradient(ellipse at 100% 0%,rgba(231,185,93,.15) 0%,transparent 50%),linear-gradient(180deg,#123f33 0%,#093a2e 100%); }.eyebrow { color:var(--emerald); font-family:"Plus Jakarta Sans"; font-size:10px; text-transform:uppercase; letter-spacing:.17em; font-weight:800; margin:0 0 16px; }.hero:before { content:""; position:absolute; inset:0; opacity:.48; pointer-events:none; background-image:radial-gradient(circle,rgba(225,244,233,.28) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(180deg,black,transparent 90%); }.hero-copy,.hero-stage { position:relative; z-index:1; }.hero .eyebrow { color:var(--gold); }.hero h1,.section-head h2,.last-chance h2 { font-family:"Plus Jakarta Sans"; font-weight:800; letter-spacing:-.045em; line-height:1.05; }.hero h1 { font-size:clamp(35px,4.1vw,49px); margin:0; max-width:610px; }.hero em,.section-head em,.last-chance em,.anchor-translation em { color:var(--emerald); font-style:normal; position:relative; }.hero em,.dark .section-head em,.anchor-translation em,.last-chance em { color:var(--gold-light); }.hero em:after,.section-head em:after,.last-chance em:after { content:""; height:6px; position:absolute; bottom:-3px; left:1%; width:98%; border-radius:50%; background:linear-gradient(90deg,transparent,#e9c774,transparent); z-index:-1; }.hero-lead { color:#c3d9cf; line-height:1.75; font-size:13px; max-width:560px; margin:25px 0; }.hero-actions { display:flex; align-items:center; gap:23px; }.text-link { font-size:13px; display:inline-flex; gap:7px; align-items:center; font-weight:800; color:#d9e9e1; }.trust-row { display:flex; gap:18px; margin-top:29px; color:#a9c9bb; font-size:11px; font-weight:700; }.trust-row span { display:flex; gap:4px; align-items:center; }.trust-row svg { color:var(--emerald); }
.hero-stage { color:#fff; background:linear-gradient(145deg,rgba(18,62,51,.96),rgba(6,59,45,.98)); width:min(460px,92vw); aspect-ratio:4/5; justify-self:end; border:7px solid rgba(247,239,220,.9); padding:17px; border-radius:28px; box-shadow:0 24px 70px rgba(16,55,43,.24),inset 0 1px rgba(255,255,255,.18); position:relative; }.stage-top,.stage-bottom { display:flex; align-items:center; justify-content:space-between; font-size:9px; }.brand-mini { font-weight:700; color:#e7f1ec; display:flex; align-items:center; gap:5px; }.brand-mini i { font:16px Georgia; color:var(--gold); }.live-dot { color:#a0c5b7; }.live-dot:before { content:""; display:inline-block; width:5px; height:5px; background:#66d290; border-radius:50%; margin-right:4px; }.video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; margin:16px 0 13px; }.hero-video { height:114px; overflow:hidden; position:relative; border-radius:7px; background:#245b4c; }.hero-video video,.video-tile video { width:100%; height:100%; object-fit:cover; }.duration { position:absolute; right:5px; bottom:5px; padding:2px 4px; border-radius:3px; background:rgba(0,0,0,.6); font-size:8px; }.stage-count { background:#eef3ef; color:var(--ink); padding:13px 15px; border-radius:8px; display:flex; align-items:baseline; gap:8px; }.stage-count strong { font:800 29px "Plus Jakarta Sans"; letter-spacing:-2px; }.stage-count span { font-size:9px; color:#628075; }.count-bar { height:3px; background:#cfddd5; flex:1; border-radius:4px; overflow:hidden; }.count-bar i { display:block; width:89%; height:100%; background:var(--emerald); }.stage-bottom { margin-top:13px; }.tool-icons { display:flex; gap:8px; }.tool-icons span,.hadits-mini { font-size:8px; display:flex; align-items:center; gap:3px; color:#cce2d8; }.hadits-mini b { color:var(--gold); }.income-chip { position:absolute; bottom:-36px; left:-29px; padding:12px 17px; border-radius:10px; background:var(--gold); color:#27352a; box-shadow:0 10px 18px rgba(55,45,18,.16); }.income-chip span { display:block; font-size:8px; font-weight:700; }.income-chip b { font:800 21px "Plus Jakarta Sans"; letter-spacing:-1px; }.income-chip small { font-size:8px; margin-left:2px; }
.sec { padding:88px 0; }.warm { background-color:var(--warm); background-image:radial-gradient(circle at 12% 18%,rgba(11,104,74,.07) 0,transparent 24%),radial-gradient(circle at 88% 82%,rgba(217,173,85,.1) 0,transparent 26%); }.cream { background-color:var(--cream); background-image:linear-gradient(rgba(11,104,74,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,104,74,.025) 1px,transparent 1px); background-size:34px 34px; }.dark { background:var(--emerald-deep); color:#eaf1ed; }.section-head { max-width:740px; margin-bottom:47px; }.section-head h2 { margin:0; font-size:clamp(30px,3.55vw,42px); }.section-head .lead { line-height:1.75; color:var(--ink-soft); max-width:680px; font-size:14px; margin:18px 0 0; }.light .eyebrow { color:var(--gold); }.light h2 em { color:var(--gold-light); }.light .lead { color:#bdd4ca; }.pain-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.pain-card { padding:28px; border:1px solid rgba(16,47,39,.1); border-top:3px solid var(--emerald); border-radius:18px; background:#fffaf0; min-height:205px; box-shadow:0 9px 24px rgba(91,72,37,.05); transition:transform .25s,box-shadow .25s; }.pain-card:hover { transform:translateY(-4px); box-shadow:0 15px 28px rgba(91,72,37,.1); }.pain-card>span { color:#b89554; font:700 11px "Plus Jakarta Sans"; letter-spacing:.1em; }.pain-card h3 { font:800 18px "Plus Jakarta Sans"; letter-spacing:-.5px; line-height:1.28; margin:17px 0 10px; }.pain-card p { color:var(--ink-soft); margin:0; font-size:13px; line-height:1.65; }
.bank { padding-bottom:85px; }.marquee { overflow:hidden; width:100%; mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent); }.marquee-track { width:max-content; display:flex; gap:15px; animation:marquee 56s cubic-bezier(.37,0,.63,1) infinite; }.marquee:hover .marquee-track { animation-play-state:paused; }.video-tile { width:245px; height:305px; overflow:hidden; border-radius:22px; background:#244f42; position:relative; transition:transform .25s; }.video-tile:hover { transform:translateY(-9px) scale(1.025) rotate(-.5deg); box-shadow:0 18px 30px rgba(10,40,27,.2); }.video-overlay { background:linear-gradient(0deg,rgba(4,25,18,.85),transparent 65%); padding:15px; position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; gap:7px; color:#fff; }.video-overlay>span { font-size:9px; color:#f2cf83; font-weight:700; }.video-overlay svg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); fill:rgba(255,255,255,.8); }.video-overlay b { display:block; font:700 14px "Plus Jakarta Sans"; line-height:1.22; }.video-overlay small { font-size:9px; opacity:.75; }.stats-row { margin-top:51px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.stats-row div { padding:20px; text-align:center; border-left:1px solid var(--line); }.stats-row div:first-child { border-left:0; }.stats-row b { display:block; font:800 27px "Plus Jakarta Sans"; letter-spacing:-1px; }.stats-row span { color:var(--ink-soft); font-size:11px; }.claim { background:radial-gradient(ellipse at 90% 0,#1d6d55 0,transparent 42%),var(--emerald-deep); }.timeline { border-top:1px solid rgba(255,255,255,.19); }.timeline-item { display:flex; gap:30px; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.16); }.timeline-item>span { color:var(--gold); font:700 12px "Plus Jakarta Sans"; }.timeline-item small { font-weight:700; color:#9ec7b7; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }.timeline-item h3 { font:800 22px "Plus Jakarta Sans"; margin:5px 0; }.timeline-item p { color:#c2d7cf; font-size:13px; line-height:1.6; margin:0; }.disclaimer { color:#99b9ad; font-size:10px; line-height:1.6; margin:24px 0 0; }.pillar-list { border-top:1px solid var(--line); }.pillar { min-height:102px; display:grid; grid-template-columns:75px 1fr auto; align-items:center; gap:18px; padding:19px 0; border-bottom:1px solid var(--line); }.pillar-no { color:#bd9a58; font:800 19px "Plus Jakarta Sans"; }.pillar h3 { font:800 17px "Plus Jakarta Sans"; margin:0 0 5px; }.pillar p { color:var(--ink-soft); font-size:12px; max-width:610px; line-height:1.5; margin:0; }.frequency { font-size:10px; color:var(--emerald); border:1px solid #b3d1c3; padding:6px 9px; border-radius:20px; font-weight:800; white-space:nowrap; }.platform-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.platform-card { background:#f4f3ed; color:var(--ink); padding:14px; border-radius:18px; min-height:268px; box-shadow:0 10px 25px rgba(4,27,20,.1); transition:transform .25s; }.platform-photo { width:100%; max-width:145px; height:258px; aspect-ratio:9 / 16; object-fit:cover; border-radius:14px; display:block; margin:0 auto 14px; filter:saturate(.82) contrast(.96); }.platform-card:hover .platform-photo { filter:saturate(1) contrast(1); }.platform-card:hover { transform:translateY(-5px); }.platform-icon { display:grid; width:32px; height:32px; place-items:center; border-radius:8px; background:var(--emerald); color:#fff; font-weight:800; }.platform-card h3 { margin:19px 0 6px; font:800 16px "Plus Jakarta Sans"; }.platform-card p { color:var(--ink-soft); font-size:11px; line-height:1.55; min-height:52px; }.platform-card ul,.road-card ul { padding:0; margin:16px 0 0; list-style:none; }.platform-card li,.road-card li { display:flex; align-items:flex-start; gap:5px; font-size:10px; margin:7px 0; line-height:1.4; }.platform-card li svg,.road-card li svg { color:var(--emerald); flex:none; }.hadits-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.hadits-card { padding:28px; background:#fffdfa; border:1px solid #e7e1d3; border-radius:18px; box-shadow:0 9px 24px rgba(91,72,37,.05); }.arabic { font:500 23px/1.7 "Scheherazade New",serif; min-height:106px; text-align:right; direction:rtl; margin:0 0 12px; }.hadits-card svg { color:#bd9a58; }.hadits-card blockquote { margin:10px 0 13px; font:700 14px/1.55 "Plus Jakarta Sans"; }.hadits-card small { display:block; color:var(--ink-soft); font-size:10px; line-height:1.5; }.hadits-card>span { margin-top:15px; display:inline-block; background:var(--emerald-pale); color:var(--emerald); padding:5px 7px; border-radius:4px; font-size:9px; font-weight:800; }.roadmap { display:grid; grid-template-columns:1fr; gap:14px; }.road-card { min-height:330px; padding:27px; background:#fffaf1; border:1px solid rgba(16,47,39,.1); border-top:3px solid var(--emerald); border-radius:18px; position:relative; box-shadow:0 9px 24px rgba(91,72,37,.05); }.road-index { position:absolute; right:17px; top:13px; font:800 36px "Plus Jakarta Sans"; color:#e8e0d0; }.road-card small { font-size:10px; color:var(--emerald); font-weight:800; }.road-phase { margin:14px 0 5px; color:#a48651; font-size:11px; font-weight:800; }.road-card h3 { margin:0; font:800 19px/1.2 "Plus Jakarta Sans"; }.hadits-anchor { text-align:center; background:radial-gradient(circle at 50% 40%,#1a624d,transparent 50%),var(--emerald-deep); }.hadits-anchor .eyebrow { color:var(--gold); }.anchor-arabic { font:500 clamp(27px,4vw,40px)/1.7 "Scheherazade New"; margin:10px auto 20px; }.anchor-translation { max-width:700px; margin:0 auto; font:700 19px/1.55 "Plus Jakarta Sans"; color:#eff6f1; }.source { color:var(--gold); font-weight:800; font-size:11px; margin-top:20px; }.anchor-note { max-width:600px; color:#b9d0c6; line-height:1.75; font-size:13px; margin:30px auto 0; }.package-card { background:#fffdf8; padding:30px; border:1px solid #e3d7bc; border-radius:24px; box-shadow:0 16px 36px rgba(71,55,24,.1); }.package-heading { display:flex; align-items:baseline; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:20px; }.package-heading span { color:var(--emerald); font:800 18px "Plus Jakarta Sans"; }.package-heading b { font-size:11px; color:#977c48; text-transform:uppercase; letter-spacing:.1em; }.package-row { display:grid; grid-template-columns:32px 1fr auto; gap:10px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); }.package-row>span { color:#ba9754; font:800 10px "Plus Jakarta Sans"; }.package-row p { font-size:12px; font-weight:700; margin:0; }.package-row del { font-size:10px; color:#939e98; }.bonus-box { padding:16px; background:#f5eacb; margin-top:20px; border-radius:14px; }.bonus-box span { display:flex; align-items:center; gap:5px; color:#966e21; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.bonus-box p { margin:7px 0 0; font:700 13px "Plus Jakarta Sans"; }.price { text-align:center; padding:30px 0 22px; }.price>span { font-size:11px; color:var(--ink-soft); }.price>span del { margin-left:4px; }.price p { margin:5px 0 0; color:var(--emerald); font:800 22px "Plus Jakarta Sans"; }.price strong { font-size:69px; letter-spacing:-5px; }.price p>b { font-size:21px; }.price small { color:#ad8041; font-weight:800; font-size:10px; }.checkout-cta { display:flex; width:100%; padding:17px; font-size:14px; }.checkout-trust { display:flex; justify-content:center; gap:16px; color:var(--ink-soft); margin-top:18px; font-size:10px; }.checkout-trust span { display:flex; align-items:center; gap:3px; }.checkout-trust svg { color:var(--emerald); }.faq details { border-top:1px solid var(--line); }.faq details:last-child { border-bottom:1px solid var(--line); }.faq summary { padding:21px 0; display:flex; justify-content:space-between; gap:20px; cursor:pointer; font:800 15px "Plus Jakarta Sans"; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary svg { color:var(--emerald); flex:none; transition:transform .2s; }.faq details[open] summary svg { transform:rotate(180deg); }.faq details p { margin:-3px 45px 20px 0; color:var(--ink-soft); font-size:13px; line-height:1.7; }.last-chance { text-align:center; padding:100px 0; color:#fff; background:radial-gradient(circle at 50% 0,#266e57,transparent 44%),var(--emerald-deep); }.urgent { color:var(--gold); font:800 10px "Plus Jakarta Sans"; letter-spacing:.14em; }.urgent i { display:inline-block; background:#f2bd58; width:7px; height:7px; border-radius:50%; margin-right:6px; animation:pulse 1.5s infinite; }.last-chance h2 { font-size:clamp(35px,5vw,55px); margin:19px 0; }.last-chance h2 em { color:var(--gold-light); }.last-chance .wrap>p:not(.urgent) { max-width:530px; margin:0 auto 26px; color:#c4d9d0; font-size:14px; line-height:1.7; }.last-chance small { display:block; margin-top:20px; color:#a3c5b8; font-size:10px; }.social-proof { position:fixed; z-index:31; left:max(24px,calc(50% - 400px)); bottom:24px; display:flex; align-items:center; gap:10px; width:min(310px,calc(100% - 48px)); padding:11px 12px; color:#eaf4ef; background:rgba(9,58,46,.96); border:1px solid rgba(231,185,93,.45); border-radius:10px; box-shadow:0 12px 32px rgba(4,27,20,.25); animation:proofIn .45s cubic-bezier(.16,1,.3,1); }.social-avatar { display:grid; place-items:center; flex:none; width:31px; height:31px; border-radius:50%; color:#17382d; background:var(--gold); font:800 9px "Plus Jakarta Sans"; }.social-proof p { margin:0; font-size:10px; line-height:1.35; }.social-proof p b { color:#fff; }.social-proof small { display:flex; align-items:center; gap:3px; margin-top:3px; color:#9fc9b8; font-size:9px; }.social-proof small svg { color:#83d49d; }.social-proof button { display:grid; place-items:center; align-self:flex-start; margin-left:auto; padding:2px; border:0; color:#a9cbbd; background:transparent; cursor:pointer; }footer { min-height:105px; display:flex; justify-content:space-between; align-items:center; padding:0 max(4vw,32px); color:var(--ink-soft); font-size:10px; }.sticky-cta { display:none; }
.reveal,.reveal-scale { opacity:0; transform:translateY(28px) scale(.985); filter:blur(4px); transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1); }.reveal-scale { transform:scale(.94) rotate(1deg); transition-duration:.85s; }.reveal.in,.reveal-scale.in { opacity:1; transform:none; filter:blur(0); }@keyframes marquee { 0% { transform:translateX(0); } 50% { transform:translateX(-24%); } 100% { transform:translateX(-50%); } }@keyframes ctaGlow { 50% { box-shadow:0 5px 0 #c5953d,0 11px 28px rgba(228,177,65,.38); } }@keyframes pulse { 50% { opacity:.25; transform:scale(1.8); } }@keyframes proofIn { from { opacity:0; transform:translateY(12px) scale(.97); } to { opacity:1; transform:none; } }
@media (max-width:800px) { .site-header { height:65px; padding:0 22px; }.site-header nav { display:none; position:absolute; top:65px; left:0; right:0; padding:16px 22px; background:#fffdf9; flex-direction:column; gap:16px; border-bottom:1px solid var(--line); }.site-header nav.open { display:flex; }.nav-cta { display:none; }.menu-button { display:block; }.hero { grid-template-columns:1fr; padding:60px 0 84px; gap:50px; }.hero h1 { font-size:42px; }.hero-stage { max-width:440px; width:calc(100% - 17px); margin:auto; }.section-head { margin-bottom:34px; }.sec { padding:75px 0; }.pain-grid,.hadits-grid { grid-template-columns:1fr; }.platform-grid { grid-template-columns:repeat(2,1fr); }.roadmap { grid-template-columns:1fr; }.road-card { min-height:auto; }.pillar { grid-template-columns:45px 1fr; }.frequency { grid-column:2; width:max-content; }.pillar p { margin-right:0; }.arabic { min-height:auto; }.checkout-trust { flex-wrap:wrap; }.social-proof { left:17px; bottom:78px; width:calc(100% - 34px); }.sticky-cta { display:flex; position:fixed; z-index:30; bottom:0; left:0; right:0; padding:11px 18px; background:var(--emerald-deep); border-top:1px solid var(--gold); box-shadow:0 -8px 24px -8px rgba(0,0,0,.3); transform:translateY(0); transition:transform .35s cubic-bezier(.16,1,.3,1); justify-content:space-between; align-items:center; font-size:10px; }.sticky-cta>span { color:#c3d9cf; }.sticky-cta>span b { display:block; color:var(--gold-light); font:800 15px "Plus Jakarta Sans"; }.sticky-cta>span small { display:block; color:#9fc1b3; font-size:9px; margin-top:1px; }.sticky-cta strong { background:var(--gold); padding:11px 14px; border-radius:8px; display:flex; align-items:center; gap:5px; color:#253328; }.last-chance { padding-bottom:110px; }footer { padding-bottom:60px; } }
@media (max-width:480px) { .wrap { width:calc(100% - 34px); }.hero { width:100%; padding:45px 17px 84px; }.hero h1 { font-size:35px; }.hero-lead { font-size:13px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:21px; }.trust-row { flex-wrap:wrap; gap:10px; }.hero-video { height:94px; }.section-head h2 { font-size:31px; }.pain-card { padding:22px; }.platform-grid { grid-template-columns:1fr; }.platform-card { min-height:auto; }.platform-card p { min-height:0; }.package-card { padding:18px; }.package-row { grid-template-columns:23px 1fr; }.package-row del { grid-column:2; }.price strong { font-size:58px; }.anchor-arabic { font-size:27px; }.anchor-translation { font-size:17px; }footer { gap:10px; flex-direction:column; justify-content:center; }.income-chip { left:-13px; } }
@media (min-width:768px) { main { max-width:690px; } }
@media (min-width:1024px) { main { max-width:848px; } }
.platforms { position:relative; overflow:hidden; }.platforms:before { content:""; position:absolute; width:340px; height:340px; right:-130px; top:90px; border:1px solid rgba(217,173,85,.25); border-radius:50%; box-shadow:0 0 0 35px rgba(217,173,85,.04),0 0 0 70px rgba(217,173,85,.025); }.platforms .wrap { position:relative; z-index:1; }.platform-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.platform-card { display:grid; grid-template-columns:minmax(145px,.82fr) minmax(0,1.18fr); min-height:245px; overflow:hidden; border:1px solid rgba(234,241,237,.16); border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04)); box-shadow:0 18px 35px rgba(0,0,0,.14); transition:transform .3s,box-shadow .3s,border-color .3s; }.platform-card:hover { transform:translateY(-6px); border-color:rgba(217,173,85,.65); box-shadow:0 25px 45px rgba(0,0,0,.22); }.platform-card > div:first-child { min-height:245px; background-size:cover !important; background-position:center !important; }.platform-card > div:last-child { display:flex; flex-direction:column; justify-content:center; padding:24px 22px; }.platform-card h3 { margin:10px 0 8px; font:800 18px "Plus Jakarta Sans"; }.platform-card p { margin:0 0 15px; color:#bdd4ca; font-size:11px; line-height:1.6; }.platform-card ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; color:#eaf1ed; font-size:10px; }.platform-card li { display:flex; align-items:flex-start; gap:6px; }.platform-card li:before { content:"✓"; color:var(--gold); font-weight:800; }.platform-card img,.platform-card video { width:100%; height:100%; min-height:245px; aspect-ratio:16/9; object-fit:cover; }.platform-card { grid-template-columns:42% 58%; grid-template-rows:auto auto auto 1fr; align-items:center; }.platform-card .platform-photo { grid-column:1; grid-row:1 / 5; width:100%; height:100%; min-height:245px; aspect-ratio:16/9; object-fit:cover; }.platform-card .platform-icon { grid-column:2; grid-row:1; margin:0 22px; }.platform-card h3 { grid-column:2; grid-row:2; margin:10px 22px 8px; }.platform-card p { grid-column:2; grid-row:3; margin:0 22px 15px; }.platform-card ul { grid-column:2; grid-row:4; margin:0 22px 22px; }.platform-card .platform-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:var(--emerald-deep); background:var(--gold); font-weight:800; }@media (max-width:700px) { .platform-grid { grid-template-columns:1fr; }.platform-card { grid-template-columns:42% 58%; min-height:210px; }.platform-card > div:first-child { min-height:210px; }.platform-card > div:last-child { padding:18px 15px; }.platform-card h3 { font-size:15px; }.platform-card p { font-size:10px; }.platform-card ul { font-size:9px; } }
.platform-card img { aspect-ratio:16/9; object-fit:cover; }
.affiliate-visual { min-height:245px; padding:18px; display:flex; flex-direction:column; gap:14px; color:#eaf1ed; background:linear-gradient(150deg,#174f42,#082f25); border-right:1px solid rgba(234,241,237,.12); font-size:9px; }
.affiliate-visual__header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.affiliate-visual__header strong { color:#fff; font:800 13px "Plus Jakarta Sans"; }
.affiliate-visual__header span { color:#a9cdbd; font-size:8px; }
.affiliate-visual__gmv { display:grid; gap:3px; padding:12px; border-radius:10px; background:rgba(255,255,255,.1); }
.affiliate-visual__gmv small { color:#b8d5c9; font-size:8px; }
.affiliate-visual__gmv b { color:var(--gold-light); font:800 22px "Plus Jakarta Sans"; letter-spacing:-1px; }
.affiliate-visual__gmv small strong { color:#fff; font-size:9px; }
.affiliate-visual__bars { height:54px; display:flex; align-items:flex-end; gap:5px; padding:0 4px; border-bottom:1px solid rgba(234,241,237,.2); }
.affiliate-visual__bars i { flex:1; min-height:10px; border-radius:3px 3px 0 0; background:linear-gradient(180deg,var(--gold),#b77d2c); }
.affiliate-visual__stats { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.affiliate-visual__stats span { display:grid; gap:2px; color:#b8d5c9; font-size:8px; }
.affiliate-visual__stats b { color:#fff; font:800 16px "Plus Jakarta Sans"; }
@media (max-width:800px) { .affiliate-visual { min-height:190px; padding:14px; gap:10px; } .affiliate-visual__gmv b { font-size:19px; } .affiliate-visual__bars { height:40px; } }
.checkout-page { min-height:100vh; padding:28px 30px 36px; background:var(--cream); color:var(--ink); }.checkout-header { display:flex; justify-content:space-between; align-items:center; }.back-link { display:inline-flex; align-items:center; gap:7px; color:var(--ink-soft); font-size:11px; font-weight:700; }.checkout-intro { max-width:620px; margin:76px auto 42px; text-align:center; }.checkout-intro h1 { margin:0; font:800 clamp(30px,5vw,46px)/1.08 "Plus Jakarta Sans"; letter-spacing:-1.8px; }.checkout-intro h1 em { color:var(--emerald); font-style:normal; }.checkout-intro>p:last-child { color:var(--ink-soft); font-size:13px; }.checkout-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr); gap:18px; max-width:920px; margin:auto; }.checkout-form-card,.order-summary { padding:28px; border:1px solid var(--line); border-radius:22px; background:var(--white); box-shadow:0 14px 35px rgba(16,47,39,.07); }.checkout-step { display:flex; gap:14px; margin-bottom:22px; }.checkout-step>span { display:grid; place-items:center; width:29px; height:29px; flex:none; border-radius:50%; background:var(--emerald-pale); color:var(--emerald); font:800 10px "Plus Jakarta Sans"; }.checkout-step h2 { margin:0 0 4px; font:800 18px "Plus Jakarta Sans"; }.checkout-step p { margin:0; color:var(--ink-soft); font-size:11px; }.checkout-form-card label:not(.payment-option) { display:block; margin-bottom:29px; color:var(--ink-soft); font-size:11px; font-weight:800; }.checkout-form-card input[type=text] { width:100%; margin-top:9px; padding:14px 15px; border:1px solid var(--line); border-radius:10px; outline:none; background:#fffdf8; font:inherit; }.payment-options { display:grid; gap:10px; margin-bottom:26px; }.payment-option { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--line); border-radius:12px; cursor:pointer; }.payment-option.selected { border-color:var(--emerald); background:var(--emerald-pale); }.payment-option span { display:flex; flex-direction:column; gap:3px; }.payment-option b { font-size:12px; }.payment-option small { color:var(--ink-soft); font-size:10px; }.checkout-submit { width:100%; border:0; cursor:pointer; }.checkout-assurances { display:flex; justify-content:space-between; gap:8px; margin-top:17px; color:var(--ink-soft); font-size:10px; }.checkout-success { display:flex; gap:8px; margin:-7px 0 17px; padding:11px; border-radius:10px; color:var(--emerald); background:var(--emerald-pale); font-size:11px; }.summary-heading { display:flex; justify-content:space-between; padding-bottom:19px; border-bottom:1px solid var(--line); color:var(--emerald); font:800 16px "Plus Jakarta Sans"; }.summary-heading b { color:#8b7b53; font-size:9px; letter-spacing:.1em; text-transform:uppercase; }.order-summary h2 { margin:25px 0 17px; font:800 20px "Plus Jakarta Sans"; }.summary-item { display:grid; grid-template-columns:22px 1fr 15px; gap:9px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); }.summary-item>span { color:#b89550; font:700 10px "Plus Jakarta Sans"; }.summary-item p { margin:0; font-size:11px; }.summary-item svg { color:var(--emerald); }.summary-total { margin-top:22px; padding-top:18px; border-top:1px solid var(--line); }.summary-total>span { display:flex; justify-content:space-between; color:var(--ink-soft); font-size:10px; }.summary-total strong { display:block; margin-top:5px; color:var(--emerald); font:800 62px/.9 "Plus Jakarta Sans"; letter-spacing:-4px; }.summary-total strong small { margin-right:4px; font-size:18px; letter-spacing:0; }.summary-total strong em { margin-left:4px; font-size:20px; font-style:normal; letter-spacing:-1px; }.summary-total p { margin:10px 0 0; color:var(--ink-soft); font-size:10px; }.checkout-footer { margin:31px auto 0; color:var(--ink-soft); text-align:center; font-size:10px; }@media (max-width:700px) { .checkout-page { padding:20px 17px 30px; }.checkout-layout { grid-template-columns:1fr; }.order-summary { order:-1; }.checkout-form-card,.order-summary { padding:21px; }.checkout-assurances { flex-wrap:wrap; justify-content:center; } }
@media (prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } }
.brand-mark { font-family:"Plus Jakarta Sans",sans-serif; font-size:11px; font-weight:800; letter-spacing:-.5px; }
.platform-card { display:block; min-height:0; }.platform-card .platform-photo { display:block; width:100%; max-width:none; height:auto; min-height:0; aspect-ratio:16/9; margin:0 0 18px; object-fit:cover; border-radius:16px 16px 12px 12px; }.platform-card .platform-icon { margin:0 22px; }.platform-card h3 { margin:10px 22px 8px; color:#f4f8f5; }.platform-card p { margin:0 22px 15px; color:#c5d9d0; }.platform-card ul { margin:0 22px 22px; color:#e9f2ed; }.platforms .section-head h2 { color:#f4f8f5; }.platforms .section-head .lead { color:#bfd5ca; }.platforms .eyebrow { color:var(--gold); }.platform-card li:before { color:var(--gold); }.checkout-bonus { display:grid; gap:5px; margin-top:18px; padding:14px; border:1px solid rgba(217,173,85,.55); border-radius:12px; background:linear-gradient(135deg,#fff8e5,#fffdf7); }.checkout-bonus span { color:#9b762f; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.checkout-bonus b { color:var(--ink); font-size:12px; }.checkout-bonus small { color:var(--ink-soft); font-size:10px; line-height:1.45; }.alurorder-checkout { margin:-4px -4px 24px; }.landing-checkout { background:var(--warm); }.landing-checkout-embed { min-height:240px; padding:22px; border:1px solid var(--line); border-radius:20px; background:var(--white); box-shadow:0 14px 35px rgba(16,47,39,.07); }