@import url('./fonts.css');
:root{
 --bg:#f7f4e9;--paper:#fffdf7;--paper2:#f0ecdf;--ink:#173a2f;--muted:#6f7d75;--line:#e2ddcf;
 --green:#087a54;--green2:#18a36f;--mint:#dff3e8;--gold:#c3933e;--danger:#bd4653;
 --shadow:0 18px 55px rgba(29,58,47,.09);--r:26px;--nav:rgba(251,249,242,.90)
}
[data-theme="dark"]{
 --bg:#0c1713;--paper:#12231d;--paper2:#172a23;--ink:#e8f1ec;--muted:#9bb0a5;--line:#294139;
 --green:#2ac184;--green2:#62dca9;--mint:#163d2e;--gold:#ddb463;--danger:#ff7b86;
 --shadow:0 18px 55px rgba(0,0,0,.25);--nav:rgba(12,23,19,.90)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;background:var(--bg);color:var(--ink);font-family:var(--font-body);transition:.25s}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.11;background-image:linear-gradient(30deg,var(--gold) 1px,transparent 1px),linear-gradient(150deg,var(--gold) 1px,transparent 1px);background-size:50px 29px}
button,input,select,textarea{font:inherit}.hidden{display:none!important}.shell{width:min(1160px,calc(100% - 28px));margin:auto}
.top{position:sticky;top:0;z-index:80;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px}.brandmark{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,var(--green),var(--green2));color:white;display:grid;place-items:center;font-family:var(--font-display);font-size:25px}.brand b{font-size:18px}.brand small{display:block;color:var(--muted);font-size:9px}.links{display:flex;gap:20px}.links a{color:var(--muted);text-decoration:none;font-size:11px}.nav-actions{display:flex;gap:7px}.iconbtn,.btn{border:0;cursor:pointer;border-radius:13px;padding:12px 15px;font-weight:800}.iconbtn{width:42px;height:42px;padding:0;background:var(--paper);color:var(--ink);border:1px solid var(--line)}.btn.primary{background:var(--green);color:white}.btn.dark{background:var(--ink);color:var(--bg)}.btn.soft{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:36px;padding:48px 0 32px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 11px;font-size:10px;color:var(--muted)}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 12%,transparent)}
.hero h1{font-family:var(--font-display);font-size:58px;line-height:1.15;letter-spacing:-1.2px;margin:16px 0 13px;font-weight:400}.hero h1 em{font-style:normal;color:var(--green)}.hero p{color:var(--muted);line-height:2.05;font-size:14px;max-width:630px}.actions{display:flex;gap:9px;margin-top:20px}.facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;color:var(--muted);font-size:9px}.facts b{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:8px;background:var(--mint);color:var(--green)}
.visual{min-height:500px;position:relative}.halo{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--green) 16%,transparent),transparent 70%);left:50%;top:50%;transform:translate(-50%,-50%)}
.fuel{position:relative;width:min(390px,94%);margin:22px auto;background:linear-gradient(145deg,#143d31,#096a4b);color:white;border-radius:36px;padding:24px;box-shadow:0 34px 80px rgba(16,52,41,.25);overflow:hidden}.fuel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(224,187,104,.28);right:-120px;bottom:-120px;transform:rotate(45deg)}.fuelhead{display:flex;justify-content:space-between}.pump{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:26px}.liters{font-size:42px;font-weight:900;margin:22px 0 2px}.liters small{font-size:12px}.bar{height:8px;background:rgba(255,255,255,.12);border-radius:99px;margin:20px 0;overflow:hidden}.bar i{display:block;width:80%;height:100%;background:linear-gradient(90deg,#d9ad5c,#f3dda3);border-radius:99px}.road{height:125px;position:relative}.road:after{content:"";position:absolute;left:0;right:0;bottom:24px;height:4px;background:rgba(255,255,255,.2);border-radius:9px}.car{position:absolute;bottom:27px;right:3%;font-size:34px;animation:drive 5s ease-in-out infinite alternate}@keyframes drive{to{right:78%}}
.trust{border-block:1px solid var(--line);background:color-mix(in srgb,var(--paper) 70%,transparent)}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:16px;display:flex;gap:9px;align-items:center;border-left:1px solid var(--line)}.trustitem:last-child{border-left:0}.trustitem i{width:34px;height:34px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-style:normal}.trustitem b{display:block;font-size:10px}.trustitem small{font-size:8px;color:var(--muted)}
.section{padding:64px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.head small{color:var(--green);font-weight:900}.head h2{font-family:var(--font-display);font-size:36px;font-weight:400;margin:5px 0 0}.head p{max-width:500px;color:var(--muted);font-size:11px;line-height:2}
.form-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:17px;align-items:start}.aside,.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.aside{padding:22px;background:var(--paper2);position:sticky;top:92px}.aside h3{font-family:var(--font-display);font-weight:400;font-size:26px;margin:8px 0}.aside p{color:var(--muted);font-size:10px;line-height:1.9}.card{padding:23px}.cardtop{display:flex;align-items:center;justify-content:space-between}.cardtop h3{margin:3px 0;font-size:21px}.chip{padding:6px 8px;border-radius:9px;background:var(--mint);color:var(--green);font-size:9px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:16px}label{display:block;font-size:10px;color:var(--muted)}label.full{grid-column:1/-1}input,select,textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 10%,transparent)}.check{display:flex;gap:7px;align-items:flex-start;margin:13px 0;line-height:1.8}.check input{width:auto;margin-top:2px}.captcha{margin:12px 0;padding:12px;border:1px dashed var(--line);border-radius:13px;background:var(--paper2)}.msg{font-size:10px;line-height:1.8;margin-top:8px}.msg.error{background:color-mix(in srgb,var(--danger) 10%,var(--paper));color:var(--danger);padding:9px;border-radius:11px}.success{background:var(--mint);padding:14px;border-radius:15px;margin-top:13px}.ref{font-weight:900;letter-spacing:1px;margin-top:5px}
.trackgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.timeline{display:grid;gap:9px}.time{display:flex;gap:8px}.time i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--mint);margin-top:5px}.time b{font-size:10px}.time small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.update-banner{position:fixed;left:12px;right:12px;bottom:82px;z-index:95;max-width:620px;margin:auto;background:var(--ink);color:var(--bg);padding:13px 14px;border-radius:16px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;justify-content:space-between}.update-banner b{font-size:10px}.update-banner small{font-size:8px;opacity:.75}.download-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,var(--green),#155e46);color:white;border-radius:28px;padding:25px}.download-card h3{font-family:var(--font-display);font-size:28px;font-weight:400;margin:5px 0}.download-card p{font-size:10px;opacity:.8;line-height:1.9}.qrbox{width:120px;height:120px;background:white;color:#173a2f;border-radius:18px;display:grid;place-items:center;text-align:center;font-size:9px}
.footer{padding:32px 0 90px;color:var(--muted);font-size:9px}.footer .shell{border-top:1px solid var(--line);padding-top:20px}
.mobiletabs{display:none}
@media(max-width:900px){.links{display:none}.hero{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr}.aside{position:static}.trustgrid{grid-template-columns:1fr 1fr}.head{display:block}.trackgrid{grid-template-columns:1fr}}
@media(max-width:560px){body{padding-bottom:76px}.shell{width:min(100% - 20px,520px)}.nav{height:62px}.nav .soft{display:none}.hero{padding:23px 0 12px}.hero h1{font-size:40px}.hero p{font-size:11px}.actions .btn{flex:1;font-size:9px;padding:11px 8px}.visual{min-height:480px}.section{padding:42px 0}.fields{grid-template-columns:1fr}.card,.aside{padding:16px;border-radius:20px}.download-card{grid-template-columns:1fr}.qrbox{display:none}.mobiletabs{display:grid;position:fixed;left:8px;right:8px;bottom:8px;grid-template-columns:repeat(4,1fr);z-index:90;background:var(--nav);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:var(--shadow)}.mobiletabs a{text-decoration:none;text-align:center;color:var(--muted);font-size:8px}.mobiletabs b{display:block;font-size:16px}.mobiletabs a:first-child{color:var(--green)}}