:root{--ink:#173c31;--muted:#65766e;--green:#123f32;--green2:#1d5946;--cream:#fffdf7;--yellow:#f3ce74;--light:#f5f6ee;--line:#e8eae2;--shadow:0 15px 45px rgba(13,53,39,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Tajawal","IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d9ae4e;outline-offset:3px}.site-shell{overflow:hidden}.container{width:min(1120px,calc(100% - 38px));margin-inline:auto}.header{height:96px;display:flex;justify-content:space-between;align-items:center;gap:15px}.wordmark{display:flex;align-items:center;gap:12px}.mark{background:var(--green);width:49px;height:49px;border-radius:15px;color:#f8d98d;font-size:33px;line-height:49px;text-align:center;font-weight:800;position:relative;box-shadow:0 6px 14px #123f3221}.mark-dot{position:absolute;left:9px;top:-8px;font-size:14px}.wordmark-text{font-weight:900;font-size:20px;line-height:1.15}.wordmark-text small{display:block;font-size:12px;color:#638074;letter-spacing:.05px;margin-top:5px;font-weight:600}.top-action{font-size:14px;font-weight:800;border:1px solid #d4ded4;padding:9px 17px;border-radius:12px;transition:background .2s}.top-action:hover{background:#eef2e9}.top-action span{margin-inline-start:5px}.hero{min-height:493px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;padding-top:25px;padding-bottom:72px}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:#edf4e8;border:1px solid #dce9d8;padding:8px 14px;color:#306a4b;border-radius:99px;font-size:13px;font-weight:800}.pulse{width:9px;height:9px;border-radius:50%;background:#55aa71;box-shadow:0 0 0 5px #55aa711d}.hero h1{font-size:clamp(45px,5.2vw,74px);line-height:1.25;letter-spacing:-2.5px;font-weight:900;margin:22px 0 15px}.hero h1 span{color:#bd8e36;white-space:nowrap}.hero-intro{font-size:18px;color:#61766b;max-width:520px;margin:0 0 27px;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary-btn{background:var(--green);color:white;font-size:15px;font-weight:800;padding:13px 22px;border-radius:13px;display:inline-flex;gap:14px;align-items:center;box-shadow:0 9px 22px #174d3a2c;transition:transform .2s,box-shadow .2s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 13px 27px #174d3a37}.text-link{font-weight:800;color:#356a51;font-size:14px;border-bottom:1px solid #adc8b4}.hero-sub{margin-top:23px;color:#819188;font-size:12px}.hero-sub span:first-child{color:#26865b;font-weight:900}.sep{margin:0 5px}.hero-art{height:375px;position:relative;display:grid;place-items:center}.art-halo{position:absolute;border-radius:50%}.art-halo-one{width:390px;height:390px;background:#f6edd8;opacity:.75}.art-halo-two{width:305px;height:305px;border:1px dashed #d5b970;transform:rotate(15deg)}.card-illustration{width:300px;height:300px;border-radius:33px;transform:rotate(-7deg);background:linear-gradient(142deg,#245e47,#103f32);box-shadow:22px 30px 55px #1d4b352f,-4px -4px 0 #ead79f;z-index:1;padding:22px;color:#fff;position:relative}.mini-top{display:flex;justify-content:space-between;font-size:15px;font-weight:800;color:#e8efd0}.mini-top span:last-child{color:#f9d881;font-size:22px}.coin-stack{height:155px;display:flex;align-items:center;justify-content:center;position:relative}.coin{position:absolute;width:115px;height:115px;border-radius:50%;background:linear-gradient(145deg,#ffeab2,#e3af4c);box-shadow:inset 0 0 0 5px #eac773,inset 0 0 0 12px #f9dc90,0 12px 26px #03251a52;color:#81551e;display:grid;place-items:center;font-size:45px;font-weight:900}.coin-one{transform:translate(-10px,4px);z-index:3}.coin-two{transform:translate(12px,-7px);z-index:2;background:#efbc61}.coin-three{transform:translate(32px,-17px);background:#d7a04b}.savings-line{text-align:center;font-size:13px;font-weight:800;color:#eef3dd}.mini-dashes{display:flex;gap:5px;justify-content:center;margin-top:12px}.mini-dashes i{width:22px;height:4px;border-radius:5px;background:#5c9276}.mini-dashes i:first-child{background:#ffcf71;width:38px}.sparkle{position:absolute;z-index:3;color:#bf8c35}.sparkle-a{font-size:52px;top:0;left:14px}.sparkle-b{font-size:26px;bottom:17px;right:4px}.benefit-strip{background:var(--green);color:#eff9ed}.benefit-inner{min-height:73px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 25px}.benefit-inner span{font-size:14px;font-weight:800}.offers-section{padding-top:88px;padding-bottom:84px}.section-head{display:flex;justify-content:space-between;align-items:center}.kicker{font-size:13px;font-weight:900;letter-spacing:.04em;color:#b68a3f;margin:0 0 4px}.section-head h2,.how-copy h2,.follow-card h2{font-size:clamp(30px,3vw,44px);line-height:1.4;letter-spacing:-1px;margin:0;font-weight:900}.section-description{color:#75847a;font-size:15px;margin:8px 0 0}.section-icon{width:61px;height:61px;border-radius:20px;background:#ecf3e7;display:grid;place-items:center;font-size:36px;color:#638367}.toolbar{margin-top:28px;margin-bottom:23px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.search{background:#fff;border:1px solid #e5e8e0;border-radius:15px;height:53px;display:flex;align-items:center;gap:9px;padding:0 17px;flex:1;min-width:220px;max-width:430px;box-shadow:0 3px 15px #1b4b3206}.search span{font-size:30px;line-height:1;color:#799587}.search input{width:100%;border:none;outline:none!important;background:transparent;color:var(--ink);font-size:14px}.search input::placeholder{color:#9aada0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{cursor:pointer;border:1px solid #e3e9de;background:#fff;color:#5c7265;padding:9px 15px;border-radius:11px;font-weight:800;font-size:13px;transition:background .2s}.chip.active,.chip:hover{background:var(--green);border-color:var(--green);color:#fff}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.offer-card{background:#fff;border:1px solid #e7eae3;border-radius:23px;padding:25px;box-shadow:var(--shadow);min-width:0}.offer-top{display:flex;align-items:center;gap:15px;position:relative}.offer-mark{width:68px;height:68px;border-radius:21px;display:grid;place-items:center;font-size:34px;flex-shrink:0}.offer-heading{min-width:0;flex:1}.offer-heading h3{font-size:25px;margin:0;line-height:1.3;font-weight:900}.offer-heading p{font-size:13px;color:#8c9b90;margin:5px 0 0}.offer-badge{background:#e7f5e9;color:#307c48;border-radius:8px;font-size:11px;font-weight:900;padding:5px 9px;white-space:nowrap;align-self:start}.offer-description{color:#536b5f;margin:23px 0 15px;font-size:14px;min-height:35px}.code-label{font-size:12px;font-weight:900;color:#78877b;margin-bottom:6px}.code-box{border:1px dashed #cab27b;background:#fffbec;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px}.code-value{font:900 23px/1.6 ui-monospace,Consolas,monospace;letter-spacing:1.5px;color:#3b644c;user-select:all}.copy-btn{border:none;border-radius:10px;background:#e7f0db;color:#28523e;font-size:12px;font-weight:900;padding:10px 15px;cursor:pointer}.copy-btn:hover{background:#d3e5c3}.app-link{background:var(--green);color:#fff;border-radius:12px;margin-top:15px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:800;font-size:13px;transition:background .2s}.app-link:hover{background:var(--green2)}.app-arrow{font-size:18px}.offer-terms{font-size:11px;color:#97a39b;line-height:1.8;margin:12px 0 0}.empty{padding:30px;border:1px dashed #bfccc0;border-radius:16px;text-align:center;color:#758b7c;background:#f7faf4}.new-soon{display:flex;gap:13px;align-items:center;margin-top:20px;border:1px dashed #dce5d7;background:#f8fbf5;border-radius:16px;padding:15px 20px}.new-soon-icon{width:43px;height:43px;background:#eaf1e3;color:#598462;border-radius:13px;display:grid;place-items:center;font-size:23px}.new-soon strong{font-size:14px}.new-soon p{color:#819184;font-size:12px;margin:2px 0 0}.how-section{background:#f1f4ed;padding:75px 0}.how-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;align-items:center}.how-copy p:last-child{color:#74897c;max-width:430px;margin-top:17px;font-size:15px}.steps{list-style:none;display:grid;gap:12px;margin:0;padding:0}.steps li{display:flex;align-items:center;gap:17px;background:#fff;padding:19px 21px;border:1px solid #e3e9df;border-radius:17px;box-shadow:0 4px 18px #2443340b;font-size:14px;font-weight:800}.steps b{font-size:24px;color:#b89856;font-weight:900;direction:ltr}.follow-section{padding:90px 0}.follow-card{background:linear-gradient(130deg,#124331,#225943);color:#fff;text-align:center;padding:50px 23px 55px;border-radius:28px;position:relative;overflow:hidden}.follow-card .kicker{color:#edd081}.follow-card h2{font-size:clamp(30px,4vw,48px)}.follow-card>p:not(.kicker){max-width:465px;color:#d2e6d8;font-size:15px;margin:16px auto 25px}.follow-shape{position:absolute;color:#29684d;font-size:270px;line-height:1;left:-60px;top:-60px;pointer-events:none}.follow-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;position:relative}.social-btn{display:flex;align-items:center;gap:10px;border-radius:12px;padding:10px 19px;background:#fff;color:#174a35;font-size:14px;font-weight:900}.social-tiktok{background:#ffdb8a}.social-icon{font-size:19px}.social-pending{font-size:12px;color:#d2e6d8;background:#ffffff12;padding:12px 17px;border:1px solid #ffffff29;border-radius:12px}.footer{padding-bottom:32px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-mark{border-radius:9px;background:var(--green);color:#ffe5a4;width:32px;height:32px;display:grid;place-items:center;font-weight:900;font-size:21px}.footer-brand strong{font-size:18px}.footer-brand span:last-child{font-size:12px;color:#839386}.footer>p{color:#819184;font-size:12px;max-width:580px;margin:15px 0 30px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:12px;color:#9aaa9f;font-size:11px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,24px);background:#1c503f;color:#fff;z-index:50;border-radius:11px;padding:11px 18px;box-shadow:0 12px 30px #09271950;font-size:14px;font-weight:800;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{gap:8px}.hero-art{transform:scale(.85)}.hero h1{font-size:56px}.cards{grid-template-columns:1fr}.how-grid{gap:25px}}
@media(max-width:650px){.container{width:min(100% - 30px,1120px)}.header{height:80px}.mark{width:41px;height:41px;font-size:28px;line-height:41px;border-radius:12px}.wordmark-text{font-size:18px}.wordmark-text small{font-size:11px}.top-action{font-size:12px;padding:7px 9px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:22px 0 48px;gap:14px}.hero h1{font-size:clamp(44px,10vw,58px);letter-spacing:-1.6px;margin:20px 0 13px}.hero-intro{font-size:16px}.eyebrow{font-size:11px}.hero-art{height:250px;transform:scale(.74);margin:-30px 0 -25px}.hero-sub{font-size:11px}.benefit-inner{padding:15px 0;justify-content:center;gap:8px 18px}.benefit-inner span{font-size:12px}.offers-section{padding-top:62px;padding-bottom:62px}.section-icon{display:none}.section-description{font-size:13px}.toolbar{align-items:stretch;flex-direction:column}.search{max-width:none}.chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.chip{white-space:nowrap}.offer-card{padding:19px;border-radius:20px}.offer-top{gap:10px}.offer-mark{height:57px;width:57px;font-size:27px;border-radius:17px}.offer-heading h3{font-size:22px}.offer-heading p{font-size:12px}.offer-badge{font-size:10px;padding:4px 7px}.how-section{padding:58px 0}.how-grid{grid-template-columns:1fr;gap:20px}.steps li{padding:13px 16px;font-size:13px}.follow-section{padding:63px 0}.follow-card{padding:40px 18px;border-radius:23px}.follow-card>p:not(.kicker){font-size:13px}.social-btn{font-size:12px}.footer-bottom{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}