
.hire-hero{
  padding:104px 0 52px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(760px 340px at 10% -20%, rgba(255,45,28,.16), transparent 60%),
    radial-gradient(560px 300px at 92% 0%, rgba(255,20,147,.11), transparent 62%);
}
.hire-hero h1{
  font-size:clamp(31px,5.4vw,54px); line-height:1.1;
  letter-spacing:-.025em; margin:12px 0 18px;
}
.hire-lead{
  font-size:16.5px; line-height:1.8; color:var(--muted);
  max-width:640px;
}
.hire-actions{ display:flex; flex-wrap:wrap; gap:11px; margin-top:26px; }
.hire-sub{
  margin-top:20px; font-size:13.5px; line-height:1.75;
  color:var(--muted-2, var(--muted)); max-width:560px;
}

.sec-lead{
  font-size:15px; line-height:1.8; color:var(--muted);
  max-width:640px; margin-bottom:30px;
}

.proof-list{ display:grid; gap:14px; }
.proof{
  display:grid; gap:20px; align-items:center;
  grid-template-columns:minmax(0,1fr) 280px;
  padding:22px 24px; border-radius:var(--radius);
  transition:border-color .2s ease;
}
.proof h3{
  font-size:17px; font-weight:600; margin-bottom:8px;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.proof h3 .ico{ width:34px; height:34px; border-radius:10px; }
.proof h3 .ico svg{ width:18px; height:18px; }
.proof > div > p{ font-size:14.5px; line-height:1.75; color:var(--muted); }

.proof-of{
  border-left:1px solid var(--line); padding-left:20px;
}
.proof-of span{
  display:block; font-size:11px; letter-spacing:.09em;
  text-transform:uppercase; color:var(--muted); margin-bottom:7px;
}
.proof-of b{ display:block; font-size:15px; font-weight:600; margin-bottom:4px; }
.proof-of p{ font-size:12.5px; line-height:1.6; color:var(--muted); margin-bottom:11px; }

.hire-how{ border-top:1px solid var(--line); background:var(--bg-soft); }
.steps{ list-style:none; display:grid; gap:16px; counter-reset:step; }
.steps li{
  display:grid; grid-template-columns:auto minmax(0,1fr); gap:18px;
  padding:22px 24px; border-radius:var(--radius);
}
.step-n{
  display:grid; place-items:center;
  width:36px; height:36px; border-radius:11px;
  font-size:15px; font-weight:600; color:#fff;
  background:linear-gradient(135deg,var(--accent-soft),var(--accent) 55%,var(--accent-strong));
}
.steps h3{ font-size:16px; font-weight:600; margin-bottom:7px; }
.steps p{ font-size:14.5px; line-height:1.75; color:var(--muted); }
.steps a{ color:var(--purple); }

.hire-two{
  display:grid; gap:38px;
  grid-template-columns:minmax(0,1fr) minmax(0,420px);
  align-items:start;
}
.hire-two p{
  font-size:15px; line-height:1.8; color:var(--muted); margin-bottom:15px;
}
.hire-two .btn{ margin-top:6px; }

.hire-card{
  padding:26px 24px; border-radius:var(--radius);
}
.hire-card h3{ font-size:17px; font-weight:600; margin-bottom:8px; }
.hire-card .fine{ font-size:13px; color:var(--muted); margin-bottom:16px; line-height:1.7; }

.nope{ list-style:none; display:grid; gap:12px; }
.nope li{
  position:relative; padding-left:26px;
  font-size:14px; line-height:1.7; color:var(--muted);
}
.nope li::before{
  content:"×"; position:absolute; left:0; top:-1px;
  width:18px; height:18px; border-radius:6px;
  display:grid; place-items:center;
  font-size:13px; font-weight:600; color:var(--text-muted);
  background:var(--tag-bg);
}

.hire-one{ border-top:1px solid var(--line); }
.two-col{
  display:grid; gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.two-col .col{
  padding:24px 23px; border-radius:var(--radius);
}
.two-col h3{ font-size:16px; font-weight:600; margin-bottom:16px; }
.two-col ul{ list-style:none; display:grid; gap:14px; }
.two-col li{
  position:relative; padding-left:26px;
  font-size:14px; line-height:1.75; color:var(--muted);
}
.two-col li b{ color:var(--text); font-weight:600; }
.two-col li::before{
  position:absolute; left:0; top:-1px;
  width:18px; height:18px; border-radius:6px;
  display:grid; place-items:center; font-size:12px; font-weight:700;
}
.col.good li::before{ content:"✓"; color:var(--accent); background:var(--tag-bg); }
.col.bad li::before{ content:"!"; color:var(--text-muted); background:var(--tag-bg); }

@media (max-width:900px){
  .proof{ grid-template-columns:1fr; gap:18px; }
  .proof-of{ border-left:0; border-top:1px solid var(--line); padding-left:0; padding-top:18px; }
  .hire-two{ grid-template-columns:1fr; gap:28px; }
}
@media (max-width:560px){
  .hire-hero{ padding:44px 0 38px; }
  .hire-actions .btn{ width:100%; justify-content:center; }
  .steps li{ grid-template-columns:1fr; gap:12px; }
}

.availability{
  display:inline-flex; align-items:center; flex-wrap:wrap; gap:9px;
  padding:8px 14px 8px 12px; margin-bottom:18px;
  border-radius:var(--r-round, 40px);
  background:var(--glass-bg); border:1px solid var(--line);
  font-size:12.5px; line-height:1.5;
}
.availability b{ font-family:var(--f-display); font-weight:600; color:var(--text-main); }
.av-note{ color:var(--muted); }
.av-reply{
  color:var(--muted-2); padding-left:9px;
  border-left:1px solid var(--line-soft);
}
.av-dot{
  width:8px; height:8px; border-radius:50%; flex:none;
  background:#34D399; box-shadow:0 0 0 3px rgba(52,211,153,.18);
}
.av-limited .av-dot{ background:#FBBF24; box-shadow:0 0 0 3px rgba(251,191,36,.18); }
.av-full    .av-dot{ background:#F87171; box-shadow:0 0 0 3px rgba(248,113,113,.18); }

@media (prefers-reduced-motion: no-preference){
  .av-open .av-dot{ animation:avPulse 2.4s ease-in-out infinite; }
}
@keyframes avPulse{
  50%{ box-shadow:0 0 0 6px rgba(52,211,153,.06); }
}
@media (max-width: 560px){
  .av-reply{ border-left:0; padding-left:0; width:100%; }
}

.numbers{
  display:grid; grid-template-columns:repeat(4,1fr); gap:12px;
  margin:22px 0 26px;
}
.numbers > div{
  padding:16px 14px; border-radius:var(--r-card);
  background:var(--glass-bg); border:1px solid var(--line);
  text-align:center;
}
.numbers strong{
  display:block; font-family:var(--f-display);
  font-size:clamp(22px,3vw,30px); font-weight:600; letter-spacing:-.02em;
  color:var(--text-main);
}
.numbers span{ display:block; margin-top:3px; font-size:12px; color:var(--muted); }
@media (max-width: 720px){ .numbers{ grid-template-columns:repeat(2,1fr); } }

.hire-svc{ border-top:1px solid var(--line); }

.svc-grid{
  display:grid; gap:14px; margin-top:26px;
  grid-template-columns:repeat(auto-fit, minmax(290px, 1fr));
}
.svc-card{ position:relative; padding:22px 20px 20px; }
.svc-card h3{ font-size:17px; font-weight:600; margin-bottom:5px; }
.svc-for{ font-size:13px; color:var(--muted); line-height:1.6; margin-bottom:14px; }

.svc-price{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:9px;
  padding-bottom:14px; margin-bottom:14px;
  border-bottom:1px solid var(--line-soft);
}
.svc-price b{
  font-family:var(--f-display); font-size:21px; font-weight:600;
  letter-spacing:-.02em; color:var(--text-main);
}
.svc-price span{ font-size:12px; color:var(--muted-2); }

.svc-has{ list-style:none; display:grid; gap:9px; }
.svc-has li{
  position:relative; padding-left:20px;
  font-size:13.5px; line-height:1.65; color:var(--muted);
}
.svc-has li::before{
  content:""; position:absolute; left:0; top:8px;
  width:6px; height:6px; border-radius:50%;
  background:var(--label);
}

.svc-flag{
  position:absolute; top:-1px; right:16px;
  padding:4px 10px; border-radius:0 0 8px 8px;
  font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  background:var(--grad-btn); border:1px solid var(--grad-btn-border); border-top:0;
  color:var(--accent-soft);
}
.featured-svc{ border-color:var(--grad-btn-border); }

.svc-fine{
  margin-top:20px; font-size:13px; line-height:1.75; color:var(--muted);
}

.consult{
  display:grid; grid-template-columns:1.35fr .85fr; gap:28px;
  padding:26px 26px 24px; align-items:center;
}
.consult h2{ font-size:clamp(19px,2vw,25px); font-weight:600; margin:6px 0 10px; }
.consult p{ font-size:14.5px; line-height:1.8; color:var(--muted); }

.consult-acts{
  display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-top:18px;
}
.consult-fine{ font-size:12px; color:var(--muted-2); line-height:1.6; }

.consult-list{ list-style:none; display:grid; gap:11px; }
.consult-list li{
  position:relative; padding-left:22px;
  font-size:13px; line-height:1.65; color:var(--muted);
}
.consult-list li::before{
  content:""; position:absolute; left:0; top:6px;
  width:9px; height:9px; border-radius:3px;
  background:var(--grad-btn); border:1px solid var(--grad-btn-border);
}
@media (max-width: 860px){
  .consult{ grid-template-columns:1fr; gap:20px; }
}

.check{
  display:flex; align-items:flex-start; gap:11px;
  margin:0 0 15px; cursor:pointer;
  font-size:13px; line-height:1.65; color:var(--muted);
}
.check input{
  width:17px; height:17px; margin-top:1px; flex:none;
  accent-color:var(--accent); cursor:pointer;
}

.hire-art{
  position:relative; height:330px; border-radius:var(--radius-lg);
  border:1px solid var(--glass-border); overflow:hidden;
  background:var(--glass-bg);
}
.ha-pane{
  position:absolute; border-radius:var(--radius-md);
  border:1px solid var(--glass-border); background:var(--glass-card);
  box-shadow:0 30px 60px -40px var(--glass-shadow);
  display:flex; flex-direction:column; gap:10px; padding:16px;
}
.ha-back{ left:8%; top:12%; width:52%; height:46%; }
.ha-mid{ left:26%; top:30%; width:52%; height:50%; }
.ha-front{
  left:46%; top:16%; width:46%; height:34%;
  flex-direction:row; align-items:center; justify-content:space-around; gap:6px;
}
.ha-bar{ height:8px; border-radius:6px; background:var(--glass-border); display:block; }
.ha-bar.w80{ width:80%; } .ha-bar.w70{ width:70%; } .ha-bar.w65{ width:65%; }
.ha-bar.w60{ width:60%; } .ha-bar.w55{ width:55%; } .ha-bar.w45{ width:45%; }
.ha-dots{ display:flex; gap:6px; }
.ha-dots i{ width:8px; height:8px; border-radius:50%; background:var(--grad-btn); display:block; }
.ha-step{
  font-size:11px; font-weight:600; color:var(--accent-soft);
  padding:6px 10px; border-radius:var(--r-tag);
  border:1px solid var(--grad-btn-border); background:var(--grad-btn);
}
.ha-orb{
  position:absolute; border-radius:50%; background:var(--grad-btn);
  border:1px solid var(--grad-btn-border);
}
.ha-orb.o1{ width:26px; height:26px; left:16%; bottom:12%; }
.ha-orb.o2{ width:16px; height:16px; right:10%; bottom:22%; }

@media (max-width: 900px){
  .hire-art{ height:250px; }
  .ha-step{ font-size:10px; padding:5px 8px; }
}

.hhero-grid{
  display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center;
}
.hhero-copy{ min-width:0; }
@media (max-width: 980px){
  .hhero-grid{ grid-template-columns:1fr; gap:26px; }
  .hhero-copy{ order:1; }
  .hhero-grid .img-slot{ order:2; }
}

.faqs{ display:grid; grid-template-columns:1fr 1fr; gap:12px; align-content:start; }
.faq{
  border-radius:var(--radius); overflow:hidden;
  background:var(--glass-bg); border:1px solid var(--line);
  transition:border-color .25s ease;
}
.faq[open]{ border-color:var(--glass-border); }
.faq summary{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:15px 17px; cursor:pointer; list-style:none;
  font-family:var(--f-display); font-size:12.5px; font-weight:500; color:var(--text-body);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary:hover{ color:var(--text-main); }
.faq .chev{
  width:22px; height:22px; flex:none; border-radius:7px;
  background:rgba(255,45,28,.14); border:1px solid var(--glass-border);
  position:relative; transition:transform .25s ease, background .25s ease;
}
.faq .chev::before{
  content:""; position:absolute; left:50%; top:46%;
  width:6px; height:6px; margin-left:-3px; margin-top:-3px;
  border-right:1.6px solid var(--purple-light);
  border-bottom:1.6px solid var(--purple-light);
  transform:rotate(45deg);
}
.faq[open] .chev{ transform:rotate(180deg); background:rgba(255,45,28,.26); }
.faq p{ padding:0 17px 16px; color:var(--muted); font-size:12px; line-height:1.78; }
.faq p a{ color:var(--purple-light); }
.faq p a:hover{ color:var(--pink); }
@media (max-width: 780px){
  .faqs{ grid-template-columns:1fr; }
}
