:root{color-scheme:light;--ink:#17201c;--muted:#64706a;--paper:#f3f5f1;--card:#fff;--line:#d8ddd9;--green:#176c4b;--green-dark:#0e4d35;--amber:#efb43e;--red:#a53b38;--shadow:0 18px 50px rgba(25,39,31,.09)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#eef3ed,#f8f8f5 42%,#edf2f0);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;min-height:100vh}.shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.masthead{display:flex;align-items:center;gap:16px;margin-bottom:28px}.masthead h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.25rem);font-weight:600;line-height:1;margin:0 0 8px;letter-spacing:-.035em}.masthead p{margin:0;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--ink);color:#fff;font-family:Georgia,serif;font-weight:700;box-shadow:6px 6px 0 var(--amber);transform:rotate(-2deg)}.workflow,.status-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.step{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:30px 34px;border-bottom:1px solid var(--line)}.step-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9eeea;color:var(--green-dark);font-weight:750}.step.active .step-number{background:var(--green);color:#fff}.step h2,.status-card h2{font-family:Georgia,serif;font-size:1.55rem;margin:4px 0 18px}.drop-zone{display:flex;min-height:150px;flex-direction:column;justify-content:center;align-items:center;border:2px dashed #a8b5ac;border-radius:16px;background:#f8faf8;cursor:pointer;text-align:center;padding:22px;transition:.2s}.drop-zone:hover,.drop-zone:focus-within{border-color:var(--green);background:#f0f7f3}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-title{font-weight:750;color:var(--green-dark);font-size:1.05rem}.drop-copy,.muted{color:var(--muted)}.drop-copy{margin-top:5px}.file-summary{margin-top:12px;color:var(--muted)}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label span{display:block;font-weight:700;margin-bottom:7px}select,input[type=email]{width:100%;border:1px solid #bac4bd;border-radius:10px;background:#fff;color:var(--ink);font:inherit;padding:11px 12px;min-height:46px}.email-field{display:block;max-width:480px}.inline-field{display:block;margin-top:14px;max-width:320px}details{margin-top:18px}summary{cursor:pointer;color:var(--green);font-weight:700}.submit-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 34px}.submit-row p{color:var(--muted);font-size:.9rem;max-width:480px;margin:0}button,.button{border:0;border-radius:11px;background:var(--green);color:#fff;text-decoration:none;font:inherit;font-weight:750;padding:13px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button:hover,button:hover{background:var(--green-dark)}.button.secondary{background:#e8ede9;color:var(--ink)}.alert{padding:14px 16px;border-radius:12px;background:#f8e6e5;color:#782825;margin:0 0 18px}.status-shell{max-width:800px}.status-card{display:grid;grid-template-columns:70px 1fr;padding:38px;gap:22px}.status-icon{width:54px;height:54px;border:7px solid #dbe5de;border-top-color:var(--green);border-radius:50%;animation:spin 1.2s linear infinite}.eyebrow{font-size:.78rem;letter-spacing:.13em;font-weight:800;color:var(--green);margin:0}.progress-track{height:10px;background:#e7ece8;border-radius:999px;overflow:hidden;margin:20px 0 8px}.progress-bar{height:100%;width:4%;background:linear-gradient(90deg,var(--green),#49a574);transition:width .4s}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hidden{display:none!important}.mono{font-family:ui-monospace,monospace}.back-link{display:inline-block;margin:20px 4px;color:var(--green-dark)}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.shell{padding-top:28px}.step{grid-template-columns:36px 1fr;padding:24px 20px;gap:12px}.option-grid{grid-template-columns:1fr}.submit-row{align-items:stretch;flex-direction:column;padding:22px 20px}.submit-row button{width:100%}.status-card{grid-template-columns:1fr;padding:26px}.masthead{align-items:flex-start}.brand-mark{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){.status-icon{animation:none}}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;color:var(--muted);font-weight:700}.topbar a{color:var(--green-dark)}
.worker-badge{display:inline-flex;align-items:center;gap:8px;margin:-8px 0 24px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:.9rem}.worker-badge span{width:9px;height:9px;border-radius:50%;background:var(--red)}.worker-badge.online span{background:#28a46b}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.choice-card{display:block;min-height:230px;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .2s,border-color .2s}.choice-card:hover{transform:translateY(-3px);border-color:var(--green)}.choice-card.primary{background:var(--green-dark);color:#fff}.choice-card.primary p{color:#d7e8df}.choice-icon{font-size:2.4rem}.choice-card h2{font-family:Georgia,serif;font-size:1.7rem;margin:22px 0 10px}.choice-card p{color:var(--muted);margin:0;line-height:1.6}
.jobs-list{display:grid;gap:12px}.job-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.job-row h2{margin:5px 0;font-size:1.2rem}.job-row p,.job-id{margin:0;color:var(--muted);font-size:.9rem}.job-id{font-family:ui-monospace,monospace}.empty-state{padding:48px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:24px}.empty-state .button{margin-top:12px}
.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:520px}.segmented input{position:absolute;opacity:0}.segmented span{display:block;margin:0;padding:14px 18px;text-align:center;border:2px solid var(--line);border-radius:12px;cursor:pointer}.segmented input:checked+span{border-color:var(--green);background:#eaf5ee;color:var(--green-dark)}
.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}
.advanced-panel{padding:24px 34px;border-bottom:1px solid var(--line)}.advanced-panel details{margin:0}.advanced-panel .option-grid{margin-top:20px}
[dir=rtl] .masthead h1,[dir=rtl] .choice-card h2,[dir=rtl] .step h2,[dir=rtl] .status-card h2{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0}[dir=rtl] .brand-mark{box-shadow:-6px 6px 0 var(--amber)}
@media(max-width:650px){.choice-grid{grid-template-columns:1fr}.choice-card{min-height:180px}.job-row{align-items:stretch;flex-direction:column}.job-row .button{width:100%}.segmented,.segmented.three{grid-template-columns:1fr}.advanced-panel{padding:22px 20px}}
.comparison{position:relative;margin:0 0 24px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.comparison img{display:block;width:100%;height:auto}.comparison figcaption{position:absolute;inset:12px 12px auto;display:flex;direction:ltr;justify-content:space-between;pointer-events:none}.comparison figcaption span{padding:8px 14px;border:2px solid #111;border-radius:8px;background:#ffd329;color:#000;font-weight:900;box-shadow:3px 3px 0 rgba(0,0,0,.65)}
.choice-card.disabled{background:#ecefed;color:#7c8580;cursor:not-allowed;box-shadow:none}.choice-card.disabled p{color:#7c8580}.inline-form{display:inline}.link-button{display:inline;padding:0;background:none;color:var(--green-dark);text-decoration:underline;border-radius:0}.link-button:hover{background:none;color:var(--ink)}
input[type=text],input[type=password],input:not([type]){width:100%;border:1px solid #bac4bd;border-radius:10px;background:#fff;color:var(--ink);font:inherit;padding:11px 12px;min-height:46px}.login-shell{max-width:600px}.login-card,.admin-create{display:grid;gap:18px;padding:30px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.admin-create{grid-template-columns:1fr 1fr auto;align-items:end}.admin-create .check{align-self:center}.users-list{display:grid;gap:10px;margin-top:24px}.user-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;background:var(--card);border:1px solid var(--line);border-radius:14px}.user-row p{margin:4px 0 0;color:var(--muted)}.notice{padding:14px 16px;margin-bottom:18px;border-radius:12px;background:#e5f4ea;color:var(--green-dark)}
@media(max-width:650px){.comparison figcaption{inset:8px 8px auto}.comparison figcaption span{font-size:.8rem;padding:5px 9px}.admin-create{grid-template-columns:1fr}.user-row{align-items:stretch;flex-direction:column}}
.brand-mark{width:220px;height:92px;border-radius:0;background:transparent url("logo-english.png") center/contain no-repeat;color:transparent;font-size:0;box-shadow:none;transform:none;flex:0 0 220px}
[lang=he] .brand-mark{background-image:url("logo-hebrew.png");box-shadow:none!important;border:0;outline:0}
.password-form{display:flex;gap:8px;align-items:center;flex:1;max-width:480px}.password-form input{min-width:180px}.user-details{min-width:140px}
.brand-mark{width:275px;height:115px;flex-basis:275px;box-shadow:none!important;background-color:transparent}
.home-shell{width:min(980px,calc(100% - 32px))}
.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:4px 0 30px}
.home-hero .brand-mark{margin-bottom:4px}
.home-copy h1{font-family:Georgia,serif;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:600;line-height:1;margin:0 0 12px;letter-spacing:-.045em}
[dir=rtl] .home-copy h1{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0}
.home-subtitle{margin:0;color:var(--ink);font-size:1.2rem;font-weight:800}
.home-service{text-align:center}.home-service .worker-badge{margin:0 0 18px}
.comparison{position:relative;isolation:isolate;aspect-ratio:1.1;margin:0 0 18px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#111;box-shadow:var(--shadow);touch-action:pan-y}
.comparison-panel{position:absolute;inset:0;background-image:url("before-after.png");background-repeat:no-repeat;background-size:204% 100%}
.comparison-before{background-position:left center}
.comparison-after{background-position:right center;clip-path:inset(0 calc(100% - var(--position)) 0 0)}
.comparison-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--position);width:4px;background:#ffd329;box-shadow:0 0 0 1px rgba(0,0,0,.55);transform:translateX(-50%);pointer-events:none}
.comparison-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border:2px solid #111;border-radius:50%;background:#ffd329;color:#000;font-size:1.3rem;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.35);transform:translate(-50%,-50%)}
.comparison-control{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;direction:ltr}
.comparison:focus-within{outline:3px solid #ffd329;outline-offset:3px}
.comparison figcaption{z-index:5}
.home-actions{display:flex;justify-content:center;gap:16px}
.home-action{min-width:220px;padding:15px 24px;font-size:1.05rem}
.home-action.primary{background:linear-gradient(135deg,#9d1019,#e74716)}
.home-action.primary:hover{background:linear-gradient(135deg,#790b12,#c7350e)}
.home-action.disabled{background:#c8cdca;color:#6e7772;cursor:not-allowed}
@media(max-width:650px){.brand-mark{width:150px;height:68px;flex-basis:150px}.password-form{align-items:stretch;flex-direction:column;max-width:none}}
@media(max-width:650px){.brand-mark{width:188px;height:85px;flex-basis:188px}.home-copy h1{font-size:2.5rem}.home-actions{align-items:stretch;flex-direction:column}.home-action{width:100%}.comparison-divider span{width:40px;height:40px}.comparison figcaption span{font-size:.8rem;padding:6px 9px}}

/* Phoenix palette and compact homepage layout */
:root{--muted:#705f56;--paper:#fff9ee;--line:#ecd9c5;--green:#e45116;--green-dark:#941823;--amber:#ffc928;--red:#a20f1b;--shadow:0 18px 50px rgba(115,40,18,.1)}
body{background:linear-gradient(140deg,#fff3d1,#fffaf1 44%,#ffe8d6)}
.home-hero{flex-direction:row;justify-content:center;gap:44px;text-align:start;margin:0 0 20px}
.home-hero .brand-mark{margin:0}
.comparison{width:min(50%,490px);margin:0 auto 14px}
.button.secondary{background:#fff0bd;color:var(--green-dark);border:1px solid #f2c449}
.step-number{background:#fff0bd;color:var(--green-dark)}
.drop-zone{background:#fffcf4}
.drop-zone:hover,.drop-zone:focus-within{background:#fff5d8}
.progress-track{background:#f7e5d5}
.progress-bar{background:linear-gradient(90deg,#b31720,#ef6818,#ffc928)}
.status-icon{border-color:#f5ddc8;border-top-color:var(--green)}
.worker-badge.online span{background:#ef8d18}
.choice-card.primary{background:linear-gradient(135deg,#941823,#e45116)}
.choice-card.primary p{color:#fff1d9}
.segmented input:checked+span{background:#fff1c7}
.notice{background:#fff0bd;color:#7d321d}
.jobs-new-action{display:flex;justify-content:center;margin-top:22px}
@media(max-width:650px){.home-hero{flex-direction:column;gap:4px;text-align:center;margin-bottom:18px}.comparison{width:100%}.jobs-new-action .button{width:100%}}
@font-face{font-family:"Suez One";src:url("SuezOne-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.home-hero{display:grid;grid-template-columns:1fr minmax(0,490px) 1fr;align-items:center;gap:0}
.home-hero .brand-mark{grid-column:1;justify-self:start}
.home-copy{grid-column:2;text-align:center}
[dir=rtl] .home-hero .brand-mark{grid-column:3;justify-self:end}
h1,h2,h3{font-family:"Suez One","Segoe UI",Arial,sans-serif!important}
.home-copy h1,[dir=rtl] .home-copy h1{font-size:clamp(2.4rem,7vw,4.4rem)}
.worker-badge.online{color:#167346;border-color:#83c9a5;background:#effaf4}
.worker-badge.online span{background:#199653}
.worker-badge.offline{color:#a20f1b;border-color:#e1a3a8;background:#fff1f1}
.worker-badge.offline span{background:#c62832}
@media(max-width:650px){.home-hero{display:flex}.home-copy h1,[dir=rtl] .home-copy h1{font-size:2.5rem}}
.upload-limits{margin:10px 0 0;color:var(--muted);font-size:.88rem}
.file-error{color:var(--red);font-weight:700}
.job-actions{display:flex;align-items:center;gap:8px}
.button.danger{background:#a20f1b;color:#fff}
.button.danger:hover{background:#781018}
@media(max-width:650px){.job-actions{align-items:stretch;flex-direction:column}.job-actions .button{width:100%}}
.duration-copy{font-weight:700;color:var(--green-dark)}
.status-secondary-action{display:flex;justify-content:center;margin-top:20px}
@media(max-width:650px){.status-secondary-action .button{width:100%}}

/* Keep the submission steps visible together on typical desktop screens. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.submit-shell{padding-top:18px;padding-bottom:28px}
.submit-shell .topbar{margin-bottom:12px}
.submit-shell .masthead{margin-bottom:14px;gap:18px}
.submit-shell .brand-mark{width:170px;height:72px;flex-basis:170px}
.submit-shell .masthead h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:4px}
.submit-shell .step{grid-template-columns:38px 1fr;gap:16px;padding:15px 24px}
.submit-shell .step-number{width:34px;height:34px}
.submit-shell .step h2{font-size:1.3rem;margin:2px 0 9px}
.submit-shell .segmented span{padding:9px 12px}
.submit-shell .delivery-options{max-width:620px}
.submit-shell .segmented input:focus-visible+span{outline:3px solid var(--green-dark);outline-offset:2px}
.submit-shell .drop-zone{min-height:86px;padding:12px}
.submit-shell .file-summary{margin-top:6px}
.submit-shell .upload-limits{margin-top:5px}
.submit-shell .step .muted{margin:0 0 7px}
.submit-shell .delivery-field,.submit-shell .email-field{max-width:480px}
.submit-shell .advanced-panel{padding:13px 24px}
.submit-shell .advanced-panel .option-grid{margin-top:12px}
.submit-shell .submit-row{padding:14px 24px;gap:16px}
@media(max-width:650px){.submit-shell{padding-top:18px}.submit-shell .masthead{align-items:center}.submit-shell .brand-mark{width:120px;height:54px;flex-basis:120px}.submit-shell .step{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:16px}.submit-shell .segmented.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.submit-shell .segmented span{padding:9px 4px;font-size:.84rem}.submit-shell .advanced-panel{padding:14px 16px}.submit-shell .submit-row{padding:14px 16px}}