/* DaaS Fleet · الطرح الكامل — يكمّل تنسيق daas.html المضمّن */
.df-eb{color:var(--teal,#66C4C9)!important}
.df-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px;max-width:980px}
.df-stats div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:16px;padding:14px 16px}
.df-stats b{display:block;font-family:var(--display);font-size:clamp(26px,2.6vw,34px);color:#fff;line-height:1.15}
.df-stats span{font-size:13.5px;color:var(--d-mute,#A79ECB);line-height:1.6}
.sec.tinted{background:var(--tint,#F3F0FA)}
.df-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.df-card{background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:20px;padding:26px 28px}
.df-card.ok{border-color:rgba(82,38,156,.35);box-shadow:0 18px 40px -24px rgba(82,38,156,.45)}
.df-card h3{font-size:20px;margin-bottom:12px;color:var(--ink,#15112B)}
.df-x,.df-v{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.df-x li,.df-v li{position:relative;padding-inline-start:28px;line-height:1.75;color:#3b355a}
.df-x li::before,.df-v li::before{position:absolute;inset-inline-start:0;top:.15em;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.df-x li::before{content:"✕";background:#FDECEC;color:#C53030}
.df-v li::before{content:"✓";background:#E3F6EE;color:#13734C}
.df-v.sm{margin-top:18px}.df-v.sm li{font-size:15px}
.df-pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.df-pkg{position:relative;background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:22px;padding:26px 26px 22px}
.df-pkg.feat{border:2px solid var(--brand,#52269C);box-shadow:0 24px 50px -28px rgba(82,38,156,.55)}
.df-tag{position:absolute;top:-13px;inset-inline-start:22px;background:var(--brand,#52269C);color:#fff;font-size:12.5px;padding:3px 12px;border-radius:999px;font-family:var(--display)}
.df-pkg h3{font-size:20px;color:var(--ink,#15112B);direction:ltr;text-align:right}
.df-price{margin:10px 0 0;display:flex;align-items:baseline;gap:8px}
.df-price b{font-family:var(--display);font-size:46px;color:var(--brand,#52269C);line-height:1}
.df-price span,.df-sub{color:var(--muted,#6B6489);font-size:14px}
.df-sub{margin:4px 0 14px}
.df-pkg dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px;padding:12px 0;border-block:1px solid var(--line,#E6E1F2);font-size:14.5px}
.df-pkg dt{color:var(--muted,#6B6489)}.df-pkg dd{margin:0;font-weight:600;color:var(--ink,#15112B)}
.df-pkg ul{margin:0;padding-inline-start:18px;display:grid;gap:4px;font-size:14.5px;color:#3b355a}
.df-disc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.df-disc div{background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:16px;padding:16px 18px}
.df-disc h3{font-size:15px;color:var(--brand,#52269C);margin-bottom:6px}
.df-disc p{margin:0;font-size:14.5px;line-height:1.8;color:#3b355a}
.df-disc b{color:var(--ink,#15112B);white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.df-note{margin-top:16px;font-size:14px;color:var(--muted,#6B6489)}
.df-calc{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.df-in{display:grid;gap:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:26px}
.df-f{border:0;margin:0;padding:0;display:grid;gap:10px}
.df-f>span,.df-f legend{font-family:var(--display);color:#fff;font-size:15px;display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:10px}
.df-f output{font-family:var(--display);color:var(--teal,#66C4C9);font-size:22px}
.df-f small{color:var(--d-mute,#A79ECB);font-size:13px}
.df-f input[type=range]{width:100%;accent-color:#7C4DFF}
.df-chips{display:flex;flex-wrap:wrap;gap:8px}
.df-chips label{position:relative;cursor:pointer}
.df-chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.df-chips span{display:inline-block;padding:9px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.22);color:#E9E4FA;font-size:14.5px;transition:background .2s,border-color .2s}
.df-chips input:checked+span{background:#fff;color:var(--deep,#17103A);border-color:#fff;font-weight:600}
.df-chips input:focus-visible+span{outline:3px solid rgba(124,77,255,.6);outline-offset:2px}
.df-out{background:#fff;color:var(--ink,#15112B);border-radius:22px;padding:26px 28px}
.df-big{margin:0 0 14px;display:flex;align-items:baseline;gap:10px}
.df-big b{font-family:var(--display);font-size:52px;color:var(--brand,#52269C);line-height:1}
.df-big span{color:var(--muted,#6B6489)}
.df-dl{display:grid;grid-template-columns:1fr auto;margin:0;border-top:1px solid var(--line,#E6E1F2)}
.df-dl dt,.df-dl dd{padding:9px 0;border-bottom:1px solid var(--line,#E6E1F2);font-size:15px}
.df-dl dt{color:#4a4468}
.df-dl dd{margin:0;font-family:var(--display);font-weight:600;text-align:end;font-variant-numeric:tabular-nums}
.df-dl dd.hl{color:var(--brand,#52269C)}.df-dl dd.ok{color:#13734C}
.df-fine{font-size:13px;color:var(--muted,#6B6489);margin:12px 0 0;line-height:1.75}
.df-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.df-out .b-out{border-color:var(--line,#E6E1F2);color:var(--brand,#52269C);background:#fff}
.df-out .b-out:hover{background:var(--tint,#F3F0FA)}
.df-long{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.df-fig{margin:0;background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:20px;padding:16px}
.df-chart{width:100%;height:auto;display:block}
.df-chart .ax{font:12px var(--body);fill:#6B6489;direction:ltr}
.df-chart .gl{stroke:#ECE8F5}.df-chart .z{stroke:#15112B}
.df-chart polyline{fill:none;stroke-linejoin:round}
.df-chart .s1{stroke:#C53030;stroke-width:2.4}.df-chart .s1d{fill:#C53030}
.df-chart .s2{stroke:#D98A17;stroke-width:2.2;stroke-dasharray:6 5}.df-chart .s2d{fill:#D98A17}
.df-chart .s3{stroke:#52269C;stroke-width:3.6}.df-chart .s3d{fill:#52269C}
.df-chart .s4{stroke:#7C4DFF;stroke-width:2.4;stroke-dasharray:2 4}.df-chart .s4d{fill:#7C4DFF}
.df-fig figcaption{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:13px;color:var(--muted,#6B6489);margin-top:10px}
.df-fig figcaption span{display:inline-block;width:22px;height:4px;border-radius:2px;margin-inline-end:-10px}
.df-fig .k1{background:#C53030}.df-fig .k2{background:#D98A17}.df-fig .k3{background:#52269C}.df-fig .k4{background:#7C4DFF}
.df-tw{overflow-x:auto}
.df-t{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:16px;overflow:hidden;font-size:15px}
.df-t caption{text-align:start;font-family:var(--display);font-weight:600;color:var(--ink,#15112B);padding:0 0 10px;font-size:16px}
.df-t th,.df-t td{padding:11px 14px;border-bottom:1px solid var(--line,#E6E1F2);text-align:start}
.df-t thead th{background:var(--brand,#52269C);color:#fff;font-weight:500;font-size:14px}
.df-t tbody th{font-weight:500;color:#3b355a}
.df-t td{font-variant-numeric:tabular-nums}
.df-t tr.hl th,.df-t tr.hl td{background:#F3EEFD;font-weight:700;color:var(--ink,#15112B)}
.df-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}
.df-term{background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:16px;padding:18px 18px 16px;border-top:4px solid var(--brand,#52269C)}
.df-term.key{border-top-color:var(--teal,#66C4C9);background:#fff}
.df-term b{font-family:var(--display);font-size:16px;color:var(--ink,#15112B)}
.df-term p{margin:8px 0 0;font-size:14.5px;line-height:1.8;color:#3b355a}
.df-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:s}
.df-steps li{counter-increment:s;background:var(--night,#0A0720);color:#fff;border-radius:18px;padding:20px 18px;min-height:190px}
.df-steps li:nth-child(even){background:var(--brand,#52269C)}
.df-steps li::before{content:"0" counter(s);display:block;font-family:var(--display);font-size:24px;color:var(--teal,#66C4C9);margin-bottom:6px}
.df-steps b{display:block;font-family:var(--display);font-size:17px;margin-bottom:6px}
.df-steps span{font-size:14px;line-height:1.75;color:#D6D0F2}
.df-faq{display:grid;gap:10px;max-width:920px}
.df-faq details{background:#fff;border:1px solid var(--line,#E6E1F2);border-radius:14px;padding:4px 18px}
.df-faq summary{cursor:pointer;padding:12px 0;font-family:var(--display);font-weight:600;color:var(--ink,#15112B);list-style-position:inside}
.df-faq details[open] summary{color:var(--brand,#52269C)}
.df-faq p{margin:0 0 14px;line-height:1.85;color:#3b355a}
.df-go{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.df-go h2{color:#fff;margin:0}.df-go p{color:var(--d-mute,#A79ECB);margin:8px 0 0}
@media (max-width:1100px){.df-terms{grid-template-columns:repeat(2,minmax(0,1fr))}.df-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.df-disc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.df-two,.df-calc,.df-long,.df-pkgs{grid-template-columns:1fr}.df-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.df-terms,.df-steps,.df-disc{grid-template-columns:1fr}.df-steps li{min-height:0}.df-big b{font-size:42px}.df-out,.df-in{padding:20px}}
/* منع التمرير الأفقي في الجوال (كان موجودًا في الرئيسية بسبب الهالة وشريط العناوين) */
html,body{overflow-x:clip}
/* أيقونة DaaS Fleet في واجهة الرئيسية */
.dff{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:10px 12px 10px 18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;backdrop-filter:blur(6px);transition:background .25s,border-color .25s,transform .25s}
.dff:hover{background:rgba(255,255,255,.12);border-color:#66C4C9;transform:translateY(-2px)}
.dff:focus-visible{outline:3px solid rgba(102,196,201,.7);outline-offset:3px}
.dff-ic{flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#7C4DFF,#52269C 60%,#2A1170);box-shadow:0 10px 26px -10px rgba(124,77,255,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.dff-ic svg{width:30px;height:30px}
.dff-t{display:grid;line-height:1.35;text-align:start}
.dff-t b{font-family:"Alexandria",sans-serif;font-size:17px;direction:ltr;text-align:right}
.dff-t small{color:#C9C0EE;font-size:13px}
.dff-ar{color:#66C4C9;font-size:18px;margin-inline-start:4px}
.lnk2{display:inline-block;margin-inline-end:18px}