/* سِكة v2: لافتات الطريق السريع على أسفلت */
:root{
  --navy:#1B1D20;--navy-2:#25282C;--navy-3:#30343A;--navy-line:#41464D;
  --yellow:#FFC72C;--yellow-d:#EDB200;--yellow-soft:#FFF1C2;
  --cloud:#ECE9E1;--slate:#5E6166;--ink:#17181A;--line:#D9D4C6;
  --green:#0F6B4D;--green-soft:#DCEFE6;
  --f-display:"Kufam","Mada",system-ui,sans-serif;
  --f-body:"Mada","IBM Plex Sans Arabic",system-ui,sans-serif;
  --f-latin:"Kufam","Mada",sans-serif;
  --r:8px;--r-lg:14px;
  --sign:#0F6B4D;
}
body{font-size:17px;background:var(--cloud)}
h1,h2,h3{font-weight:700;letter-spacing:0}
.eyebrow{display:none}
.btn{border-radius:8px;font-family:var(--f-display);font-weight:700}
.btn-y{color:#17181A;box-shadow:0 3px 0 #B88700}
.btn-y:active{box-shadow:0 1px 0 #B88700;transform:translateY(2px)}
.btn-navy{background:#17181A}
.logo{font-weight:800;font-size:24px}

/* header = طريق، والشاحنة بتمشي عليه مع السكرول */
.hdr{background:#1B1D20;backdrop-filter:none;border-bottom:0}
.hdr::after{content:"";position:absolute;inset:auto 0 0;height:6px;background:linear-gradient(90deg,var(--yellow) 0 50%,transparent 0) 0 50%/36px 2px repeat-x,#2B2E33}
.rd{position:absolute;inset-inline-start:0;bottom:6px;width:34px;height:20px;color:var(--yellow);pointer-events:none;will-change:transform}
.rd svg{width:100%;height:100%;display:block}
.hdr .container{height:64px}

/* hero: لافتة جانتري خضرا على الأسفلت */
.hero{background:#1B1D20;overflow:hidden}
.hero::before{inset:auto 0 28px;height:6px;background:repeating-linear-gradient(270deg,#F4F1E8 0 56px,transparent 56px 112px);mask-image:none;-webkit-mask-image:none;opacity:.9}
.hero .container{padding-block:clamp(40px,6vw,80px) clamp(84px,9vw,120px);gap:clamp(24px,4vw,56px)}
.hero .container>div:first-child{position:relative;background:var(--sign);color:#fff;border-radius:16px;padding:clamp(26px,3.4vw,46px);box-shadow:inset 0 0 0 5px var(--sign),inset 0 0 0 8px #F4F1E8}
.hero .container>div:first-child::before,.hero .container>div:first-child::after{content:"";position:absolute;top:100%;width:12px;height:70px;background:linear-gradient(90deg,#6c7178,#9aa0a7 50%,#6c7178)}
.hero .container>div:first-child::before{inset-inline-start:16%}.hero .container>div:first-child::after{inset-inline-end:16%}
.hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.25;font-weight:800;padding-inline:6px}
.hero h1 em{color:var(--yellow)}
.hero .sub{color:#E3F1EA;padding-inline:6px}
.track-form{border-radius:10px;background:#F4F1E8;padding:6px;box-shadow:none;margin-inline:6px}
.track-form input{color:#17181A}
.form-msg{color:#FFE08A;padding-inline:6px}
.demo{color:#CFE8DC;padding-inline:6px}
.demo button{background:rgba(255,255,255,.14)}
.hero-visual{aspect-ratio:1;max-width:460px}
.hero-photo{inset:6% 6% 6% 6%;border-radius:50%;box-shadow:0 0 0 10px #F4F1E8,0 0 0 18px #D9362B}
.hero-photo::after{background:linear-gradient(0deg,rgba(27,29,32,.35),transparent 55%)}
.hero-photo img{filter:contrast(1.05) saturate(.9)}
.float{border-radius:8px;box-shadow:0 10px 0 -4px rgba(0,0,0,.25),var(--shadow);border:2px solid #17181A}
.float.f1{top:2%;left:-2%}.float.f2{bottom:0;left:0}
@media (max-width:920px){.hero-visual{max-width:380px}.float.f2{left:-4%}}

/* باقي الأقسام */
.stats{background:#17181A;color:#fff}
.stat b{color:var(--yellow);font-weight:800}
.dark{background:#1B1D20}
.card,.quote,.gov-card,.dash{border-radius:12px}
.quote{background:var(--sign)}
.pill{border-radius:6px}
.sec-head h2{font-weight:800;font-size:clamp(28px,3.6vw,44px)}
.plans .plan,.plan{border-radius:12px}
.ftr,footer{background:#17181A}
.band img{border-radius:10px}