/* ===== المراحل ===== */
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,20px);counter-reset:s}
.step{position:relative;padding:26px 22px 24px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(180deg,var(--glass),rgba(255,255,255,.012));transform-style:preserve-3d;
  transition:transform var(--t),border-color var(--t),box-shadow var(--t),background var(--t)}
.step::before{content:'';position:absolute;inset-inline:0;top:-9px;height:1px;background:linear-gradient(90deg,transparent,var(--ember),transparent);opacity:.5}
.step:hover{transform:translateY(-9px) rotateX(6deg) rotateY(-4deg) translateZ(26px);border-color:var(--ember);box-shadow:var(--sh1);background:linear-gradient(180deg,rgba(228,118,44,.12),transparent)}
.step__n{display:block;font-family:var(--f-head);font-weight:900;font-size:2.1rem;line-height:1;margin-bottom:.7rem;
  color:transparent;-webkit-text-stroke:1.2px rgba(255,174,92,.6)}
.step__b h3{font-size:1.05rem;margin-bottom:.35rem}
.step__b p{font-size:.87rem}

/* ===== الماكينات: المنصّة + اللوحة ===== */
.mach{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(18px,3vw,46px);align-items:center}
.mach__stage{position:relative;aspect-ratio:1/.94;display:grid;place-items:center;transform-style:preserve-3d;
  transform:perspective(1150px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.mach__glow{position:absolute;inset:12% 10%;border-radius:50%;filter:blur(26px);
  background:radial-gradient(circle at 50% 46%,rgba(228,118,44,.34),transparent 70%)}
.mach__ring{position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(255,174,92,.28);animation:spinPad 34s linear infinite}
.mach__ring::after{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(255,255,255,.06)}
.mach__stage img{position:relative;width:min(84%,520px);object-fit:contain;
  filter:drop-shadow(0 44px 54px rgba(0,0,0,.9));transition:opacity .32s ease,transform .55s var(--t-slow)}
.mach__stage img.is-swap{opacity:0;transform:scale(.9) rotateY(-20deg) translateZ(-40px)}
.mach__chip{position:absolute;bottom:6%;inset-inline-start:6%;display:inline-flex;align-items:center;gap:.45rem;
  padding:.5rem 1rem;border-radius:999px;background:rgba(12,8,5,.7);border:1px solid var(--line2);backdrop-filter:blur(12px);
  font-family:var(--f-head);font-weight:700;font-size:.84rem}
.mach__chip svg{width:1em;height:1em;color:var(--ember2)}
.mtabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.15rem}
.tab{padding:.55rem 1.05rem;border-radius:999px;border:1px solid var(--line2);background:var(--glass);cursor:pointer;
  font-family:var(--f-head);font-weight:700;font-size:.86rem;transition:transform var(--t-fast),background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast)}
.tab:hover{transform:translateY(-2px);border-color:var(--ember);color:var(--gold)}
.tab.is-active{background:linear-gradient(96deg,var(--ember),var(--copper));color:#180D05;border-color:transparent;box-shadow:0 12px 26px -12px rgba(228,118,44,.95)}
.mach__head h3{font-size:clamp(1.25rem,2.2vw,1.7rem)}
.mach__head p{font-size:.93rem}
.mspecs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1.15rem 0}
.spec{padding:.75rem .95rem;border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--line);transition:transform var(--t-fast),border-color var(--t-fast)}
.spec:hover{transform:translateY(-2px);border-color:var(--line2)}
.spec dt{font-size:.73rem;color:var(--muted);margin-bottom:.15rem}
.spec dd{font-family:var(--f-head);font-weight:700;font-size:.93rem}
.mach__bar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;border-radius:var(--r-sm);
  border:1px solid rgba(255,174,92,.35);background:linear-gradient(90deg,rgba(228,118,44,.18),transparent);font-size:.9rem}
.mach__bar b{font-family:var(--f-head);font-size:1.05rem;color:var(--gold)}
.mach__cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.15rem}
/* ===== بطاقات المطاحن ===== */
.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.gcard{display:flex;flex-direction:column;gap:.6rem;padding:18px;border-radius:var(--r2);border:1px solid var(--line);
  background:linear-gradient(180deg,var(--glass),rgba(255,255,255,.012));box-shadow:var(--sh1);overflow:hidden}
.gcard__img{position:relative;aspect-ratio:1/.78;border-radius:var(--r-sm);overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 60%,rgba(228,118,44,.24),rgba(10,7,5,.9) 72%)}
.gcard__img img{width:78%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.85));transition:transform .6s var(--t-slow)}
.gcard:hover .gcard__img img{transform:scale(1.09) translateY(-6px)}
.gcard h4{font-size:1.05rem} .gcard p{font-size:.86rem}
.gcard .meta{font-size:.75rem;color:var(--ember2);letter-spacing:.4px;font-family:var(--f-head);font-weight:700}

/* ===== جدول المقارنة ===== */
.tablewrap{overflow:auto;border-radius:var(--r2);border:1px solid var(--line);box-shadow:var(--sh1);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));max-height:80vh}
.ctable{width:100%;border-collapse:collapse;min-width:820px;font-size:.88rem}
.ctable th,.ctable td{padding:.9rem 1.05rem;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
.ctable thead th{position:sticky;top:0;z-index:3;background:rgba(14,9,6,.96);backdrop-filter:blur(10px);font-family:var(--f-head)}
.chbtn{padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line2);background:var(--glass);cursor:pointer;
  font-family:var(--f-head);font-weight:700;font-size:.82rem;white-space:nowrap;transition:all var(--t-fast)}
.chbtn:hover{border-color:var(--ember);color:var(--gold);transform:translateY(-2px)}
.chbtn.is-on{background:linear-gradient(96deg,var(--ember),var(--copper));color:#180D05;border-color:transparent}
.ctable tbody th{font-family:var(--f-head);font-weight:700;color:var(--ink);background:rgba(255,255,255,.02);position:sticky;inset-inline-start:0;z-index:2}
.ctable tbody tr:hover td{background:rgba(228,118,44,.075);color:var(--ink)}
.ctable tbody tr:last-child th,.ctable tbody tr:last-child td{border-bottom:0}

/* ===== بطاقات المميزات القلّابة ===== */
.flips{perspective:1400px}
.flip{position:relative;min-height:268px;cursor:pointer;perspective:1100px}
.flip__in{position:relative;width:100%;height:100%;min-height:268px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1)}
.flip:hover .flip__in,.flip.is-flip .flip__in{transform:rotateY(180deg) translateZ(20px)}
.flip__f,.flip__b{position:absolute;inset:0;display:flex;flex-direction:column;gap:.6rem;padding:26px 24px;border-radius:var(--r2);
  border:1px solid var(--line);backface-visibility:hidden;background:linear-gradient(168deg,var(--glass),rgba(255,255,255,.012));box-shadow:var(--sh1)}
.flip__b{transform:rotateY(180deg);background:linear-gradient(168deg,rgba(228,118,44,.20),rgba(16,10,6,.94));border-color:rgba(255,174,92,.42)}
.flip h3,.flip h4{font-size:1.06rem}
.flip p{font-size:.87rem}
.fic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;flex:none;
  background:linear-gradient(140deg,rgba(228,118,44,.30),rgba(200,129,60,.08));border:1px solid var(--line2);box-shadow:inset 0 0 22px rgba(228,118,44,.25)}
.fic svg{width:24px;height:24px;color:var(--ember2)}
.fic--alt{background:rgba(12,8,5,.62)}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--f-head);font-weight:700;font-size:.82rem;color:var(--ember2)}
.more svg{width:1em;height:1em}

/* ===== شريط الأرقام ===== */
.statband{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,22px);padding:clamp(22px,3vw,38px);
  border-radius:var(--r2);border:1px solid var(--line);background:linear-gradient(120deg,rgba(228,118,44,.14),rgba(255,255,255,.02) 55%,rgba(200,129,60,.12));
  box-shadow:var(--sh2)}
.stat{text-align:center;display:flex;flex-direction:column;gap:.3rem;transform-style:preserve-3d;transition:transform var(--t)}
.stat:hover{transform:translateZ(28px) rotateX(6deg)}
.stat b{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1;
  background:linear-gradient(180deg,var(--gold),var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:.82rem;color:var(--muted)}

/* ===== قسم عرض السعر ===== */
.quote__in{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(18px,3vw,46px);align-items:start}
.quote__copy{display:flex;flex-direction:column;gap:.9rem}
.quote__list{list-style:none;display:grid;gap:.5rem;margin:.5rem 0}
.quote__list li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink2)}
.quote__list svg{width:1.05em;height:1.05em;color:var(--ok);flex:none}
.quote__contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.5rem}
.ccard{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--glass);transition:transform var(--t-fast),border-color var(--t-fast),background var(--t-fast)}
.ccard:hover{transform:translateY(-3px);border-color:var(--ember);background:var(--glass2)}
.ccard svg{width:22px;height:22px;color:var(--ember2);flex:none}
.ccard b{display:block;font-size:.88rem} .ccard small{color:var(--muted);font-size:.76rem;word-break:break-word}
.quote__form{display:grid;gap:1rem;padding:clamp(20px,2.6vw,32px);border-radius:var(--r2);border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));box-shadow:var(--sh2);transform-style:preserve-3d}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.field{display:flex;flex-direction:column;gap:.35rem}
.field>span{font-family:var(--f-head);font-weight:700;font-size:.78rem;color:var(--muted)}
.field input,.field select,.field textarea{padding:.78rem .95rem;border-radius:12px;border:1px solid var(--line2);
  background:rgba(9,6,4,.62);transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--ember);box-shadow:0 0 0 4px rgba(228,118,44,.18);transform:translateY(-1px)}
.field select option{background:#150E08;color:var(--ink)}
.fine{font-size:.76rem;color:var(--muted);text-align:center}

/* ===== الأسئلة ===== */
.faq{display:grid;gap:.7rem;max-width:920px;margin-inline:auto}
.qa{border:1px solid var(--line);border-radius:var(--r);background:var(--glass);overflow:hidden;transition:border-color var(--t),background var(--t),transform var(--t)}
.qa:hover{transform:translateY(-2px)}
.qa[open]{border-color:rgba(255,174,92,.45);background:rgba(228,118,44,.085)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;cursor:pointer;
  font-family:var(--f-head);font-weight:700;font-size:1rem;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary svg{width:20px;height:20px;color:var(--ember2);flex:none;transition:transform var(--t)}
.qa[open] summary svg{transform:rotate(135deg)}
.qa__a{padding:0 1.25rem 1.15rem}
.qa__a p{font-size:.9rem}

/* ===== التذييل ===== */
.foot{position:relative;z-index:2;margin-top:clamp(34px,5vw,80px);border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.45))}
.foot__in{display:grid;grid-template-columns:1.5fr 1.1fr 1fr .8fr;gap:clamp(18px,2.6vw,42px);padding-block:clamp(34px,5vw,66px)}
.foot__brand{display:grid;gap:.7rem;justify-items:start}
.foot__brand > div{display:flex;flex-direction:column;gap:.2rem}
.foot__brand b{font-size:1.15rem} .foot__brand small{color:var(--muted);font-size:.78rem}
.foot__brand p{font-size:.85rem;max-width:44ch}
.foot__col{display:grid;gap:.55rem;align-content:start}
.foot__col > b{font-size:.95rem;margin-bottom:.2rem;color:var(--gold)}
.foot__col a,.foot__col p{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ink2);transition:color var(--t-fast),transform var(--t-fast)}
.foot__col a:hover{color:var(--ember2);transform:translateX(-4px)}
.foot__col svg{width:1.05em;height:1.05em;color:var(--ember2);flex:none}
.foot__soc{display:flex;gap:.55rem}
.foot__soc a{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid var(--line2);background:var(--glass);transition:transform var(--t-fast),border-color var(--t-fast)}
.foot__soc a:hover{transform:translateY(-3px) rotate(-6deg);border-color:var(--ember)}
.foot__soc svg{width:19px;height:19px;color:var(--ink)}
.foot__bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;padding-block:1.1rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}