/* The firm and its CFO lead; the reconciliation walkthrough supports the story. */
.hero { align-items:center; gap:54px; padding:76px 0 82px; }
.hero h1 { font-size:clamp(45px,5.1vw,67px); letter-spacing:-3.8px; line-height:1.12; }
.hero h1 em { display:block; }
.hero .intro { max-width:460px; font-size:17px; }
.hero .micro { max-width:430px; line-height:1.6; }
.cfo-preview { background:var(--surface); border:1px solid #cbd5c6; border-radius:12px; box-shadow:0 22px 60px #183c3410; overflow:hidden; min-width:0; scroll-margin-top:25px; }
.cfo-top { display:flex; align-items:center; gap:12px; padding:21px 24px; border-bottom:1px solid var(--line); }
.cfo-avatar { width:35px; height:35px; display:grid; place-items:center; border-radius:9px; background:var(--ink); color:var(--lime); font:700 28px/1 Manrope,sans-serif; }
.cfo-top strong { display:block; font-size:15px; font-weight:650; }
.cfo-top small { display:block; font-size:10px; color:var(--ink-2); margin-top:2px; }
.cfo-status { margin-left:auto; color:#7b9251; font-size:23px; }
.cfo-choices { padding:17px 24px 0; }
.cfo-choices>span { display:block; font-size:10px; color:var(--ink-2); margin-bottom:9px; }
.cfo-buttons { display:flex; flex-wrap:wrap; gap:7px; }
.cfo-question { border:1px solid #d3ddc7; background:transparent; color:var(--ink); border-radius:30px; padding:7px 13px; font-size:11px; cursor:pointer; }
.cfo-question[aria-pressed=true] { background:var(--lime); border-color:#c4dd79; }
.cfo-question:hover { border-color:var(--ink); }
#cfo-response { padding:19px 24px 0; min-height:341px; }
.cfo-user { background:#e9eee1; border-radius:9px 9px 2px 9px; padding:12px 16px; margin:0 0 20px auto; width:fit-content; max-width:95%; font-size:13px; }
.cfo-answer .label { font-size:9px; letter-spacing:1.6px; }
.cfo-answer>p { font-size:13px; line-height:1.7; margin:9px 0 15px; }
.cfo-result { background:#f2f5eb; border:1px solid #dde5d3; padding:16px 19px; border-radius:7px; }
.cfo-result>span { display:block; font-size:10px; color:var(--ink-2); }
.cfo-result>strong { display:block; font:550 35px/1.3 Manrope,sans-serif; letter-spacing:-1.5px; margin:5px 0 12px; }
#cfo-rows>div { display:flex; justify-content:space-between; align-items:baseline; gap:14px; border-top:1px solid #dbe3d3; padding:7px 0; font-size:11px; }
#cfo-rows b { font-weight:550; white-space:nowrap; }
.cfo-answer p.cfo-source { font-size:9px; color:var(--ink-2); margin-bottom:8px; }
.cfo-example { padding:0 24px 18px; margin:0; font-size:9px; color:var(--ink-3); line-height:1.6; }
.hero+.section { border-top:1px solid var(--line); }
.benefits h3 { font-size:20px; }
.human { border-top:1px solid var(--line); }
.human-visual { padding:35px; }
.review-title { font-size:25px; }
.review-row { font-size:11px; }
.journey { border-top:1px solid var(--line); }
.journey-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.journey-grid article { border-top:1px solid #aab7a0; padding-top:20px; }
.journey-grid h3 { font:600 19px/1.4 Manrope,sans-serif; letter-spacing:-.5px; margin:15px 0 12px; }
.journey-grid p { font-size:14px; line-height:1.75; color:var(--ink-2); }
.agent-walkthrough { margin-top:34px; border:1px solid var(--line); border-radius:8px; background:#e9ede1; }
.agent-walkthrough>summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 28px; font-size:15px; font-weight:550; cursor:pointer; }
.agent-walkthrough>summary::-webkit-details-marker { display:none; }
.agent-walkthrough>summary span { font-size:23px; font-weight:400; }
.agent-walkthrough[open]>summary span { transform:rotate(45deg); }
.walkthrough-body { padding:14px 28px 28px; }
.walkthrough-body h2 { font-size:36px; letter-spacing:-1.5px; }
.walkthrough-body .demo-note { margin-bottom:0; }
.faq-section { border-top:0; }
.closing h2 { font-size:40px; max-width:690px; }
@media(max-width:1000px) {
  .hero { gap:30px; }
  .hero h1 { font-size:49px; letter-spacing:-2.5px; }
  .hero .cta-row { flex-wrap:wrap; gap:16px; }
  .human { gap:35px; }
  .human-visual { padding:25px; }
  .review-row { flex-wrap:wrap; gap:6px; }
}
@media(max-width:700px) {
  .hero { padding:48px 0 55px; gap:38px; }
  .hero h1 { font-size:50px; letter-spacing:-2.8px; }
  html[lang=bg] .hero h1 { font-size:40px; letter-spacing:-1.8px; }
  .hero .intro { font-size:16px; }
  .cfo-top { padding:17px 19px; }
  .cfo-choices { padding:17px 19px 0; }
  #cfo-response { padding:18px 19px 0; min-height:350px; }
  .cfo-example { padding:0 19px 18px; }
  .cfo-user { font-size:12px; }
  .cfo-answer>p { font-size:12px; }
  .cfo-result>strong { font-size:31px; }
  .benefit h3 { font-size:19px; }
  .human { gap:32px; }
  .review-row { flex-wrap:nowrap; font-size:10px; }
  .journey-grid { grid-template-columns:1fr; gap:20px; }
  .journey-grid h3 { margin-top:10px; }
  .journey-grid p { margin-bottom:0; }
  .agent-walkthrough>summary { padding:20px; font-size:14px; }
  .walkthrough-body { padding:10px 12px 20px; }
  .walkthrough-body h2 { font-size:28px; letter-spacing:-1px; }
  .walkthrough-body .demo .dstep .nm { font-size:9px; }
  .walkthrough-body .demo-controls { flex-wrap:wrap; }
  .walkthrough-body .dbody { padding:8px; }
  .walkthrough-body .dchrome { padding:10px 7px; }
  .walkthrough-body .dchrome .url { padding:4px; font-size:8px; }
  .closing h2 { font-size:31px; letter-spacing:-1.2px; }
}
@media(max-width:360px) {
  .hero h1 { font-size:43px; }
  html[lang=bg] .hero h1 { font-size:34px; }
  .cfo-question { padding:7px 10px; font-size:10px; }
  .review-row { flex-wrap:wrap; }
  .walkthrough-body .demo .steprail { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:360px) {
  html[lang=bg] .section h2 { font-size:30px; letter-spacing:-1.4px; }
  .walkthrough-body .demo .dkpis { grid-template-columns:minmax(0,1fr); }
}