:root { --ink:#11213b; --blue:#2167e8; --blue-2:#0b4cc8; --sky:#eaf3ff; --paper:#fdfcf9; --line:#dfe6ef; --muted:#62708a; --lime:#b8ed62; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",Arial,sans-serif; } .shell { width:min(1120px,calc(100% - 48px)); margin:0 auto; }.nav { height:84px; display:flex; align-items:center; justify-content:space-between; }.brand { display:inline-flex; gap:9px; align-items:center; font:800 20px/1 "Manrope",sans-serif; color:var(--ink); text-decoration:none; letter-spacing:-1px; }.brand > span:last-child span { color:var(--blue); }.brand-mark { position:relative; width:23px; height:23px; display:inline-block; }.brand-mark i { position:absolute; display:block; background:var(--blue); border-radius:2px; }.brand-mark i:nth-child(1){width:13px;height:5px;top:2px;left:0}.brand-mark i:nth-child(2){width:13px;height:5px;top:9px;right:0}.brand-mark i:nth-child(3){width:13px;height:5px;bottom:2px;left:0}.nav-link { color:var(--ink); font-weight:700; text-decoration:none; font-size:14px; }.nav-link span { color:var(--blue); margin-left:5px; }.hero { min-height:622px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:64px; padding:58px 0 80px; }.eyebrow,.section-label { letter-spacing:1.5px; color:var(--blue); font-size:11px; font-weight:800; }.eyebrow { margin:0 0 20px; display:flex; align-items:center; gap:8px; }.eyebrow-dot { height:8px; width:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(184,237,98,.2); }.hero h1,.section-heading h2,.why-grid h2,.qualification h2 { margin:0; font:800 clamp(45px,5vw,68px)/1.05 "Manrope",sans-serif; letter-spacing:-3.6px; }.hero h1 em { font-style:normal; color:var(--blue); }.hero-lede { max-width:550px; color:#3f4c62; font-size:20px; line-height:1.52; margin:25px 0 10px; }.hero-subline { color:var(--ink); font-size:16px; font-weight:700; margin:0 0 29px; }.button { align-items:center; border:none; border-radius:8px; cursor:pointer; display:inline-flex; font-size:15px; font-weight:700; justify-content:center; gap:20px; padding:17px 22px; text-decoration:none; transition:transform .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--blue); color:white; box-shadow:0 12px 24px rgba(33,103,232,.22); }.button-primary span,.button-whatsapp span:last-child { font-size:20px; line-height:0; }.trust-row { display:flex; gap:20px; margin-top:27px; color:#526078; font-size:13px; }.trust-row b { color:#21834a; }.hero-visual { background:linear-gradient(135deg,#e7f3ff,#cedeff); min-height:440px; position:relative; overflow:hidden; border-radius:24px; }.visual-grid { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:36px 36px; }.glow { position:absolute; border-radius:50%; filter:blur(3px); }.glow-one { width:280px;height:280px;background:#a9cafb;right:-90px;top:-65px; }.glow-two { width:250px;height:250px;background:#d5ee89;left:-110px;bottom:-150px; }.placeholder-card { position:absolute; left:8%; top:17%; width:67%; padding:24px; border:1px dashed #7490ba; border-radius:14px; color:#577092; background:rgba(255,255,255,.49); display:flex; align-items:flex-start; gap:15px; }.placeholder-icon { align-items:center;background:white;border-radius:10px;display:flex;font-size:27px;height:48px;justify-content:center;width:48px; }.placeholder-card small,.payout-card small { display:block; font-size:9px; font-weight:800; letter-spacing:1px; }.placeholder-card strong { font:700 16px/1.3 "Manrope",sans-serif; color:var(--ink); display:block; margin:4px 0; }.placeholder-card p { font-size:12px; line-height:1.4; margin:0; }.payout-card { position:absolute; display:flex; align-items:center; gap:12px; right:8%; bottom:13%; padding:16px 17px; background:#11213b; color:white; border-radius:12px; box-shadow:0 16px 30px rgba(17,33,59,.23); }.payout-icon { color:var(--lime); font-size:24px; }.payout-card strong { font:700 13px "Manrope",sans-serif; display:block; margin-top:4px; }.why-section { background:var(--ink); color:white; padding:85px 0; }.why-grid { display:grid; grid-template-columns:.6fr 1.45fr 1fr; gap:45px; }.why-grid .section-label { color:var(--lime); margin:8px 0 0; }.why-grid h2 { font-size:33px; letter-spacing:-1.7px; }.why-grid p:not(.section-label) { color:#b8c5d8; line-height:1.6; margin:18px 0 0; }.benefit-list { border-left:1px solid #38506f; padding-left:31px; }.benefit-list div { display:flex; gap:15px; align-items:center; margin:0 0 17px; }.benefit-list span { color:var(--lime); font:700 12px "Manrope",sans-serif; }.benefit-list p { color:white!important; margin:0!important; font-size:14px; font-weight:700; }.steps { padding:112px 0; }.section-heading { max-width:640px; }.section-heading .section-label,.faq .section-label { margin:0 0 13px; }.section-heading h2 { font-size:40px; letter-spacing:-2px; }.step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:50px; }.step-card { background:#f0f6ff; min-height:230px; padding:27px; border-radius:13px; }.step-card:nth-child(2){background:#edf7dc}.step-card:nth-child(3){background:#fff2e5}.step-number { color:var(--blue); display:block;font:800 13px "Manrope",sans-serif; }.step-card h3 { font:800 21px/1.2 "Manrope",sans-serif; letter-spacing:-.8px; margin:55px 0 8px; }.step-card p { color:#526078; margin:0; line-height:1.48; font-size:14px; }.testimonials { background:#f4f7fb; padding:100px 0; }.testimonial-heading { display:flex; max-width:none; justify-content:space-between; align-items:flex-end; }.testimonial-heading > p { color:var(--muted); max-width:280px; font-size:14px; line-height:1.5; margin:0; }.testimonial-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:42px; }.video-placeholder { background:white; padding:11px 11px 20px; border-radius:12px; }.featured-video { transform:translateY(-18px); box-shadow:0 16px 35px rgba(24,55,94,.12); }.video-screen { background:linear-gradient(140deg,#1c3155,#365f9e); min-height:192px; border-radius:8px; color:white; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }.video-screen:before { content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 10%,rgba(180,237,98,.35),transparent 30%); }.video-screen small { bottom:12px;left:13px;position:absolute;font-size:9px;font-weight:800;letter-spacing:1px; }.play { z-index:1;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:15px;height:48px;padding:14px 0 0 3px;text-align:center;width:48px; }.video-placeholder h3 { font:700 16px/1.35 "Manrope",sans-serif; letter-spacing:-.4px; margin:17px 3px 5px; }.video-placeholder p { color:#718096;font-size:12px;margin:0 3px; }.qualification { padding:112px 0; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; }.qualification h2 { font-size:45px;letter-spacing:-2px; }.qualification-copy > p:not(.section-label) { color:var(--muted); line-height:1.58; max-width:400px; }.privacy-note { align-items:center;color:#69768d;display:flex;font-size:12px;gap:7px;margin-top:24px; }.privacy-note span { color:#21834a; }.qualification-panel { background:var(--ink); border-radius:15px; color:white; padding:26px; }.answer-options { display:grid; gap:10px; }.answer-button { background:#263955;border:1px solid #435774;border-radius:8px;color:white;cursor:pointer;display:flex;font:700 15px "DM Sans",sans-serif;justify-content:space-between;padding:19px; text-align:left; transition:background .2s,border .2s; }.answer-button:hover,.answer-button.is-selected { background:var(--blue);border-color:var(--blue); }.answer-no { color:#c2ccda; }.whatsapp-next { border-top:1px solid #42536d;margin-top:20px;padding-top:20px; }.whatsapp-next p { color:#dbe4f0; font-size:14px;line-height:1.45;margin:0 0 15px; }.button-whatsapp { background:#b8ed62;color:#11213b;width:100%; }.whatsapp-icon { font-size:23px; }.not-eligible { color:#dbe4f0;font-size:14px;line-height:1.5;margin:20px 0 0; }.faq { padding:0 0 112px; }.faq-list { margin-top:24px; border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line); padding:21px 0; }.faq summary { cursor:pointer;display:flex;font:700 17px "Manrope",sans-serif;justify-content:space-between;letter-spacing:-.4px;list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--blue); font-size:22px; font-family:"DM Sans"; font-weight:400; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { color:var(--muted);line-height:1.55;max-width:720px;margin:14px 0 0; }.footer { background:var(--ink); color:#b6c2d1;padding:28px 0; }.footer-inner { align-items:center;display:flex;justify-content:space-between; }.footer .brand { color:white; font-size:17px; }.footer p,.footer a { color:#9cabc0;font-size:12px;text-decoration:none; }.footer div:last-child { display:flex;gap:18px; }
@media(max-width:760px){.shell{width:min(100% - 32px,1120px)}.nav{height:72px}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;gap:36px;padding:42px 0 60px;min-height:0}.hero h1{font-size:47px;letter-spacing:-2.6px}.hero-lede{font-size:18px}.hero-visual{min-height:340px}.placeholder-card{width:77%;top:14%;left:7%;}.payout-card{right:6%;bottom:11%}.trust-row{flex-direction:column;gap:8px}.why-section{padding:62px 0}.why-grid{grid-template-columns:1fr;gap:20px}.why-grid h2{font-size:30px}.benefit-list{border-left:0;border-top:1px solid #38506f;padding:22px 0 0}.steps,.testimonials{padding:68px 0}.section-heading h2{font-size:34px}.step-grid,.testimonial-grid{grid-template-columns:1fr;margin-top:30px}.step-card h3{margin-top:42px}.featured-video{transform:none}.testimonial-heading{align-items:flex-start;flex-direction:column;gap:15px}.qualification{grid-template-columns:1fr;gap:32px;padding:70px 0}.qualification h2{font-size:39px}.faq{padding-bottom:70px}.footer-inner{align-items:flex-start;flex-direction:column;gap:15px}.footer p{margin:0}.footer div:last-child{order:-1}.video-screen{min-height:205px}}