/* RabotaLive24 conversion-first rebuild — 2026-07-17 */
html { scroll-behavior: smooth; }
body { --conversion-accent:#ff6b00; --conversion-accent-dark:#d84f00; --conversion-ink:#10243a; --conversion-muted:#5b6b7e; }

.conversion-hero,
.hero-section.conversion-hero,
.job-hero.conversion-hero {
  position: relative;
  overflow: hidden;
  padding: 30px 0 52px;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,107,0,.18), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(26,115,232,.16), transparent 32%),
    linear-gradient(135deg,#071827 0%,#102b45 54%,#153b5c 100%);
  color:#fff;
}
.conversion-hero::before {
  content:"";
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 90%);
  pointer-events:none;
}
.conversion-hero .container { position:relative; z-index:1; }
.conversion-hero .breadcrumbs { margin:0 0 22px; color:rgba(255,255,255,.72); }
.conversion-hero .breadcrumbs a { color:#fff; text-decoration:none; }
.conversion-hero .breadcrumbs a:hover { text-decoration:underline; }
.conversion-shell { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr); gap:26px; align-items:stretch; }
.conversion-main-card,
.conversion-offer-card {
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);
}
.conversion-main-card {
  padding:clamp(28px,4vw,52px);
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.055));
}
.conversion-offer-card {
  padding:30px;
  background:#fff;
  color:var(--conversion-ink);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.conversion-badge {
  display:inline-flex; align-items:center; gap:9px;
  padding:8px 13px; border-radius:999px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16);
  font-size:13px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
}
.conversion-badge-dot { width:9px; height:9px; border-radius:50%; background:#58df85; box-shadow:0 0 0 6px rgba(88,223,133,.12); }
.conversion-main-card h1 {
  margin:18px 0 16px;
  max-width:900px;
  color:#fff;
  font-size:clamp(34px,5vw,64px);
  line-height:1.02;
  letter-spacing:-.045em;
}
.conversion-lead {
  margin:0;
  max-width:830px;
  color:rgba(255,255,255,.83);
  font-size:clamp(17px,2vw,21px);
  line-height:1.55;
}
.conversion-inline-price {
  display:none;
  margin:20px 0 0;
  font-size:30px;
  font-weight:900;
  color:#fff;
}
.conversion-inline-price small { display:block; margin-top:2px; font-size:13px; font-weight:600; color:rgba(255,255,255,.68); }
.conversion-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.conversion-actions .btn {
  min-height:54px; padding:0 23px; border-radius:15px;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-weight:900; text-decoration:none;
}
.conversion-actions .conversion-primary {
  background:linear-gradient(135deg,#ff7a00,#ff4d00); color:#fff; border:0;
  box-shadow:0 14px 34px rgba(255,91,0,.34);
}
.conversion-actions .conversion-primary:hover { transform:translateY(-1px); box-shadow:0 18px 40px rgba(255,91,0,.42); }
.conversion-actions .conversion-secondary { background:#fff; color:#10243a; border:1px solid rgba(255,255,255,.5); }
.conversion-trust-grid {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:25px;
}
.conversion-trust-item {
  min-height:80px; padding:13px;
  border-radius:16px; background:rgba(255,255,255,.085); border:1px solid rgba(255,255,255,.1);
}
.conversion-trust-item i { color:#ffad5c; margin-bottom:8px; }
.conversion-trust-item strong { display:block; color:#fff; font-size:13px; line-height:1.25; }
.conversion-tasks { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.conversion-task {
  padding:8px 11px; border-radius:999px; background:rgba(4,15,25,.32); color:rgba(255,255,255,.78);
  font-size:13px; font-weight:700; border:1px solid rgba(255,255,255,.09);
}
.conversion-price-label { font-size:13px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#6b7b8d; }
.conversion-price { margin:8px 0 2px; font-size:clamp(38px,4vw,54px); line-height:1; font-weight:950; letter-spacing:-.045em; color:#0e2a45; }
.conversion-price-note { color:#6b7b8d; font-size:14px; line-height:1.45; }
.conversion-offer-title { margin:24px 0 12px; font-size:20px; line-height:1.2; color:#10243a; }
.conversion-benefits { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.conversion-benefits li { display:grid; grid-template-columns:28px 1fr; gap:8px; align-items:start; color:#32485f; font-size:14px; line-height:1.4; }
.conversion-benefits i { width:25px; height:25px; border-radius:8px; display:grid; place-items:center; background:#eef6ff; color:#1769aa; }
.conversion-offer-cta { margin-top:22px; width:100%; min-height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:8px; background:#102f4d; color:#fff; text-decoration:none; font-weight:900; }
.conversion-offer-cta:hover { background:#0b253d; }
.conversion-safe-note { margin:12px 0 0; font-size:12px; line-height:1.4; color:#7b8997; text-align:center; }
.conversion-order-priority { position:relative; margin-top:0 !important; border-top:0 !important; }
.conversion-order-priority::before { content:""; display:block; height:6px; background:linear-gradient(90deg,#ff6b00,#ffb000,#1d73b5); }
.conversion-order-priority > .container { padding-top:10px; }

/* Main city pages */
.conversion-main-page .conversion-shell { grid-template-columns:minmax(0,1.55fr) minmax(320px,.68fr); }
.conversion-main-page .conversion-job-link { display:inline-flex; margin-top:18px; color:rgba(255,255,255,.82); font-weight:800; text-decoration:none; }
.conversion-main-page .conversion-job-link:hover { color:#fff; text-decoration:underline; }

/* Job pages */
.conversion-job-page .conversion-main-card h1 { font-size:clamp(36px,5vw,62px); }
.conversion-job-page .conversion-offer-card { background:linear-gradient(160deg,#effff4,#fff); }
.conversion-job-page .conversion-price { color:#126b35; }
.conversion-job-page .conversion-primary { background:linear-gradient(135deg,#1fb861,#0b8f47); box-shadow:0 14px 34px rgba(18,160,79,.28); }

/* Header conversion button */
.header-order-btn { white-space:nowrap; background:linear-gradient(135deg,#ff7a00,#ff4d00) !important; color:#fff !important; border:0 !important; box-shadow:0 8px 22px rgba(255,91,0,.24); }
.brand-copy span { max-width:470px; }

/* Mobile persistent action bar */
.conversion-mobile-bar { display:none; }

@media (max-width: 1050px) {
  .conversion-shell,
  .conversion-main-page .conversion-shell { grid-template-columns:1fr; }
  .conversion-offer-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:center; }
  .conversion-offer-card .conversion-offer-cta,
  .conversion-offer-card .conversion-safe-note { grid-column:1 / -1; }
  .conversion-trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body { padding-bottom:76px; }
  .conversion-hero,
  .hero-section.conversion-hero,
  .job-hero.conversion-hero { padding:18px 0 28px; }
  .conversion-hero .breadcrumbs { display:none; }
  .conversion-main-card,
  .conversion-offer-card { border-radius:21px; }
  .conversion-main-card { padding:24px 20px; }
  .conversion-offer-card { padding:22px 20px; display:block; }
  .conversion-main-card h1 { margin-top:14px; font-size:clamp(33px,10vw,46px); line-height:1.04; }
  .conversion-lead { font-size:16px; line-height:1.48; }
  .conversion-inline-price { display:block; }
  .conversion-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .conversion-actions .btn { min-height:52px; padding:0 12px; font-size:14px; }
  .conversion-trust-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .conversion-trust-item { min-height:74px; padding:11px; }
  .conversion-price { font-size:42px; }
  .conversion-tasks { overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; scrollbar-width:none; }
  .conversion-task { flex:0 0 auto; }
  .conversion-mobile-bar {
    position:fixed; left:10px; right:10px; bottom:10px; z-index:9999;
    display:grid; grid-template-columns:.78fr 1.22fr; gap:8px;
    padding:8px; border-radius:18px; background:rgba(8,25,41,.94); border:1px solid rgba(255,255,255,.16);
    box-shadow:0 18px 45px rgba(0,0,0,.32); backdrop-filter:blur(14px);
  }
  .conversion-mobile-bar a { min-height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-weight:900; }
  .conversion-mobile-call { color:#fff; background:rgba(255,255,255,.1); }
  .conversion-mobile-order { color:#fff; background:linear-gradient(135deg,#ff7a00,#ff4d00); }
  .conversion-job-page + * .conversion-mobile-order,
  .conversion-mobile-order.is-job { background:linear-gradient(135deg,#1fb861,#0b8f47); }
  .header-order-btn { display:none !important; }
}
@media (max-width: 430px) {
  .conversion-main-card h1 { font-size:33px; }
  .conversion-actions { grid-template-columns:1fr; }
  .conversion-trust-grid { grid-template-columns:1fr 1fr; }
  .conversion-trust-item strong { font-size:12px; }
}