/* OTDELKA78 V1.9.0 — CAPITAL REPAIR / PROCESS-TRANSFORMATION composition */

.service-capital-v190 .capital-hero {
  position: relative;
  overflow: clip;
  min-height: 860px;
  padding: 130px 0 92px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px) 0 0 / 68px 68px,
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px) 0 0 / 68px 68px,
    radial-gradient(circle at 83% 20%, rgba(182,144,87,.15), transparent 24%),
    #0d0f0d;
}
.service-capital-v190 .capital-hero::after {
  content: "";
  position: absolute;
  width: 560px;
  height: 560px;
  right: -190px;
  bottom: -280px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 50%;
  pointer-events: none;
}
.service-capital-v190 .capital-hero-shell { position: relative; z-index: 1; }
.service-capital-v190 .capital-hero .breadcrumbs { margin-bottom: 46px; }
.service-capital-v190 .capital-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .78fr);
  gap: clamp(54px, 7vw, 110px);
  align-items: end;
}
.service-capital-v190 .capital-hero-copy h1 {
  margin: 0;
  max-width: 930px;
  font-size: clamp(54px, 6.35vw, 96px);
  line-height: .93;
  letter-spacing: -.058em;
  font-weight: 600;
  text-wrap: balance;
}
.service-capital-v190 .capital-hero-copy h1 > span { display: block; }
.service-capital-v190 .capital-hero-copy h1 small {
  display: block;
  margin-top: .16em;
  color: #d6d0c5;
  font-size: .43em;
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 500;
}
.service-capital-v190 .capital-hero-lead {
  max-width: 760px;
  margin: 30px 0 0;
  color: #c9c2b7;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.68;
}
.service-capital-v190 .capital-hero-note {
  max-width: 720px;
  margin: 18px 0 0;
  color: #857f75;
  font-size: 12px;
  line-height: 1.6;
}
.service-capital-v190 .capital-hero-board {
  position: relative;
  min-height: 590px;
  padding: 46px 0 0 50px;
}
.service-capital-v190 .capital-hero-photo {
  position: relative;
  height: 525px;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--ink-3);
  box-shadow: var(--shadow);
}
.service-capital-v190 .capital-hero-photo img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  filter: saturate(.82) contrast(1.04) brightness(.78);
}
.service-capital-v190 .capital-hero-photo::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(0deg, rgba(8,10,8,.88), transparent 50%);
}
.service-capital-v190 .capital-hero-photo figcaption {
  position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 24px;
  display: grid; gap: 6px;
}
.service-capital-v190 .capital-hero-photo figcaption span {
  color: #d5c5aa; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase;
}
.service-capital-v190 .capital-hero-photo figcaption strong { font-size: 20px; line-height: 1.28; }
.service-capital-v190 .capital-phase-card {
  position: absolute;
  z-index: 3;
  top: 0; left: 0;
  width: min(320px, 78%);
  padding: 20px 20px 18px;
  background: #f2ede3;
  color: #151714;
  border: 1px solid rgba(17,19,17,.18);
  box-shadow: 0 24px 60px rgba(0,0,0,.24);
  transform: rotate(-1.3deg);
}
.service-capital-v190 .capital-phase-card > small {
  display: flex; justify-content: space-between; gap: 20px;
  padding-bottom: 14px; border-bottom: 1px solid rgba(17,19,17,.18);
  color: #856b48; font-size: 9px; font-weight: 700; letter-spacing: .15em;
}
.service-capital-v190 .capital-phase-row {
  display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center;
  min-height: 48px; border-bottom: 1px solid rgba(17,19,17,.11);
}
.service-capital-v190 .capital-phase-row b { color: #a17b48; font-size: 10px; }
.service-capital-v190 .capital-phase-row strong { font-size: 11px; font-weight: 600; }
.service-capital-v190 .capital-phase-row i {
  width: 28px; height: 1px;
  background: repeating-linear-gradient(90deg, rgba(17,19,17,.38) 0 7px, transparent 7px 10px);
}
.service-capital-v190 .capital-phase-foot {
  padding-top: 14px; color: #9a7644; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}

.service-capital-v190 .capital-index {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #111311;
}
.service-capital-v190 .capital-index-row { display: flex; overflow-x: auto; scrollbar-width: none; }
.service-capital-v190 .capital-index-row::-webkit-scrollbar { display:none; }
.service-capital-v190 .capital-index-row a {
  flex: 0 0 auto; min-height: 62px; display: inline-flex; align-items: center; gap: 12px;
  padding: 0 25px; border-right: 1px solid var(--line);
  color: #c8c0b5; font-size: 12px; font-weight: 600;
}
.service-capital-v190 .capital-index-row a:first-child { border-left: 1px solid var(--line); }
.service-capital-v190 .capital-index-row a::before { color: var(--bronze-hi); font-size: 10px; letter-spacing: .12em; }
.service-capital-v190 .capital-index-row a:nth-child(1)::before { content:"01"; }
.service-capital-v190 .capital-index-row a:nth-child(2)::before { content:"02"; }
.service-capital-v190 .capital-index-row a:nth-child(3)::before { content:"03"; }
.service-capital-v190 .capital-index-row a:nth-child(4)::before { content:"04"; }
.service-capital-v190 .capital-index-row a:nth-child(5)::before { content:"05"; }
.service-capital-v190 .capital-index-row a:hover,
.service-capital-v190 .capital-index-row a:focus-visible { color: var(--paper); background: rgba(255,255,255,.025); }

.service-capital-v190 .capital-diagnosis {
  padding-block: var(--section);
  background: var(--paper);
  color: var(--ink);
}
.service-capital-v190 .capital-diagnosis .eyebrow,
.service-capital-v190 .capital-cost .eyebrow,
.service-capital-v190 .capital-estimate .eyebrow { color: #8e6939; }
.service-capital-v190 .capital-diagnosis .section-lead,
.service-capital-v190 .capital-cost .section-lead { color: var(--muted-dark); }
.service-capital-v190 .capital-diagnosis-grid {
  display: grid;
  grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
  gap: clamp(58px,8vw,132px);
  align-items: start;
}
.service-capital-v190 .capital-diagnosis-intro { position: sticky; top: 106px; }
.service-capital-v190 .capital-diagnosis-note {
  margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--line-dark);
  color: #4e4a43; font-size: 14px; line-height: 1.72;
}
.service-capital-v190 .capital-diagnosis-list { border-top: 1px solid #bfb8ac; }
.service-capital-v190 .capital-diagnosis-row {
  display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 20px;
  padding: 29px 0 31px; border-bottom: 1px solid #cec7ba;
}
.service-capital-v190 .capital-diagnosis-row > span {
  padding-top: 5px; color: #9a7241; font-size: 12px; font-weight: 700; letter-spacing: .12em;
}
.service-capital-v190 .capital-diagnosis-row small {
  display:block; margin-bottom:8px; color:#968c7d; font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
}
.service-capital-v190 .capital-diagnosis-row h3 { margin:0; font-size:clamp(23px,2.25vw,32px); line-height:1.15; letter-spacing:-.026em; }
.service-capital-v190 .capital-diagnosis-row p { max-width:760px; margin:10px 0 0; color:var(--muted-dark); font-size:14px; line-height:1.72; }

.service-capital-v190 .capital-process {
  padding-block: var(--section);
  background:
    linear-gradient(90deg, rgba(255,255,255,.021) 1px, transparent 1px) 0 0 / 58px 58px,
    #101210;
}
.service-capital-v190 .capital-process-head {
  display:grid; grid-template-columns:1fr .74fr; gap:72px; align-items:end;
}
.service-capital-v190 .capital-process-head .section-lead { justify-self:end; margin-top:0; }
.service-capital-v190 .capital-process-track { margin-top:64px; position:relative; }
.service-capital-v190 .capital-process-track::before {
  content:""; position:absolute; left:55px; top:26px; bottom:26px; width:1px; background:rgba(202,166,111,.32);
}
.service-capital-v190 .capital-stage {
  position:relative; display:grid; grid-template-columns:112px minmax(0,1fr) minmax(260px,.58fr);
  gap:34px; align-items:start; padding:28px 0 36px; border-bottom:1px solid var(--line);
}
.service-capital-v190 .capital-stage:first-child { border-top:1px solid var(--line); }
.service-capital-v190 .capital-stage-no {
  position:relative; z-index:2; width:58px; height:58px; display:grid; place-items:center;
  border:1px solid rgba(202,166,111,.5); border-radius:50%; background:#101210;
  color:var(--bronze-hi); font-size:11px; font-weight:700; letter-spacing:.1em;
}
.service-capital-v190 .capital-stage small {
  display:block; margin:4px 0 9px; color:#8f887d; font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
}
.service-capital-v190 .capital-stage h3 { margin:0; font-size:clamp(27px,3vw,43px); line-height:1.04; letter-spacing:-.035em; }
.service-capital-v190 .capital-stage p { max-width:710px; margin:14px 0 0; color:#aaa399; line-height:1.72; font-size:14px; }
.service-capital-v190 .capital-stage-tag {
  justify-self:end; align-self:center; padding:14px 16px; border:1px solid var(--line); border-radius:999px;
  color:#c5bdb2; font-size:11px; line-height:1.25; text-align:center;
}

.service-capital-v190 .capital-proof {
  padding-block: var(--section);
  background:#151815;
}
.service-capital-v190 .capital-proof-head {
  display:grid; grid-template-columns:1fr .72fr; gap:72px; align-items:end;
}
.service-capital-v190 .capital-proof-head .section-lead { justify-self:end; margin-top:0; }
.service-capital-v190 .capital-proof-grid {
  margin-top:58px; display:grid; grid-template-columns:1.18fr .82fr; gap:16px;
}
.service-capital-v190 .capital-proof-main,
.service-capital-v190 .capital-proof-small { position:relative; margin:0; overflow:hidden; border-radius:var(--radius); background:var(--ink-3); }
.service-capital-v190 .capital-proof-main { min-height:620px; }
.service-capital-v190 .capital-proof-side { display:grid; grid-template-rows:1fr 1fr; gap:16px; }
.service-capital-v190 .capital-proof-small { min-height:302px; }
.service-capital-v190 .capital-proof-main img,
.service-capital-v190 .capital-proof-small img { width:100%; height:100%; object-fit:cover; filter:saturate(.84) contrast(1.02); }
.service-capital-v190 .capital-proof-main::after,
.service-capital-v190 .capital-proof-small::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,10,8,.88),transparent 55%); }
.service-capital-v190 .capital-proof figcaption { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; display:grid; gap:6px; }
.service-capital-v190 .capital-proof figcaption span { color:#d5c5aa; font-size:10px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.service-capital-v190 .capital-proof figcaption strong { font-size:clamp(18px,2vw,27px); line-height:1.22; }
.service-capital-v190 .capital-proof-note {
  margin-top:24px; max-width:900px; color:#8f887f; font-size:12px; line-height:1.65;
}

.service-capital-v190 .capital-cost {
  padding-block:var(--section);
  background:var(--paper);
  color:var(--ink);
}
.service-capital-v190 .capital-cost-grid {
  display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(60px,8vw,124px); align-items:start;
}
.service-capital-v190 .capital-cost-intro { position:sticky; top:104px; }
.service-capital-v190 .capital-cost-list { border-top:1px solid #bdb6aa; }
.service-capital-v190 .capital-cost-row {
  display:grid; grid-template-columns:52px 1fr; gap:18px; padding:25px 0 27px; border-bottom:1px solid #cec7ba;
}
.service-capital-v190 .capital-cost-row span { color:#9b7340; font-size:11px; font-weight:700; letter-spacing:.12em; padding-top:4px; }
.service-capital-v190 .capital-cost-row strong { display:block; font-size:18px; line-height:1.35; }
.service-capital-v190 .capital-cost-row p { margin:7px 0 0; color:var(--muted-dark); font-size:13px; line-height:1.65; }

.service-capital-v190 .capital-brief {
  padding-block:var(--section);
  background:#0d0f0d;
}
.service-capital-v190 .capital-brief-grid {
  display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(58px,8vw,126px); align-items:start;
}
.service-capital-v190 .capital-brief-list { border-top:1px solid var(--line); }
.service-capital-v190 .capital-brief-row {
  display:grid; grid-template-columns:52px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid var(--line);
}
.service-capital-v190 .capital-brief-row span { color:var(--bronze-hi); font-size:11px; letter-spacing:.12em; padding-top:4px; }
.service-capital-v190 .capital-brief-row h3 { margin:0; font-size:24px; letter-spacing:-.02em; }
.service-capital-v190 .capital-brief-row p { margin:9px 0 0; color:#aaa399; font-size:14px; line-height:1.68; }

.service-capital-v190 .capital-faq { padding-block:var(--section); background:#141714; }
.service-capital-v190 .capital-faq-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(56px,8vw,120px); align-items:start; }
.service-capital-v190 .capital-faq-intro { position:sticky; top:104px; }

.service-capital-v190 .capital-estimate { padding-block:var(--section); background:var(--paper); color:var(--ink); }
.service-capital-v190 .capital-estimate-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(56px,8vw,112px); align-items:start; }
.service-capital-v190 .capital-estimate-copy { position:sticky; top:102px; }
.service-capital-v190 .capital-estimate-copy p { color:var(--muted-dark); font-size:18px; line-height:1.68; }
.service-capital-v190 .capital-estimate .lead-form { margin:0; }
.service-capital-v190 .capital-intake-label {
  display:block; margin:0 0 12px; color:#5b5853; font-size:12px; font-weight:700; letter-spacing:.04em;
}
.service-capital-v190 .capital-intake-grid {
  display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:18px;
}
.service-capital-v190 .capital-intake-option { position:relative; display:block; cursor:pointer; }
.service-capital-v190 .capital-intake-option input { position:absolute; opacity:0; pointer-events:none; }
.service-capital-v190 .capital-intake-option span {
  min-height:78px; display:flex; align-items:center; padding:16px 18px 16px 48px;
  border:1px solid #d2cbbf; border-radius:14px; background:#fff; color:#393630;
  font-size:13px; font-weight:600; line-height:1.35; transition:.2s ease;
}
.service-capital-v190 .capital-intake-option span::before {
  content:""; position:absolute; left:17px; top:50%; width:18px; height:18px; margin-top:-10px;
  border:1px solid #9a958b; border-radius:4px; background:#fff;
}
.service-capital-v190 .capital-intake-option input:checked + span { border-color:#a77d45; background:#f0e5d1; box-shadow:inset 0 0 0 1px rgba(167,125,69,.18); }
.service-capital-v190 .capital-intake-option input:checked + span::before { background:#171915; border-color:#171915; box-shadow:inset 0 0 0 4px #f0e5d1; }
.service-capital-v190 .capital-intake-help { margin:-3px 0 20px; color:#817a70; font-size:12px; line-height:1.55; }

@media (max-width:1080px) {
  .service-capital-v190 .capital-hero-grid,
  .service-capital-v190 .capital-diagnosis-grid,
  .service-capital-v190 .capital-process-head,
  .service-capital-v190 .capital-proof-head,
  .service-capital-v190 .capital-cost-grid,
  .service-capital-v190 .capital-brief-grid,
  .service-capital-v190 .capital-faq-grid,
  .service-capital-v190 .capital-estimate-grid { grid-template-columns:minmax(0,1fr); }
  .service-capital-v190 .capital-diagnosis-intro,
  .service-capital-v190 .capital-cost-intro,
  .service-capital-v190 .capital-faq-intro,
  .service-capital-v190 .capital-estimate-copy { position:relative; top:auto; }
  .service-capital-v190 .capital-process-head .section-lead,
  .service-capital-v190 .capital-proof-head .section-lead { justify-self:stretch; margin-top:24px; }
  .service-capital-v190 .capital-stage { grid-template-columns:92px minmax(0,1fr); }
  .service-capital-v190 .capital-stage-tag { grid-column:2; justify-self:start; margin-top:6px; }
  .service-capital-v190 .mobile-nav { background:#111311; }
}

@media (max-width:760px) {
  .service-capital-v190 .capital-hero { min-height:0; padding:104px 0 64px; }
  .service-capital-v190 .capital-hero .breadcrumbs { margin-bottom:34px; }
  .service-capital-v190 .capital-hero-copy h1 { font-size:clamp(48px,15vw,68px); line-height:.94; }
  .service-capital-v190 .capital-hero-copy h1 small { font-size:.46em; margin-top:.19em; }
  .service-capital-v190 .capital-hero-lead { font-size:17px; margin-top:24px; }
  .service-capital-v190 .capital-hero-board { min-height:520px; margin-top:44px; padding:38px 0 0 26px; }
  .service-capital-v190 .capital-hero-photo { height:455px; }
  .service-capital-v190 .capital-phase-card { width:min(300px,86%); padding:17px 16px 15px; }
  .service-capital-v190 .capital-phase-row { grid-template-columns:30px 1fr auto; min-height:44px; }
  .service-capital-v190 .capital-index-row { scroll-snap-type:x mandatory; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
  .service-capital-v190 .capital-index-row a { scroll-snap-align:start; scroll-snap-stop:always; min-height:58px; padding:0 20px; }
  .service-capital-v190 .capital-diagnosis-grid,
  .service-capital-v190 .capital-cost-grid,
  .service-capital-v190 .capital-brief-grid,
  .service-capital-v190 .capital-faq-grid,
  .service-capital-v190 .capital-estimate-grid { gap:44px; }
  .service-capital-v190 .capital-diagnosis-row { grid-template-columns:42px 1fr; gap:14px; padding:24px 0 26px; }
  .service-capital-v190 .capital-process-track { margin-top:46px; }
  .service-capital-v190 .capital-process-track::before { left:24px; }
  .service-capital-v190 .capital-stage { grid-template-columns:50px minmax(0,1fr); gap:16px; padding:24px 0 28px; }
  .service-capital-v190 .capital-stage-no { width:48px; height:48px; }
  .service-capital-v190 .capital-stage h3 { font-size:29px; }
  .service-capital-v190 .capital-stage-tag { grid-column:2; }
  .service-capital-v190 .capital-proof-grid { grid-template-columns:1fr; }
  .service-capital-v190 .capital-proof-main { min-height:460px; }
  .service-capital-v190 .capital-proof-side { grid-template-columns:1fr 1fr; grid-template-rows:none; gap:12px; }
  .service-capital-v190 .capital-proof-small { min-height:240px; }
  .service-capital-v190 .capital-brief-row { grid-template-columns:42px 1fr; gap:16px; }
  .service-capital-v190 .capital-intake-grid { grid-template-columns:1fr; }
  .service-capital-v190 .capital-intake-option span { min-height:68px; }
}

@media (max-width:430px) {
  .service-capital-v190 .capital-hero-copy h1 { font-size:clamp(44px,14vw,60px); }
  .service-capital-v190 .capital-hero-copy h1 small { font-size:.47em; }
  .service-capital-v190 .capital-hero-board { min-height:470px; padding-left:18px; }
  .service-capital-v190 .capital-hero-photo { height:410px; }
  .service-capital-v190 .capital-phase-card { width:min(285px,88%); }
  .service-capital-v190 .capital-proof-side { grid-template-columns:1fr; }
  .service-capital-v190 .capital-proof-small { min-height:290px; }
}

@media (max-width:360px) {
  .service-capital-v190 .capital-hero-copy h1 { font-size:43px; }
  .service-capital-v190 .capital-phase-card { width:92%; }
}

/* Fractional mobile rounding guard: no page-level horizontal scroll; index itself remains scrollable. */
.service-capital-v190 { overflow-x: clip; }

/* V1.9.1 — mobile typography closure for long process headings */
@media (max-width: 760px) {
  .service-capital-v190 .capital-process .section-title {
    max-width: 100%;
    font-size: clamp(30px, 8vw, 34px);
    line-height: 1.04;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .service-capital-v190 .section-title,
  .service-capital-v190 .capital-diagnosis-row h3,
  .service-capital-v190 .capital-stage h3,
  .service-capital-v190 .capital-brief-row h3 {
    max-width: 100%;
  }
}
