.work-journey{--wj-bg:#f3fbf9;--wj-paper:#fff;--wj-ink:#0b2230;--wj-muted:#56707a;--wj-line:#d3e6e2;--wj-accent:#00a88a;--wj-accent-ink:#0b6f5e;--wj-soft:#e7f5f2;min-height:100vh;background:var(--wj-bg);color:var(--wj-ink);font-family:var(--font-sans),Inter,system-ui,sans-serif;display:flex;flex-direction:column}.work-journey[dir=rtl]{font-family:var(--font-arabic),Cairo,Tajawal,var(--font-sans),sans-serif}.work-journey h1,.work-journey h2,.work-journey h3,.work-journey h4{margin:0;font-weight:600;letter-spacing:-.01em}.work-journey p{margin:0}.work-journey button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.work-journey button:disabled{cursor:not-allowed;opacity:.55}.work-journey input,.work-journey select,.work-journey textarea{font:inherit;color:inherit}.wj-loading{min-height:100vh;display:grid;place-items:center;gap:12px;color:#56707a;background:#f3fbf9;font-size:14px}.wj-loading svg{width:22px;height:22px;color:#00a88a}.wj-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--wj-line);background:hsla(42,42%,95%,.85);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.wj-header-note{flex:1;text-align:center;font-size:12px;color:var(--wj-muted)}@media (max-width:640px){.wj-header-note{display:none}}.wj-steps{display:flex;gap:6px;padding:14px clamp(16px,4vw,40px) 0;overflow-x:auto;scrollbar-width:none}.wj-steps::-webkit-scrollbar{display:none}.wj-steps button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;border:1px solid transparent;font-size:13px;color:var(--wj-muted);white-space:nowrap;transition:background .2s,color .2s}.work-journey[dir=rtl] .wj-steps button{padding:8px 8px 8px 12px}.wj-steps button span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--wj-line);background:var(--wj-paper);font:600 10px/1 var(--font-mono),ui-monospace,monospace;letter-spacing:.04em;color:var(--wj-ink)}.wj-steps button[aria-current=step]{color:var(--wj-ink);background:var(--wj-paper);border-color:var(--wj-line)}.wj-steps button[aria-current=step] span{background:var(--wj-ink);color:#fff;border-color:var(--wj-ink)}.wj-steps button:not(:disabled):not([aria-current]) span{background:#d4f2ea;border-color:transparent;color:var(--wj-accent-ink)}.wj-sample{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px clamp(16px,4vw,40px) 0;padding:10px 14px;border-radius:10px;background:#fff4d6;border:1px solid #efd9a3;font-size:12.5px;color:#6b4d12}.wj-sample button{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--wj-accent-ink);border-bottom:1px solid;padding:0 0 1px;border-radius:0}.wj-workspace{flex:1;display:grid;grid-template-columns:1fr;gap:28px;padding:22px clamp(16px,4vw,40px) 60px;max-width:1280px;width:100%;margin:0 auto}@media (min-width:1000px){.wj-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}}.wj-questions{min-width:0}.wj-kicker{font:600 11px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--wj-accent)}.wj-questions h1{margin-top:8px;font-family:var(--font-display),"Plus Jakarta Sans",var(--font-sans),sans-serif;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.15;letter-spacing:-.025em}.work-journey[dir=rtl] .wj-questions h1{font-family:var(--font-arabic),Cairo,sans-serif;letter-spacing:0;line-height:1.35}.wj-intro{margin-top:10px;max-width:34rem;font-size:15px;line-height:1.75;color:var(--wj-muted)}.wj-form{margin:22px 0 0;padding:0;border:0;min-width:0;display:grid;gap:14px}.wj-field{display:grid;gap:6px}.wj-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;font-weight:600}.wj-field>span small{font-weight:400;font-size:11px;color:var(--wj-muted)}.wj-field input,.wj-field select,.wj-field textarea{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--wj-line);background:var(--wj-paper);font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.wj-field textarea{resize:vertical;min-height:84px}.wj-field input:focus,.wj-field select:focus,.wj-field textarea:focus{outline:none;border-color:var(--wj-accent);box-shadow:0 0 0 3px rgba(161,81,55,.14)}.wj-field input::-moz-placeholder,.wj-field textarea::-moz-placeholder{color:#93a9ae}.wj-field input::placeholder,.wj-field textarea::placeholder{color:#93a9ae}.wj-text-button{display:inline-flex;align-items:center;gap:6px;padding:6px 2px;font-size:13px;font-weight:600;color:var(--wj-accent-ink);border-radius:6px;width:-moz-fit-content;width:fit-content}.wj-text-button:hover{text-decoration:underline;text-underline-offset:3px}.wj-text-button svg{width:15px;height:15px}.wj-inline-actions{display:flex;flex-wrap:wrap;gap:4px 18px}.wj-project-tabs{display:flex;flex-wrap:wrap;gap:6px}.wj-project-tabs button{padding:7px 12px;border-radius:999px;border:1px solid var(--wj-line);background:var(--wj-paper);font-size:12.5px;color:var(--wj-muted);display:inline-flex;align-items:center;gap:4px}.wj-project-tabs button[aria-pressed=true]{background:var(--wj-ink);color:#fff;border-color:var(--wj-ink)}.wj-project-tabs button svg{width:14px;height:14px}.wj-upload{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px dashed var(--wj-line);background:var(--wj-paper)}.wj-upload>svg{width:22px;height:22px;color:var(--wj-accent);flex-shrink:0}.wj-upload label{flex:1;min-width:0;display:grid;gap:2px;cursor:pointer;font-size:12.5px;color:var(--wj-muted)}.wj-upload label strong{font-size:13.5px;color:var(--wj-ink);font-weight:600}.wj-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.wj-upload>button{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--wj-muted)}.wj-upload>button:hover{background:var(--wj-soft);color:#b3261e}.wj-upload>button svg{width:15px;height:15px}.wj-hint{font-size:12px;line-height:1.7;color:var(--wj-muted)}.wj-error{background:#fbe9e7;color:#8f2b1f}.wj-error,.wj-notice{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px}.wj-notice{background:#e7f2ea;color:#1f5a34}.wj-suggestion{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:#f5fcfa;border:1px solid #efd9a3}.wj-suggestion strong{font-size:12.5px;color:#6b4d12}.wj-suggestion textarea{width:100%;min-height:90px;padding:10px 12px;border-radius:8px;border:1px solid var(--wj-line);background:#fff;font-size:13.5px;line-height:1.6;resize:vertical}.wj-suggestion>div{display:flex;gap:8px}.wj-suggestion>div button{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid var(--wj-line);background:var(--wj-paper)}.wj-suggestion>div button:first-child{background:var(--wj-ink);color:#fff;border-color:var(--wj-ink)}.wj-template-list{display:grid;gap:10px}.wj-template-list>p{font-size:13px;color:var(--wj-muted)}.wj-template{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--wj-line);background:var(--wj-paper);text-align:start;transition:border-color .15s,box-shadow .15s}.wj-template:hover{border-color:#b6d0ca}.wj-template[aria-pressed=true]{border-color:var(--wj-ink);box-shadow:0 0 0 1px var(--wj-ink)}.wj-template-art{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;display:grid;align-content:end;padding:8px;color:#fff}.wj-template-art strong{font-family:var(--font-display),var(--font-sans),sans-serif;font-size:14px;line-height:1.1}.wj-template-art small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.wj-template-art em{position:absolute;top:8px;inset-inline-end:8px;font-style:normal;font-size:8px;letter-spacing:.08em;opacity:.8}.wj-art-0{background:linear-gradient(150deg,#0b2230,#0b4f45 70%,#00a88a)}.wj-art-1{background:linear-gradient(150deg,#dcece8,#bcd5cf 60%,#6f8d95);color:#0b2230}.wj-art-2{background:linear-gradient(150deg,#07161f,#1f3a46 70%,#9fe3cf)}.wj-template>p{font-size:12.5px;line-height:1.55;color:var(--wj-muted)}.wj-template h3,.wj-template>p strong{display:block;font-size:14px;color:var(--wj-ink);margin-bottom:2px}.wj-radio{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;border:1px solid var(--wj-line);color:transparent}.wj-template[aria-pressed=true] .wj-radio{background:var(--wj-ink);border-color:var(--wj-ink);color:#fff}.wj-radio svg{width:13px;height:13px}.wj-review-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.wj-review-facts>div,.wj-review-facts>p{padding:12px 14px;border-radius:12px;background:var(--wj-paper);border:1px solid var(--wj-line);font-size:12px;color:var(--wj-muted)}.wj-review-facts strong{display:block;margin-top:4px;font-size:20px;font-weight:600;color:var(--wj-ink);font-family:var(--font-mono),ui-monospace,monospace}.wj-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;background:var(--wj-ink);color:#f8fdfc;font-size:14px;font-weight:600;transition:background .2s,transform .15s}.wj-primary:hover:not(:disabled){background:var(--wj-accent);transform:translateY(-1px)}.wj-primary svg{width:16px;height:16px}.wj-wide{width:100%}.wj-auth-link{display:block;margin-top:10px;text-align:center;font-size:13px;color:var(--wj-accent-ink);text-decoration:underline;text-underline-offset:3px}.wj-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid var(--wj-line)}.wj-completion{display:grid;gap:12px;padding:16px;border-radius:14px;background:var(--wj-paper);border:1px solid var(--wj-line)}.wj-editor-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}.wj-editor-links a{display:inline-flex;align-items:center;gap:4px;color:var(--wj-accent-ink);font-weight:600}.wj-editor-links svg{width:14px;height:14px}.wj-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;cursor:pointer}.wj-confirm input{margin-top:4px;accent-color:var(--wj-accent)}.wj-live-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;background:#e7f2ea;color:#1f5a34;font-size:13px;font-weight:600;word-break:break-all}.wj-live-link svg{width:14px;height:14px}.wj-preview{min-width:0;position:sticky;top:74px}@media (max-width:999px){.wj-preview{position:static}}.wj-preview-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.wj-preview-top>span{display:inline-flex;align-items:center;gap:8px;font:600 10px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--wj-muted)}.wj-preview-top>span i{width:7px;height:7px;border-radius:999px;background:#2e9e5b;box-shadow:0 0 0 3px rgba(46,158,91,.18)}.wj-preview-top>div{display:inline-flex;padding:3px;border-radius:999px;background:var(--wj-soft);border:1px solid var(--wj-line)}.wj-preview-top>div button{padding:5px 12px;border-radius:999px;font-size:12px;color:var(--wj-muted)}.wj-preview-top>div button[aria-pressed=true]{background:var(--wj-paper);color:var(--wj-ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.wj-preview-sheet{position:relative;border-radius:16px;background:var(--wj-paper);border:1px solid #c4dbd6;box-shadow:0 24px 40px -28px rgba(63,51,45,.35);padding:26px 26px 20px;min-height:420px;overflow:hidden}.wj-sheet-header{display:flex;justify-content:space-between;gap:12px;font:500 9px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--wj-muted);padding-bottom:12px;border-bottom:1px solid var(--wj-line)}.wj-preview-sheet h2{margin-top:20px;font-family:var(--font-display),"Plus Jakarta Sans",var(--font-sans),sans-serif;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.wj-preview-sheet[dir=rtl] h2,.work-journey[dir=rtl] .wj-preview-sheet h2{font-family:var(--font-arabic),Cairo,sans-serif;letter-spacing:0;line-height:1.35}.wj-sheet-headline{margin-top:6px;font-size:13.5px;color:var(--wj-accent-ink);font-weight:600}.wj-sheet-summary{margin-top:12px;font-size:13px;line-height:1.75;color:var(--wj-muted);max-width:32rem}.wj-work-card{margin-top:22px;padding-top:18px;border-top:1px solid var(--wj-line);display:grid;gap:10px}.wj-work-card>img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid var(--wj-line)}.wj-image-empty{aspect-ratio:16/9;border-radius:10px;background:repeating-linear-gradient(45deg,#e4f2ef 0 10px,#eef8f5 10px 20px);display:grid;place-items:center;gap:6px;text-align:center;color:#7c949c;font-size:11px;padding:12px}.wj-image-empty svg{width:20px;height:20px}.wj-work-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.wj-work-title h3{font-size:17px}.wj-work-detail small,.wj-work-title small{font:500 9px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--wj-accent)}.wj-work-card>p{font-size:13px;line-height:1.7;color:var(--wj-ink)}.wj-work-detail{display:grid;gap:2px}.wj-work-detail p{font-size:12.5px;line-height:1.7;color:var(--wj-muted)}.wj-cv-sheet .wj-work-card{display:none}.wj-cv-content{margin-top:18px;display:grid;gap:8px;font-size:12.5px;line-height:1.7}.wj-cv-content h3{margin-top:10px;font:600 10px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--wj-accent);padding-bottom:4px;border-bottom:1px solid var(--wj-line)}.wj-cv-content article h4{font-size:13.5px}.wj-cv-content article p{color:var(--wj-muted)}.wj-preview-services{margin-top:18px;display:grid;gap:4px}.wj-preview-services small{font:500 9px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--wj-accent)}.wj-preview-services p{font-size:13px;color:var(--wj-ink)}.wj-preview-contact{margin-top:18px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:var(--wj-ink);color:#f8fdfc;font-size:12.5px;font-weight:600;width:-moz-fit-content;width:fit-content}.wj-preview-contact svg{width:14px;height:14px}.wj-preview-contact small{font-weight:400;opacity:.7}.wj-sheet-footer{margin-top:22px;padding-top:12px;border-top:1px solid var(--wj-line);display:flex;justify-content:space-between;gap:12px;font:500 9px/1.6 var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--wj-muted)}.wj-preview-caption{margin-top:10px;text-align:center;font-size:11.5px;color:var(--wj-muted)}@media (max-width:640px){.wj-workspace{padding-bottom:40px}.wj-template{grid-template-columns:76px 1fr auto}.wj-preview-sheet{padding:20px 18px 16px}}@media (prefers-reduced-motion:reduce){.work-journey *{transition:none!important}}