/* طاقم — صفحات تسويق الموارد البشرية داخل دفّة */
:root{--n:#0b2744;--n2:#12406e;--c:#f2a33a;--ink:#15202e;--mut:#5b6b7e;--line:#e4e8ef;--soft:#f4f6fa;--g:#12805c}
*{box-sizing:border-box}body{margin:0;font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
a{color:inherit}.wrap{max-width:1140px;margin:auto;padding:0 20px}
.tq-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:12px}
.tq-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.25rem;text-decoration:none}.tq-logo i{width:40px;height:40px;border-radius:12px;background:var(--c);color:var(--n);display:grid;place-items:center;font-style:normal}
.tq-logo small{display:block;font-size:.72rem;font-weight:500;color:var(--mut)}
.tq-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;font:inherit;font-weight:700}
.tq-btn.p{background:var(--c);color:#1d1a12}.tq-btn.o{border-color:rgba(255,255,255,.35);color:#fff}.tq-btn.d{background:var(--n2);color:#fff}.tq-btn:hover{filter:brightness(1.06)}
.tq-hero{background:radial-gradient(circle at 15% 110%,rgba(242,163,58,.4),transparent 45%),radial-gradient(circle at 90% -10%,rgba(64,160,255,.35),transparent 45%),linear-gradient(135deg,var(--n),var(--n2));color:#fff;padding:0 0 70px}
.tq-hero .tq-nav a:not(.tq-btn){color:#cfe0f2;text-decoration:none;font-size:.95rem}
.tq-hero-g{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:40px}
.tq-hero h1{font-size:2.6rem;line-height:1.3;margin:0 0 14px}.tq-hero h1 em{font-style:normal;color:var(--c)}
.tq-hero p{font-size:1.1rem;opacity:.85;margin:0 0 24px}.tq-hero .acts{display:flex;gap:10px;flex-wrap:wrap}
.tq-pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:4px 14px;font-size:.85rem;margin-bottom:14px}
.tq-mock{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;backdrop-filter:blur(8px)}
.tq-mock .row{display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 12px;margin-bottom:8px;font-size:.92rem}
.tq-mock .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700}.tq-mock .row b{flex:1}.tq-mock .t{font-family:ui-monospace,monospace;color:var(--mut);direction:ltr}
.tq-mock .st{font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:99px}
.sec{padding:70px 0}.sec.alt{background:var(--soft)}.sec h2{font-size:1.9rem;text-align:center;margin:0 0 8px}.sec .lead{text-align:center;color:var(--mut);max-width:680px;margin:0 auto 36px}
.fgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:.2s}.fcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(16,24,40,.08)}
.fcard i{width:46px;height:46px;border-radius:13px;background:#e7eff8;color:var(--n2);display:grid;place-items:center;font-style:normal;font-size:1.4rem;margin-bottom:10px}
.fcard h3{margin:0 0 6px;font-size:1.08rem}.fcard p{margin:0;color:var(--mut);font-size:.93rem}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.steps4 div{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px 18px;counter-increment:s}
.steps4 div:before{content:counter(s);position:absolute;top:-16px;right:18px;width:34px;height:34px;border-radius:50%;background:var(--c);color:var(--n);display:grid;place-items:center;font-weight:700}
.steps4 b{display:block;margin-bottom:4px}.steps4 small{color:var(--mut)}
.tq-cta{background:linear-gradient(120deg,var(--n),var(--n2) 60%,#0f766e);color:#fff;border-radius:24px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.tq-cta h2{text-align:start;margin:0}.tq-cta p{margin:6px 0 0;opacity:.85}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--mut);margin:8px 0 0}
.tq-foot{padding:30px 0;text-align:center;color:var(--mut);font-size:.9rem;border-top:1px solid var(--line)}
/* الحاسبات */
.calc-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}.calc-tabs button{padding:10px 18px;border-radius:99px;border:1px solid var(--line);background:#fff;font:inherit;cursor:pointer}.calc-tabs button.on{background:var(--n2);color:#fff;border-color:var(--n2)}
.calc{display:none;grid-template-columns:1fr 1fr;gap:20px}.calc.on{display:grid}
.calc form,.calc .res{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.calc label{display:block;margin-bottom:12px;font-size:.92rem;font-weight:600}.calc input,.calc select{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.res{background:linear-gradient(160deg,#fff,#f0f5fb)!important}.res .big{font-size:2.2rem;font-weight:700;color:var(--n2);margin:6px 0}.res table{width:100%;border-collapse:collapse;font-size:.92rem}.res td{padding:7px 0;border-bottom:1px dashed var(--line)}.res td:last-child{text-align:left;font-weight:700}
.res .note{font-size:.8rem;color:var(--mut);margin-top:12px}
@media(max-width:860px){.tq-hero-g,.fgrid3,.steps4,.calc.on{grid-template-columns:1fr}.tq-hero h1{font-size:1.9rem}.tq-nav .links{display:none}.sec{padding:50px 0}}
.lang-pub{display:inline-block;padding:6px 14px;border:1px solid rgba(255,255,255,.4);border-radius:99px;font-size:.85rem;text-decoration:none;color:inherit}