:root{--primary: #0e9f6e;--primary-600: #0b8159;--primary-700: #0a6647;--primary-50: #e7f7f0;--primary-100: #c5ecdb;--primary-300: #5fc99e;--ink: #0b1f3a;--ink-700: #142440;--ink-900: #07142a;--amber: #f5a524;--amber-300: #f7be53;--n-50: #f7f8fa;--n-200: #dde1e8;--n-400: #9aa3b2;--n-500: #727c8c;--canvas: #f6f7f4;--font-display: "Clash Display", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-body: "Satoshi", "IBM Plex Sans Arabic", system-ui, sans-serif;--maxw: 1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.05}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f7f4c7;border-bottom:1px solid var(--n-200)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.nav img{height:38px}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{font-weight:600;font-size:15px;color:var(--ink-700)}.nav-links a:hover{color:var(--primary-600)}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;font-weight:700;font-size:15px;padding:12px 22px;border-radius:999px;border:none;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 8px 20px #0e9f6e40}.btn:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:0 12px 26px #0e9f6e52}.btn-ghost{background:transparent;color:var(--ink);box-shadow:none;border:1px solid var(--n-200)}.btn-ghost:hover{background:#fff;transform:none;box-shadow:0 4px 12px #0b1f3a0f}@media(max-width:760px){.nav-links a:not(.btn){display:none}}.hero{position:relative;padding:96px 0 80px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 50% at 18% 8%,rgba(14,159,110,.16),transparent 60%),radial-gradient(50% 50% at 100% 0%,rgba(245,165,36,.12),transparent 55%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--n-200);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--primary-700);box-shadow:0 2px 8px #0b1f3a0d}.eyebrow .dot{width:8px;height:8px;border-radius:999px;background:var(--amber)}.hero h1{font-size:clamp(40px,6vw,68px);margin:22px 0 0}.hero h1 .accent{color:var(--primary)}.hero .sorani{font-family:var(--font-display);color:var(--ink);display:block;direction:rtl}.hero p.lead{font-size:19px;color:var(--n-500);max-width:30ch;margin:22px 0 32px;line-height:1.55}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:18px;font-size:13px;color:var(--n-400)}.device{position:relative;justify-self:center;width:290px;height:590px;border-radius:44px;background:#0b1f3a;padding:12px;box-shadow:0 40px 80px #0b1f3a47,inset 0 0 0 2px #ffffff0f}.device:after{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:110px;height:26px;background:#07142a;border-radius:999px}.screen{width:100%;height:100%;border-radius:33px;overflow:hidden;background:var(--canvas);display:flex;flex-direction:column}.s-hero{background:var(--ink);padding:40px 18px 18px;color:#fff}.s-hero .b{font-family:var(--font-display);font-weight:700;font-size:22px}.s-hero .t{color:var(--primary-300);font-size:12px;margin-top:4px}.s-card{background:#fff;margin:12px;border-radius:16px;padding:12px;box-shadow:0 6px 16px #0b1f3a0f;display:flex;gap:10px;align-items:center}.s-thumb{width:40px;height:40px;border-radius:10px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary-600)}.s-card .grow{flex:1}.s-card .nm{font-weight:700;font-size:13px}.s-card .pr{color:var(--primary-600);font-weight:700;font-size:12px;margin-top:2px}.s-add{background:var(--primary);color:#fff;border-radius:8px;font-size:11px;font-weight:700;padding:6px 10px}.s-bar{margin:auto 12px 14px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px}.s-bar .cta{color:var(--amber)}@media(max-width:880px){.hero-grid{grid-template-columns:1fr}.device{margin-top:24px}}.section{padding:88px 0}.section-tag{color:var(--primary-600);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.section h2{font-size:clamp(30px,4vw,44px);margin-top:10px}.section .sub{color:var(--n-500);font-size:18px;margin-top:14px;max-width:56ch;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}.step{background:#fff;border:1px solid var(--n-200);border-radius:22px;padding:30px 26px;position:relative}.step .num{font-family:var(--font-display);font-size:17px;font-weight:700;width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}.step h3{font-size:21px;margin:18px 0 8px}.step p{color:var(--n-500);line-height:1.55}@media(max-width:820px){.steps{grid-template-columns:1fr}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature{padding:26px;border-radius:20px;background:var(--n-50);border:1px solid var(--n-200)}.feature .ic{width:46px;height:46px;border-radius:13px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature .ic svg{width:24px;height:24px;stroke:var(--primary-600)}.feature h3{font-size:18px}.feature p{color:var(--n-500);margin-top:8px;line-height:1.5;font-size:15px}@media(max-width:820px){.features{grid-template-columns:1fr}}.stores{background:var(--ink);color:#fff;border-radius:36px;padding:64px;position:relative;overflow:hidden}.stores:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 80% at 90% 10%,rgba(14,159,110,.28),transparent 60%)}.stores-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;position:relative;align-items:center}.stores h2{color:#fff}.stores .sub{color:#aebacb}.checklist{list-style:none;margin-top:26px;display:grid;gap:14px}.checklist li{display:flex;gap:12px;align-items:flex-start;font-size:16px;color:#e6ebf2}.checklist .tick{flex:none;width:24px;height:24px;border-radius:999px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}.fee-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:30px}.fee-card .big{font-family:var(--font-display);font-size:42px;font-weight:700}.fee-card .amber{color:var(--amber-300)}.fee-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#c6cfdb;font-size:15px}.fee-row:last-child{border-bottom:none}@media(max-width:820px){.stores{padding:40px 28px}.stores-grid{grid-template-columns:1fr;gap:32px}}.langs{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}.lang{flex:1;min-width:220px;background:#fff;border:1px solid var(--n-200);border-radius:20px;padding:28px}.lang .big{font-family:var(--font-display);font-size:30px;font-weight:700}.lang .label{color:var(--n-500);margin-top:6px;font-weight:600}.lang.rtl{direction:rtl}.cta-band{text-align:center;padding:80px 0}.cta-band h2{font-size:clamp(32px,5vw,52px)}.cta-band .sub{margin:16px auto 30px}.footer{background:var(--ink-900);color:#aebacb;padding:56px 0 40px}.footer-grid{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.footer img{height:34px}.footer h4{color:#fff;font-size:14px;margin-bottom:12px;font-family:var(--font-body)}.footer a{display:block;padding:5px 0;font-size:15px}.footer a:hover{color:var(--primary-300)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:24px;font-size:13px;color:var(--n-400);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
