.sj-root{min-height:100vh;background:linear-gradient(165deg,#061f18,#0a2e24 48%,#07221a);color:#f7f3ea;font-family:Cairo,Tajawal,Figtree,system-ui,-apple-system,sans-serif;overflow-x:hidden}.sj-container{max-width:1220px;margin:0 auto;padding:0 20px}.sj-hero{position:relative;padding:56px 0 44px;border-bottom:1px solid rgba(201,162,39,.22);background:radial-gradient(circle at 20% 20%,rgba(201,162,39,.14),transparent 48%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.1),transparent 52%)}.sj-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(201,162,39,.14);border:1px solid rgba(201,162,39,.42);color:#e7c667;font-size:13px;font-weight:700;margin-bottom:18px}.sj-title{font-size:clamp(28px,4.2vw,46px);font-weight:800;line-height:1.25;color:#fbf9f4;margin:0 0 16px}.sj-subtitle{font-size:clamp(16px,2vw,19px);line-height:1.75;color:rgba(247,243,234,.86);max-width:820px;margin:0 0 28px}.sj-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.sj-service-card{background:rgba(12,48,37,.78);border:1px solid rgba(201,162,39,.26);border-radius:18px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}.sj-service-card.is-selected,.sj-service-card:hover{transform:translateY(-3px);border-color:#e7c667;box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 0 1px rgba(231,198,103,.35);background:rgba(16,62,48,.9)}.sj-service-num{width:34px;height:34px;border-radius:10px;background:rgba(201,162,39,.18);border:1px solid rgba(201,162,39,.45);color:#e7c667;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.sj-phase-card{background:rgba(11,42,33,.85);border:1px solid rgba(201,162,39,.28);border-radius:20px;padding:28px;margin-bottom:24px}.sj-phase-header{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.sj-phase-pill{padding:5px 14px;border-radius:999px;background:linear-gradient(135deg,#c9a227,#9e7b16);color:#08241c;font-weight:800;font-size:12.5px}.sj-ivory-panel{background:#fbf9f4;color:#1c1a18;border:1.5px solid rgba(201,162,39,.45);border-radius:20px;padding:28px;box-shadow:0 18px 44px rgba(0,0,0,.25)}.sj-input,.sj-select,.sj-textarea{width:100%;border-radius:12px;border:1.5px solid rgba(18,48,39,.22);background:#ffffff;color:#1c1a18;padding:12px 14px;font-size:14.5px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.sj-input:focus,.sj-select:focus,.sj-textarea:focus{outline:none;border-color:#123027;box-shadow:0 0 0 3px rgba(201,162,39,.22)}.sj-label{display:block;font-weight:700;font-size:14px;color:#123027;margin-bottom:6px}.sj-timeline{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:20px 0}.sj-timeline-step{background:rgba(18,48,39,.06);border:1px solid rgba(18,48,39,.14);border-radius:12px;padding:10px 8px;text-align:center;position:relative;transition:all .2s ease}.sj-timeline-step.is-done{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.45);color:#0f5132}.sj-timeline-step.is-active{background:linear-gradient(135deg,#123027,#1c4436);border-color:#c9a227;color:#fbf9f4;box-shadow:0 6px 16px rgba(18,48,39,.22)}.sj-timeline-dot{width:26px;height:26px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:rgba(18,48,39,.12);color:#123027}.sj-timeline-step.is-done .sj-timeline-dot{background:#10b981;color:#ffffff}.sj-timeline-step.is-active .sj-timeline-dot{background:#c9a227;color:#08241c}.sj-form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width:960px){.sj-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.sj-hero{padding:36px 0 28px}.sj-form-grid-2,.sj-services-grid{grid-template-columns:1fr}.sj-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-ivory-panel,.sj-phase-card{padding:18px 14px;border-radius:14px}}