/* Layout: funnel order (promise, route, services, compare, price, process, proof, questions, contact). The logo's skyline and gold ground line anchor the hero; angular 6px corners echo the logo's buildings. Single dark look by choice. */
:root{
  color-scheme:dark;
  --ink:#141516; --pit:#0b0b0c; --panel:#1c1d1f; --panel-2:#242528; --field:#0f1011; --edge:#34353a;
  --gold:#c9a855; --pale:#f0e4a8; --bronze:#6b4e2a; --wa:#25b366;
  --text:#ece9df; --muted:#a9a69b; --line:rgba(201,168,85,.22);
  --font:"Poppins","Segoe UI",system-ui,sans-serif;
  --grad:linear-gradient(100deg,#f0e4a8,#c9a855 55%,#a5863c);
  --wrap:92rem; --gut:clamp(16px,4vw,4rem); --r:6px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:5.5rem;font-size:clamp(100%,.5vw + .5rem,131.25%)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{background:var(--ink);color:var(--text);font:400 .97rem/1.7 var(--font);margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3{margin:0;font-weight:600;text-wrap:balance;color:#fff}
h1{font-size:clamp(2.2rem,5.1vw,3.9rem);line-height:1.08;letter-spacing:-.03em}
h2{font-size:clamp(1.65rem,3.3vw,2.5rem);line-height:1.15;letter-spacing:-.025em}
h3{font-size:1.08rem;line-height:1.35;font-weight:500}
p{margin:0;max-width:62ch}
a{color:var(--gold)}
:focus-visible{outline:2px solid var(--pale);outline-offset:3px}
h1 .gold{white-space:nowrap}
.gold{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font:500 .72rem/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before{content:"";width:1.6rem;height:2px;background:var(--grad)}
.muted{color:var(--muted)}
.ic{width:1.4rem;height:1.4rem;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tile{width:2.9rem;height:2.9rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r);background:rgba(201,168,85,.08);flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:600 .88rem/1 var(--font);padding:1rem 1.5rem;border-radius:var(--r);border:1px solid var(--gold);cursor:pointer;text-decoration:none;transition:filter .15s,background .15s,transform .15s}
.btn:active{transform:translateY(1px)}
.btn-gold{background:var(--grad);color:#17130a;border-color:transparent;box-shadow:0 8px 24px -10px rgba(201,168,85,.6)}
.btn-gold:hover{filter:brightness(1.08)}
.btn-gold .ic{stroke:#17130a;width:1.1rem;height:1.1rem;stroke-width:2}
.btn-line{background:transparent;color:var(--pale)}
.btn-line:hover{background:rgba(201,168,85,.12)}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(11,11,12,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.7rem}
.top img{height:42px;width:auto;display:block}
.top nav{display:flex;gap:1.7rem}
.top nav a{font:500 .85rem/1 var(--font);color:var(--text);text-decoration:none;padding-block:.5rem;border-bottom:2px solid transparent}
.top nav a:hover{color:var(--pale);border-color:var(--gold)}
.top .btn{padding:.8rem 1.1rem;font-size:.8rem}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;font:600 .82rem/1 var(--font);padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r);color:var(--pale)}
.menu summary::-webkit-details-marker{display:none}
.menu div{position:absolute;right:0;top:calc(100% + .7rem);min-width:15rem;display:grid;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:.4rem;box-shadow:0 20px 40px rgba(0,0,0,.6)}
.menu div a{padding:.9rem 1rem;font:500 .95rem/1 var(--font);color:var(--text);text-decoration:none;border-radius:4px}
.menu div a:hover{background:var(--panel-2);color:var(--pale)}
.top nav{gap:1.35rem}
@media (max-width:1180px){.top nav{display:none}.menu{display:block}}
@media (max-width:700px){.top .btn{display:none}}

/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(55rem 30rem at 80% 10%,rgba(107,78,42,.42),transparent 70%),var(--pit);border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#b0924c,#e3d08a 18%,#c9a855 34%,#6b4e2a 52%,#6b4e2a) 1}
.hero video,.hero .still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:grayscale(.55) brightness(.78) contrast(1.1)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,12,.86) 0%,rgba(11,11,12,.58) 45%,rgba(11,11,12,.34) 100%),linear-gradient(0deg,rgba(11,11,12,.92) 0%,transparent 30%),rgba(107,78,42,.28);pointer-events:none}
@media (max-width:900px){.hero::after{background:linear-gradient(180deg,rgba(11,11,12,.72) 0%,rgba(11,11,12,.86) 50%,rgba(11,11,12,.96) 100%),rgba(107,78,42,.25)}}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;padding-block:clamp(3rem,7vw,6rem)}
.hero-copy{display:grid;gap:1.5rem;min-width:0;justify-items:start;text-shadow:0 2px 18px rgba(0,0,0,.75)}
.hero-copy .btn,.hero-copy .gold{text-shadow:none}
.hero-copy .sub{font-size:1.1rem;font-weight:300;color:var(--text);max-width:34rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;list-style:none;padding:0;margin:.3rem 0 0;font-size:.85rem;color:var(--muted)}
.chips li{display:flex;align-items:center;gap:.45rem}
.chips .ic{width:1rem;height:1rem;stroke-width:2.2}
@media (max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr)}}

/* cards + fields */
.card{background:linear-gradient(180deg,#202124,#191a1c);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.25rem,3vw,1.9rem);display:grid;gap:1.15rem;min-width:0}
.hero .card{box-shadow:0 30px 60px -20px rgba(0,0,0,.8);border-top:3px solid var(--gold)}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.card-h b{font-weight:500;color:#fff}
.field{display:grid;gap:.5rem;min-width:0}
.field>label,.field>.lab{font:500 .78rem/1.2 var(--font);color:var(--muted)}
input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;font:400 .97rem/1.3 var(--font);color:var(--text);background:var(--field);border:1px solid var(--edge);border-radius:var(--r);padding:.85rem .9rem;min-height:3rem}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(201,168,85,.18)}
textarea{min-height:7rem;resize:vertical}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.seg button{font:500 .9rem/1 var(--font);min-height:3rem;background:var(--field);color:var(--text);border:1px solid var(--edge);border-radius:var(--r);cursor:pointer}
.seg button[aria-pressed=true]{border-color:var(--gold);background:rgba(201,168,85,.15);color:var(--pale);box-shadow:inset 0 0 0 1px var(--gold)}
.step{display:flex;align-items:center;gap:.6rem}
.step button{width:3rem;height:3rem;font:400 1.4rem/1 var(--font);background:var(--field);color:var(--pale);border:1px solid var(--edge);border-radius:var(--r);cursor:pointer}
.step button:hover{border-color:var(--gold)}
.step output{flex:1;text-align:center;font:600 1.4rem/1 var(--font);color:#fff;font-variant-numeric:tabular-nums}
.from{border-top:1px dashed var(--line);padding-top:1.1rem;display:grid;gap:.2rem}
.from strong{font:600 clamp(2rem,5vw,2.6rem)/1.1 var(--font);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.card>.btn{width:100%}
.note{font-size:.8rem;color:var(--muted)}

/* sections */
section{padding-block:clamp(3.5rem,8vw,6.5rem)}
.alt{background:var(--pit)}
.head{display:grid;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem);justify-items:start}
.head.mid{justify-items:center;text-align:center}
.head.mid p{margin-inline:auto}

.promise{background:var(--ink);border-bottom:1px solid var(--line)}
.promise ul{list-style:none;margin:0;padding:1.6rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.3rem 2rem}
.promise li{display:flex;gap:.9rem;align-items:flex-start;min-width:0}
.promise b{display:block;font-weight:500;color:#fff;line-height:1.3}
.promise span span{font-size:.84rem;color:var(--muted);line-height:1.5;display:block;margin-top:.15rem}

.goals{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.goals a{display:grid;gap:.7rem;align-content:start;padding:1.5rem;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);text-decoration:none;color:var(--muted);font-size:.9rem;transition:border-color .15s,transform .15s,background .15s;min-width:0}
.goals a:hover{border-color:var(--gold);background:var(--panel-2);transform:translateY(-3px)}
.go{display:inline-flex;align-items:center;gap:.4rem;font:600 .82rem/1.3 var(--font);color:var(--gold);margin-top:.3rem}
.go .ic{width:1rem;height:1rem;stroke-width:2}

.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.svc article{display:grid;gap:.7rem;align-content:start;padding:1.6rem;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);min-width:0;transition:border-color .15s}
.svc article:hover{border-color:var(--gold)}
.svc p{color:var(--muted);font-size:.9rem}
.svc a{text-decoration:none}
.svc .lead{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.5rem;background:linear-gradient(110deg,rgba(107,78,42,.55),rgba(201,168,85,.12) 60%,var(--panel));border-color:var(--line);padding:clamp(1.5rem,3vw,2.2rem)}
.svc .lead h3{font-size:1.4rem;font-weight:600}
.svc .lead p{color:var(--text)}
.svc .lead div{display:grid;gap:.4rem;min-width:0}
@media (max-width:900px){.svc{grid-template-columns:repeat(2,minmax(0,1fr))}.svc .lead{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.svc{grid-template-columns:minmax(0,1fr)}}

.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem}
.route{align-content:start}
.route .price{font:600 2rem/1.1 var(--font);letter-spacing:-.03em}
.route dl{margin:0;display:grid;gap:1rem;border-top:1px solid var(--line);padding-top:1.2rem}
.route dt{font:500 .72rem/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.35rem}
.route dd{margin:0;font-size:.92rem}

.calc-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:1.25rem;align-items:start}
@media (max-width:900px){.calc-grid{grid-template-columns:minmax(0,1fr)}}
.prog{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;counter-reset:p}
.prog li{counter-increment:p;font:500 .8rem/1.3 var(--font);color:var(--muted);border-top:3px solid var(--edge);padding-top:.7rem}
.prog li::before{content:counter(p) ". "}
.prog li.on{color:var(--pale);border-color:var(--gold)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.15rem}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}
.checks label,.tick{display:flex;gap:.7rem;align-items:center;min-height:3rem;padding:.6rem .9rem;background:var(--field);border:1px solid var(--edge);border-radius:var(--r);cursor:pointer;font-size:.92rem}
.checks label:has(input:checked){border-color:var(--gold);background:rgba(201,168,85,.1)}
.checks label span:last-child{margin-left:auto;color:var(--muted);font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}
input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--gold);flex:none}
.side{position:sticky;top:6rem}
.sum{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;font-size:.9rem}
.sum li{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}
.sum b{font-weight:500;color:#fff;text-align:right}
.rows{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.rows td{padding:.7rem 0;border-bottom:1px solid var(--edge)}
.rows td:last-child{text-align:right;white-space:nowrap}
.rows tr.tot td{border-bottom:0;padding-top:1.1rem;font:600 1.8rem/1.1 var(--font);letter-spacing:-.03em;color:var(--pale)}
.rows tr.tot td:first-child{font:500 .75rem/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.msg{border-left:3px solid var(--gold);background:rgba(201,168,85,.1);padding:.9rem 1rem;font-size:.9rem;border-radius:0 var(--r) var(--r) 0;max-width:none}

.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem}
.steps li{counter-increment:s;position:relative;display:grid;gap:.5rem;align-content:start}
.steps li::before{content:counter(s);width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold);background:var(--pit);color:var(--pale);font:600 1.05rem/1 var(--font);position:relative;z-index:1;margin-bottom:.5rem}
.steps li::after{content:"";position:absolute;top:1.5rem;left:3rem;right:-1.5rem;height:1px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps p{color:var(--muted);font-size:.86rem;line-height:1.55}
@media (max-width:1000px){.steps{grid-template-columns:minmax(0,1fr);gap:0}.steps li{grid-template-columns:3rem minmax(0,1fr);column-gap:1.1rem;padding-bottom:1.6rem}.steps li::before{grid-row:span 2;margin:0}.steps li::after{top:3rem;bottom:0;left:1.5rem;right:auto;width:1px;height:auto}.steps h3{align-self:end}}

.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.about .txt{display:grid;gap:1.1rem}
.about .lede{font-size:1.15rem;font-weight:300;color:#fff}
.why{display:grid;gap:1rem}
.why div{display:flex;gap:1rem;padding:1.3rem;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r)}
.why p{color:var(--muted);font-size:.9rem;margin-top:.2rem}
@media (max-width:860px){.about{grid-template-columns:minmax(0,1fr)}}

.serve{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}
.serve div{display:grid;gap:.7rem;align-content:start;padding:1.5rem;border-top:2px solid var(--gold);background:var(--panel);border-radius:0 0 var(--r) var(--r);min-width:0}
.serve p{color:var(--muted);font-size:.9rem}

.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,5vw,4rem);align-items:start}
@media (max-width:860px){.faq-grid{grid-template-columns:minmax(0,1fr)}}
.faq{display:grid;gap:.6rem}
.faq details{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);padding:0 1.3rem}
.faq details[open]{border-color:var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:1.15rem;font-weight:500;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 1.6rem/1 var(--font);color:var(--gold);flex:none}
.faq details[open] summary::after{content:"−"}
.faq p{padding-bottom:1.3rem;color:var(--muted);font-size:.93rem}

.contact{background:radial-gradient(50rem 26rem at 10% 100%,rgba(107,78,42,.4),transparent 70%),var(--pit)}
.contact .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
@media (max-width:860px){.contact .wrap{grid-template-columns:minmax(0,1fr)}}
.reach{display:grid;gap:.8rem}
.reach div{display:flex;gap:1rem;align-items:center}
.reach small{display:block;color:var(--muted);font-size:.78rem}
.reach b{font-weight:500;font-size:1.1rem;color:#fff;user-select:all;overflow-wrap:anywhere}

footer{background:#000;border-top:1px solid var(--line);padding-block:3rem;font-size:.86rem;color:var(--muted)}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:2rem 3rem}
footer img{height:54px;width:auto;margin-bottom:.8rem}
footer h3{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--pale)}
.legal{grid-column:1/-1;border-top:1px solid var(--edge);padding-top:1.5rem;font-size:.78rem}
.wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:.5rem;background:var(--wa);color:#fff;font:600 .85rem/1 var(--font);text-decoration:none;padding:.95rem 1.2rem;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.55)}
.wa .ic{stroke:#fff}
.dock{display:none}
@media (max-width:700px){
  .wa{display:none}
  .dock{display:grid;grid-template-columns:1fr 1.4fr;gap:.5rem;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom,0px));background:rgba(11,11,12,.95);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .dock .btn{padding:.9rem .5rem;font-size:.82rem}
  .dock .w{border-color:var(--wa);color:#fff}.dock .w .ic{stroke:var(--wa)}
  footer{padding-bottom:6.5rem}
}

img{max-width:100%}
.h2{font-size:clamp(1.65rem,3.3vw,2.5rem);line-height:1.15;letter-spacing:-.025em}
.top nav a[aria-current]{color:var(--pale);border-color:var(--gold)}
.menu div a[aria-current]{color:var(--pale);background:var(--panel-2)}
.phead{background:radial-gradient(50rem 24rem at 85% 0%,rgba(107,78,42,.42),transparent 70%),var(--pit);border-bottom:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4.5rem)}
.phead .wrap{display:grid;gap:1rem;justify-items:start}
.phead p{font-size:1.08rem;font-weight:300;max-width:40rem}
.band{background:linear-gradient(110deg,rgba(107,78,42,.55),rgba(201,168,85,.1) 60%,var(--pit));border-block:1px solid var(--line);padding-block:clamp(2.5rem,6vw,4rem)}
.band .wrap{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between}
.band .wrap>div:first-child{display:grid;gap:.5rem;min-width:0;flex:1 1 22rem}
.band .btn-row{flex:0 1 auto}
.more{margin-top:2rem}
.handoff{display:grid;gap:.7rem}
.handoff b{color:#fff;font-weight:500}
.prose{display:grid;gap:1.8rem;max-width:46rem}
.prose div{display:grid;gap:.5rem}
.prose h2{font-size:1.25rem}
.prose p{color:var(--muted);max-width:none}
.jobs{display:grid;gap:.7rem}
.job{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r);padding:0 1.4rem}
.job[open]{border-color:var(--line)}
.job summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.8rem 1rem;flex-wrap:wrap;padding-block:1.2rem}
.job summary::-webkit-details-marker{display:none}
.job .jt{display:grid;gap:.2rem;min-width:0}
.job .jt b{font-weight:500;font-size:1.1rem;color:#fff}
.job .jm{font-size:.86rem;color:var(--muted)}
.tag{font:500 .72rem/1 var(--font);padding:.45rem .75rem;border-radius:999px;border:1px solid var(--line);color:var(--pale);white-space:nowrap}
.job .jd{display:grid;gap:.9rem;padding-bottom:1.4rem;justify-items:start;color:var(--muted)}
.job .jd ul{margin:0;padding-inline-start:1.2rem;display:grid;gap:.3rem}
.apply .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
@media (max-width:860px){.apply .wrap{grid-template-columns:minmax(0,1fr)}}
.svc .fee{color:var(--pale);font-size:.85rem;font-weight:500}
.job .jd h4{margin:.4rem 0 0;font-size:1rem;font-weight:600;color:#fff}
.job .jd strong{color:var(--text);font-weight:600}
.job .jd a:not(.btn){color:var(--pale)}
/* open vacancies stand out in gold */
#jobs-list .job{border:1px solid var(--gold);border-inline-start:4px solid var(--gold);background:linear-gradient(110deg,rgba(201,168,85,.2),rgba(201,168,85,.06) 55%,var(--panel));box-shadow:0 10px 30px -18px rgba(201,168,85,.7)}
#jobs-list .job .jt b{color:var(--pale);font-weight:600;font-size:1.2rem}
#jobs-list .job .jm{color:var(--text)}
#jobs-list .job .tag{background:var(--grad);color:#17130a;border-color:transparent;font-weight:600}
#jobs-list .job summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--gold);margin-inline-start:.25rem}
#jobs-list .job[open] summary::after{content:"\2212"}
#jobs-list .job .hire{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#17130a;background:var(--gold);border-radius:99px;padding:.2rem .6rem;margin-bottom:.35rem;justify-self:start}
input[type=file]{width:100%;font:400 .9rem/1.4 var(--font);color:var(--text);background:var(--field);border:1px dashed var(--edge);border-radius:var(--r);padding:.75rem}
.err{color:#f0a08a;font-size:.84rem}
.pay{margin-top:1.5rem;display:grid;gap:.45rem}
.pay h3{margin-bottom:.3rem}
.paylogos{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.3rem}
.paychip{display:inline-flex;align-items:center;justify-content:center;height:2rem;min-width:3.8rem;padding:0 .75rem;background:#fff;color:#17130a;border-radius:5px;font:600 .78rem/1 "Poppins","Segoe UI",system-ui,sans-serif}
.paylogo{display:inline-flex}
.paylogo img{height:2rem;width:auto;display:block}
.pay p{font-size:.78rem;line-height:1.5;max-width:22rem}
.lang{font-weight:600!important;color:var(--gold)!important}

/* ---------- Arabic (right-to-left). Flex and grid mirror by themselves; these fix the physical rules. */
[dir=rtl]{--font:"IBM Plex Sans Arabic","Poppins","Segoe UI",system-ui,sans-serif}
[dir=rtl] *{letter-spacing:0!important}
[dir=rtl] h1{line-height:1.3}
[dir=rtl] h2,[dir=rtl] .h2{line-height:1.4}
[dir=rtl] .btn .ic,[dir=rtl] .go .ic{transform:scaleX(-1)}
[dir=rtl] .dock .w .ic,[dir=rtl] .wa .ic{transform:none}
[dir=rtl] .menu div{right:auto;left:0}
[dir=rtl] .checks label span:last-child{margin-left:0;margin-right:auto}
[dir=rtl] .sum b,[dir=rtl] .rows td:last-child{text-align:left}
[dir=rtl] .msg{border-left:0;border-right:3px solid var(--gold);border-radius:var(--r) 0 0 var(--r)}
[dir=rtl] .steps li::after{left:-1.5rem;right:3rem}
[dir=rtl] .wa{right:auto;left:20px}
[dir=rtl] input[type=tel],[dir=rtl] input[type=email]{direction:ltr;text-align:right}
[dir=rtl] .reach b,[dir=rtl] footer li{unicode-bidi:plaintext;text-align:right}
@media (max-width:1000px){[dir=rtl] .steps li::after{left:auto;right:1.5rem}}
@media (min-width:901px){[dir=rtl] .hero::after{background:linear-gradient(270deg,rgba(11,11,12,.86) 0%,rgba(11,11,12,.58) 45%,rgba(11,11,12,.34) 100%),linear-gradient(0deg,rgba(11,11,12,.92) 0%,transparent 30%),rgba(107,78,42,.28)}}

/* Centred sections: footer, process steps, About intro, Who we serve */
footer{text-align:center}
footer img{margin-inline:auto}
footer ul{justify-items:center}
[dir=rtl] footer li{text-align:center}
.about .txt{text-align:center}
.about .txt .btn-row{justify-content:center}
.serve div{text-align:center;justify-items:center}
@media (min-width:1001px){
  .steps li{text-align:center;justify-items:center}
  .steps li::after{left:50%;right:calc(-50% - 1.5rem)}
  [dir=rtl] .steps li::after{right:50%;left:calc(-50% - 1.5rem)}
}
.about .txt .eyebrow{justify-self:center}
.steps + .btn-row{justify-content:center}
.gold-note{color:var(--gold);font-size:.88rem;font-weight:500}
.qe{display:grid;gap:1.15rem;border-top:1px dashed var(--line);padding-top:1.1rem}
.qe-tel{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr);gap:.5rem}
.qe-plain{border-top:0;padding-top:0}
#c-unlock{max-width:34rem;margin-inline:auto}
.calc-grid:has(#c-side[hidden]){grid-template-columns:minmax(0,1fr)}