/* ===== services / pricing — Prosto.Film brandbook v1 ===== */
/* Ink bg · Paper text · ONE red hit per block · SHARP corners · Unbounded + JetBrains Mono · flat */
.svc-page{
  --red:#E30011; --ink:#1A1714; --paper:#F4F1EA; --panel:#221F1B; --bdr:#34302A;
  --sand:#C9C2B4; --mut:#9A938A;
  background:var(--ink); color:var(--paper);
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.svc-page .wrap{max-width:1280px}

/* kill all rounding + purple from base styles on this page */
.svc-page .tile,.svc-page .card,.svc-page .fld,.svc-page .submit,.svc-page .lang,
.svc-page .modal-card,.svc-page .modal-close{border-radius:0}
.svc-page .fld:focus{border-color:var(--red)}
.svc-page .chk input{accent-color:var(--red)}
.svc-page .chk a,.svc-page .foot-col a{color:var(--red)}
.svc-page .submit{background:var(--red);color:var(--paper);border-radius:0}
.svc-page .submit:hover{transform:translateY(-2px);opacity:.92}
.svc-page .fld{background:var(--ink);border-color:var(--bdr);color:var(--paper)}
.svc-page .modal-card{background:var(--panel);border-color:var(--bdr)}
.svc-page .foot{border-top-color:var(--bdr);color:var(--mut)}
.svc-page .nav{color:var(--sand)}
.svc-page .lang{border-color:var(--bdr);color:var(--paper)}

/* logo (the ONLY rounded element = film player button) */
.brand-logo{font-family:'Unbounded',sans-serif;font-weight:800;font-size:18px;letter-spacing:.3px;
  color:var(--paper);display:inline-flex;align-items:center;text-transform:lowercase}
.brand-logo .cl{color:var(--red);font-weight:800;margin:0 -1px}
.brand-logo .film{background:var(--red);color:var(--paper);padding:1px 9px 2px;border-radius:7px;
  margin-left:7px;font-weight:800;letter-spacing:.5px}

/* hero */
.svc-hero{padding:22px 0 32px;max-width:880px}
.svc-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;
  letter-spacing:3px;text-transform:uppercase;color:var(--sand);border:1px solid var(--bdr);
  padding:6px 12px;margin-bottom:22px}
.svc-hero h1{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(16px,5.2vw,64px);
  line-height:1.05;letter-spacing:-1.5px;text-transform:uppercase;white-space:nowrap}
.hl{background:var(--red);color:var(--paper);padding:0 .09em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.svc-hero p{font-size:clamp(13px,2.1vw,16px);color:var(--sand);margin-top:20px;line-height:1.6;max-width:680px}
.svc-hero p b{color:var(--paper);font-weight:700}

/* sections */
.svc-section{margin-top:40px}
.svc-section > h2{font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;
  letter-spacing:2.5px;color:var(--mut);font-weight:500;margin-bottom:16px;
  display:flex;align-items:center;gap:10px}
.svc-section > h2::before{content:"";width:9px;height:9px;background:var(--red);flex:0 0 auto}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
/* force a card to start a new row */
.svc-card.nl{grid-column:1}

/* card */
.svc-card{background:var(--panel);border:1px solid var(--bdr);padding:22px;
  display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}
.svc-card:hover{transform:translateY(-2px);border-color:#4a463e}
.svc-card .svc-h{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;line-height:1.18}
.svc-card .svc-d{font-size:12.5px;color:var(--sand);line-height:1.55;flex:1}
.svc-price{font-family:'Unbounded',sans-serif;font-weight:800;font-size:24px;line-height:1;
  color:var(--red);margin-top:6px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.svc-price .from{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mut);
  font-weight:500;letter-spacing:1px;text-transform:uppercase}
.svc-price small{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mut);font-weight:500}
.svc-price.req{color:var(--paper);font-size:18px}
.svc-note{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mut);line-height:1.5}

/* highlighted (hot) card — one red block */
.svc-card.hot{background:var(--red);border-color:var(--red)}
.svc-card.hot .svc-h{color:var(--paper)}
.svc-card.hot .svc-d{color:rgba(244,241,234,.92)}
.svc-card.hot .svc-price{color:var(--paper)}
.svc-card.hot .svc-price .from,.svc-card.hot .svc-price small{color:rgba(244,241,234,.78)}
.svc-card.hot .svc-note{color:rgba(244,241,234,.85)}
.svc-card.hot:hover{border-color:var(--paper);transform:translateY(-2px)}

/* CTA */
.svc-cta{margin-top:48px;background:var(--panel);border:1px solid var(--bdr);
  padding:clamp(26px,4vw,46px)}
.svc-cta h2{font-family:'Unbounded',sans-serif;font-size:clamp(24px,4.4vw,38px);font-weight:800;
  letter-spacing:-.5px;text-transform:uppercase;line-height:1.05}
.svc-cta p{color:var(--sand);font-size:13px;margin-top:12px;line-height:1.6;max-width:600px}
.svc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center}
.btn-acc{display:inline-block;background:var(--red);color:var(--paper);border:0;
  padding:15px 34px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;
  letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:opacity .15s,transform .15s}
.btn-acc:hover{transform:translateY(-2px);opacity:.92}
.btn-ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--bdr);
  padding:14px 24px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.5px;
  text-transform:uppercase;color:var(--paper);background:transparent;transition:border-color .15s}
.btn-ghost:hover{border-color:var(--sand)}
.svc-foot-cta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mut);margin-top:18px}
.svc-foot-cta a{color:var(--red)}

/* пометка статуса в заголовке карточки («скоро», «когда-нибудь») */
.svc-h .svc-when{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;color:var(--mut);
  text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-left:6px;vertical-align:middle}
.svc-card .svc-d a,.svc-cta p a{color:var(--red)}