/* SHARED */
section{padding:96px 0}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-family:var(--font-display);font-size:44px;font-weight:900;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-top:10px;margin-bottom:14px}.section-header p{font-size:17px;color:var(--muted);line-height:1.7;max-width:620px;margin:0 auto}

/* HERO */
.page-hero{position:relative;min-height:78vh;overflow:hidden;padding:0;background:#0b1220;color:#fff;isolation:isolate}.page-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,17,31,.62),rgba(9,17,31,.82)),url('../../Images/how-it-works.png') center/cover no-repeat;transform:scale(1.04);filter:saturate(1.02) contrast(1.04);z-index:0}.page-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(230,115,26,.24),transparent 30%),radial-gradient(circle at 18% 82%,rgba(57,164,138,.14),transparent 28%),linear-gradient(90deg,rgba(9,17,31,.94) 0%,rgba(9,17,31,.78) 46%,rgba(9,17,31,.62) 100%);z-index:1}.page-hero-overlay::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.075) 1px,transparent 1px);background-size:20px 20px;opacity:.1;pointer-events:none}.page-hero-inner{position:relative;z-index:2;max-width:1240px;min-height:78vh;margin:0 auto;padding:94px 48px 84px;display:grid;grid-template-columns:1.05fr .95fr;gap:62px;align-items:center}.page-hero-copy{max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;background:rgba(230,115,26,.14);border:1px solid rgba(230,115,26,.26);margin-bottom:24px;font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffbd82;backdrop-filter:blur(12px)}.hero-badge .dot{width:8px;height:8px;border-radius:999px;background:#39A48A;box-shadow:0 0 0 5px rgba(57,164,138,.12),0 0 18px rgba(57,164,138,.65)}.page-hero h1{font-family:var(--font-display);font-size:clamp(3rem,5.8vw,5.05rem);line-height:.96;letter-spacing:-.045em;color:#fff;max-width:11.3ch;margin-bottom:24px}.page-hero h1 span{color:var(--brand-light)}.page-hero p{max-width:650px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.82;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.hero-actions .btn-primary,.hero-actions .btn-secondary{min-height:48px;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px}.hero-actions .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));box-shadow:0 16px 36px rgba(204,85,0,.34)}.btn-secondary{color:#fff;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);backdrop-filter:blur(12px);transition:.22s}.btn-secondary:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}.hero-trust{display:flex;flex-wrap:wrap;gap:12px}.trust-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.78);font-size:13px;font-weight:700;backdrop-filter:blur(10px)}.trust-pill i{color:#39A48A;font-size:12px}.hero-flow-panel{position:relative;border-radius:var(--radius-xl);padding:26px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.30);overflow:hidden}.hero-flow-panel::before{content:"";position:absolute;top:-120px;right:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(204,85,0,.25),transparent 72%)}.hero-flow-panel>*{position:relative;z-index:1}.flow-panel-title{font-family:var(--font-display);font-size:18px;font-weight:900;margin-bottom:18px}.hero-flow-grid{display:grid;gap:12px}.hero-flow-item{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.52);border-radius:18px;padding:14px;color:var(--ink)}.hero-flow-num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(204,85,0,.10);color:var(--brand-dark);font-weight:900}.hero-flow-item strong{display:block;font-size:14px;font-weight:900;margin-bottom:3px}.hero-flow-item span{display:block;font-size:12.5px;color:#667085;font-weight:700;line-height:1.4}

/* PROCESS */
.process-section{position:relative;z-index:4;padding:0 0 70px;margin-top:-44px}.process-shell{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.78);box-shadow:0 22px 60px rgba(10,14,26,.10);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:28px}.process-shell-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;flex-wrap:wrap}.process-shell-top h2{font-family:var(--font-display);font-size:34px;font-weight:900;letter-spacing:-.02em;margin:8px 0}.process-shell-top p{max-width:760px;color:var(--muted);line-height:1.7;font-size:15px}.process-chip{background:#fff;border:1px solid var(--rule);padding:10px 14px;border-radius:999px;font-size:13px;color:var(--muted);font-weight:800;white-space:nowrap}.process-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(10,14,26,.08);border:1px solid var(--rule);border-radius:var(--radius-xl);overflow:hidden}.process-step{background:#fff;padding:30px 22px;position:relative;transition:.25s;cursor:pointer;outline:none}.process-step:hover,.process-step.active,.process-step:focus{background:var(--cream)}.process-step::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,var(--brand),var(--brand-light));transform:scaleX(0);transform-origin:left;transition:.3s}.process-step:hover::after,.process-step.active::after,.process-step:focus::after{transform:scaleX(1)}.process-num{font-family:var(--font-display);font-size:46px;font-weight:900;color:rgba(10,14,26,.06);line-height:1;position:absolute;top:16px;right:18px}.process-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(204,85,0,.08);border:1px solid rgba(204,85,0,.14);display:grid;place-items:center;color:var(--brand);font-size:20px;margin-bottom:18px;transition:.25s}.process-step:hover .process-icon,.process-step.active .process-icon{background:rgba(204,85,0,.14);transform:translateY(-3px)}.process-title{font-family:var(--font-display);font-size:16px;font-weight:900;margin-bottom:8px}.process-sub{display:block;font-size:13px;color:var(--muted);line-height:1.55}.process-hover{font-size:13px;line-height:1.6;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:.28s}.process-step:hover .process-hover,.process-step.active .process-hover,.process-step:focus .process-hover{max-height:110px;opacity:1;margin-top:10px}.process-details{margin-top:24px;display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.process-detail-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--rule);border-radius:26px;padding:28px;box-shadow:var(--shadow-card);display:none}.process-detail-card.active{display:block;animation:fadeUp .35s ease}.process-detail-card small{display:inline-block;font-size:12px;font-weight:900;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.process-detail-card h3{font-family:var(--font-display);font-size:28px;font-weight:900;letter-spacing:-.02em;margin-bottom:12px}.process-detail-card p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:18px}.process-list{display:grid;gap:10px}.process-list div{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.65;color:#334155;font-weight:700}.process-side-panel{background:var(--ink);color:#fff;border-radius:26px;padding:28px;position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.16)}.process-side-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,rgba(204,85,0,.22),transparent 36%),linear-gradient(120deg,transparent 32%,rgba(255,255,255,.08) 40%,transparent 48%);pointer-events:none}.process-side-panel>*{position:relative;z-index:1}.process-side-panel h4{font-family:var(--font-display);font-size:24px;font-weight:900;margin-bottom:12px}.process-side-panel p{color:rgba(255,255,255,.64);font-size:15px;line-height:1.75;margin-bottom:20px}.process-mini-points{display:grid;gap:10px;margin-bottom:22px}.process-mini-points div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.6;color:#f8fafc;font-weight:700}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* REWARD */
.reward-strip-wrap{padding:28px 0 0;position:relative;z-index:3;background:var(--cream)}
.reward-strip{position:relative;overflow:hidden;border-radius:30px;padding:28px;background:linear-gradient(135deg,rgba(10,14,26,.96),rgba(17,24,39,.90));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(15,23,42,.14)}
.reward-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(0,95,106,.26),transparent 28%),radial-gradient(circle at 88% 76%,rgba(204,85,0,.22),transparent 26%),linear-gradient(120deg,transparent 32%,rgba(255,255,255,.09) 40%,transparent 48%);pointer-events:none}
.reward-strip>*{position:relative;z-index:1}
.reward-strip-top{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;margin-bottom:22px}
.reward-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#f8fafc;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.reward-kicker i{color:#f59e0b}
.reward-strip h3{font-family:var(--font-display);font-size:32px;line-height:1.15;letter-spacing:-.02em;color:#fff;margin-bottom:12px;max-width:18ch}
.reward-lead{font-size:15px;line-height:1.8;color:#dbe3ee;max-width:62ch}
.reward-tip-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.reward-tip-label{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#f8fafc;opacity:.9;margin-bottom:10px}
.reward-tip-card strong{display:block;font-size:22px;line-height:1.25;color:#fff;margin-bottom:8px}
.reward-tip-card span{display:block;font-size:14px;line-height:1.7;color:#dbe3ee}
.reward-logo-shell{position:relative;overflow:hidden;border-radius:22px;padding:18px 0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
.reward-logo-shell::before,
.reward-logo-shell::after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}
.reward-logo-shell::before{left:0;background:linear-gradient(to right,rgba(18,28,52,1),rgba(18,28,52,0))}
.reward-logo-shell::after{right:0;background:linear-gradient(to left,rgba(18,28,52,1),rgba(18,28,52,0))}
.reward-logo-track{display:flex;align-items:center;width:max-content;gap:18px;animation:rewardScroll 26s linear infinite}
.reward-logo-item{min-width:140px;height:80px;display:flex;align-items:center;justify-content:center;  overflow:hidden;}
.reward-logo-item:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(15,23,42,.14)}
.reward-logo-item img{max-height:100%;width:100%;object-fit:contain}
.reward-strip-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;flex-wrap:wrap}
.reward-note{font-size:13px;line-height:1.7;color:#dbe3ee;max-width:72ch}
.reward-badges{display:flex;gap:10px;flex-wrap:wrap}
.reward-badges span{padding:9px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
@keyframes rewardScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* EXPLAINER */
.explainer-section{background:#fff}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.explain-card{background:var(--cream);border:1px solid var(--rule);border-radius:var(--radius-xl);padding:30px 26px;box-shadow:var(--shadow-card);transition:.28s}.explain-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-elevated);background:#fff}.explain-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(204,85,0,.10);border:1px solid rgba(204,85,0,.18);color:var(--brand-dark);font-size:22px;margin-bottom:18px}.explain-card h3{font-family:var(--font-display);font-size:22px;font-weight:900;margin-bottom:12px}.explain-card p{font-size:14px;line-height:1.8;color:var(--muted)}

/* FAQ */
.faq-section{background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}.faq-wrap{max-width:980px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--rule);border-radius:20px;margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow-card)}.faq-question{width:100%;border:0;background:#fff;text-align:left;padding:22px 24px;font-size:17px;font-weight:900;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:var(--font-body)}.faq-question i{color:var(--brand);transition:.25s}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .28s ease}.faq-answer-inner{padding:0 24px 22px;color:var(--muted);font-size:15px;line-height:1.8}

/* TRUST */
.trust-section{background:var(--ink)}.trust-inner{text-align:center}.trust-inner h2{font-family:var(--font-display);font-size:42px;font-weight:900;color:#fff;letter-spacing:-.025em;margin:10px 0 14px}.trust-inner p{font-size:17px;color:rgba(255,255,255,.5);margin-bottom:40px}.trust-logos{display:flex;justify-content:center;align-items:center;gap:36px;flex-wrap:wrap;margin-bottom:40px}.trust-logos img{height:36px;object-fit:contain;filter:invert(1);opacity:.5;transition:.3s}.trust-logos img:hover{opacity:.9}.trust-badge-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trust-badge{font-size:13px;font-weight:800;color:rgba(255,255,255,.8);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 18px;display:inline-flex;align-items:center;gap:8px}.trust-badge i{color:var(--green)}

/* CTA */
.cta-section{background:var(--cream)}.cta-box{background:var(--ink);border-radius:var(--radius-xl);padding:64px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden}.cta-box::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(204,85,0,.2),transparent 70%)}.cta-box::after{content:"";position:absolute;bottom:-80px;left:60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(57,164,138,.07),transparent 70%)}.cta-text{position:relative;z-index:2}.cta-text h2{font-family:var(--font-display);font-size:38px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1;margin:8px 0 12px}.cta-text p{font-size:16px;color:rgba(255,255,255,.5);max-width:520px;line-height:1.7}.cta-actions{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;align-items:flex-end;flex-shrink:0}.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:800;color:#fff;background:var(--brand);padding:14px 28px;border-radius:var(--radius-md);transition:.2s;white-space:nowrap}.btn-cta-primary:hover{background:var(--brand-dark);transform:translateY(-2px)}.btn-cta-secondary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:700;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:var(--radius-md);transition:.2s;white-space:nowrap}.btn-cta-secondary:hover{color:#fff;background:rgba(255,255,255,.1)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:translateY(0)}.reveal-1{transition-delay:.05s}.reveal-2{transition-delay:.1s}.reveal-3{transition-delay:.15s}.reveal-4{transition-delay:.2s}
@media (prefers-reduced-motion:reduce){.reveal,.reward-logo-track,.process-detail-card{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}
@media(max-width:1100px){.page-hero-inner,.process-details{grid-template-columns:1fr}.hero-flow-panel{max-width:760px}.process-steps{grid-template-columns:repeat(3,1fr)}.process-step:nth-child(5){grid-column:span 3}.reward-strip-top,.explain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.page-hero-inner{grid-template-columns:1fr;min-height:auto;text-align:center;padding:76px 28px 72px}.page-hero h1{max-width:100%}.page-hero p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-flow-panel{display:none}.process-section{margin-top:-32px}.process-shell{padding:22px}.process-steps{grid-template-columns:1fr 1fr}.process-step:nth-child(5){grid-column:span 2}.reward-strip-top,.explain-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;padding:40px 28px}.cta-actions{align-items:stretch;width:100%}.cta-actions a{text-align:center;justify-content:center}.trust-logos{gap:24px}}
@media(max-width:640px){.page-hero-inner{padding:64px 20px 62px}.page-hero h1{font-size:2.65rem}.section-header h2,.process-shell-top h2{font-size:32px}.process-steps{grid-template-columns:1fr}.process-step:nth-child(5){grid-column:span 1}.reward-strip{padding:22px;border-radius:24px}.reward-strip h3{font-size:24px}.reward-logo-shell::before,.reward-logo-shell::after{width:56px}.reward-logo-item{min-width:132px;height:66px;padding:12px 14px}.reward-logo-item img{max-height:28px}.cta-box{padding:32px 20px}.cta-text h2{font-size:28px}}