/* Интерактивное объяснение процесса и нативные раскрывающиеся ответы. */
#process{padding-bottom:54px}
.process-explorer{--process-progress:25%}
.process-selector,.process-controls{display:none}
.process-explorer.is-interactive .process-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:36px 0 18px}
.process-selector button{display:flex;align-items:center;gap:14px;text-align:left;min-height:96px;padding:18px 16px;border:1px solid #dce1e9;border-radius:14px;background:transparent;transition:background .18s,border-color .18s,color .18s}
.process-selector button>span:nth-child(2){min-width:0;flex:1}
.process-tab-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #d5dce8;border-radius:50%;color:#778193;font-size:12px;transition:background .18s,color .18s}
.process-selector strong{display:block;font-size:17px;line-height:1.3;font-weight:500;letter-spacing:-.25px}
.process-selector small{display:block;font-size:11px;color:#737e8e;line-height:1.45;margin-top:5px}
.process-selector svg{width:16px;height:16px;flex:0 0 16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#8994a7}
.process-selector button:hover{background:#edf0f7;border-color:#b8c4de}
.process-selector button[aria-selected=true]{background:#fff;border-color:#2e4eff;color:#2e4eff;box-shadow:0 3px 14px #223fb908}
.process-selector button[aria-selected=true] .process-tab-number{color:#fff;background:#2e4eff;border-color:#2e4eff}
.process-selector button[aria-selected=true] svg{color:#2e4eff}
.process-panel{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #dce1e9;border-radius:20px;background:#fff;overflow:hidden;margin-top:20px}
.process-panel[hidden]{display:none}
.is-interactive .process-panel{margin-top:0;animation:process-panel-in .23s ease-out}
.process-copy{padding:42px 44px;display:flex;flex-direction:column;min-width:0}
.process-overline{color:#2e4eff;font-size:11px;letter-spacing:1.1px;font-weight:600}
.process-copy h3{font-size:clamp(27px,2.7vw,38px);font-weight:500;line-height:1.17;letter-spacing:-1.2px;margin:21px 0 17px}
.process-copy>p{font-size:16px;line-height:1.65;color:#576479;max-width:440px}
.process-notes>ul{list-style:none;padding:0;margin:23px 0 28px;display:grid;gap:12px}
.process-notes>ul li{position:relative;padding-left:18px;color:#667386;font-size:14px;line-height:1.65;max-width:460px}
.process-notes>ul li::before{content:'';position:absolute;left:0;top:9px;width:5px;height:5px;background:#2e4eff;border-radius:50%}
.process-deliverable{border-top:1px solid #e1e6ee;padding-top:20px;margin-top:auto}
.process-deliverable>span{font-size:10px;color:#788293;letter-spacing:1px;font-weight:600}
.process-deliverable p{font-size:15px;line-height:1.65;color:#25354f;margin-top:8px;max-width:440px}
.process-preview{background:#131d32;color:#f0f3fa;padding:30px 34px;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:470px}
.process-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;color:#9daec9;letter-spacing:1px;font-size:10px;font-weight:500}
.preview-demo{font-size:10px;letter-spacing:0;border:1px solid #35435a;border-radius:5px;padding:4px 8px;color:#acb9ce}
.map-node{display:flex;align-items:center;gap:17px;border:1px solid #35435b;background:#1b2941;padding:17px 18px;border-radius:12px}
.node-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:8px;background:#2b3b56;font-size:12px;color:#a8b9d4}
.map-node strong{display:block;font-size:17px;font-weight:500;line-height:1.4}
.map-node small{display:block;color:#b2bed2;font-size:12px;line-height:1.5;margin-top:4px}
.map-node-accent{background:#2949e3;border-color:#5574ff}
.map-node-accent .node-mark{background:#ffffff18;color:#fff}
.map-node-accent small{color:#d1dbff}
.map-connector{height:26px;padding-left:35px}
.map-connector span{display:block;width:1px;height:100%;background:#596b8c}
.process-preview-note{font-size:12px;color:#a1afc5;line-height:1.6;margin-top:24px}
.scope-paper{background:#f4f6fb;border-radius:12px;padding:27px 25px;color:#243048}
.scope-paper-label{font-size:10px;color:#6d7c92;letter-spacing:1px}
.scope-paper h4{font-size:25px;font-weight:500;letter-spacing:-.6px;line-height:1.22;margin:14px 0 25px}
.scope-paper ul{padding:0;list-style:none;margin:0;display:grid;gap:15px;font-size:13px;color:#55637a}
.scope-paper li{display:flex;gap:10px;align-items:baseline;line-height:1.6}
.scope-check{color:#2e4eff;font-size:15px}
.scope-acceptance{margin-top:25px;padding-top:20px;border-top:1px solid #d8e0ed}
.scope-acceptance>span{font-size:10px;color:#2e4eff;letter-spacing:.9px}
.scope-acceptance p{font-size:13px;line-height:1.6;margin-top:7px;color:#516079}
.check-route{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#aebdd6;font-size:11px;margin-bottom:25px}
.check-route>span{padding:7px 10px;background:#21304b;border-radius:5px;white-space:nowrap}
.check-route i{font-style:normal;color:#8097bf}
.scenario-card{padding:22px 24px;background:#edf1fa;color:#1d2b43;border-radius:12px 12px 12px 3px;margin-right:34px}
.scenario-kicker{display:block;font-size:9px;letter-spacing:.9px;color:#637896}
.scenario-card p{font-size:21px;line-height:1.35;margin-top:10px;letter-spacing:-.4px}
.scenario-reply{border:1px solid #415472;background:#233552;padding:21px 24px;margin-top:16px;margin-left:24px;border-radius:12px 12px 3px 12px}
.scenario-reply .scenario-kicker{color:#afc3e6}
.scenario-reply p{font-size:14px;line-height:1.65;margin-top:9px;color:#e0e7f6}
.scenario-state{display:inline-block;margin-top:14px;color:#c6d7ff;font-size:10px;border-top:1px solid #455c7e;padding-top:12px;width:100%}
.handoff-item{display:flex;align-items:center;gap:18px;padding:21px 0;border-top:1px solid #34445e}
.handoff-item svg{width:26px;height:26px;fill:none;stroke:#9db6ff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.handoff-item strong{display:block;font-size:20px;line-height:1.4;font-weight:500}
.handoff-item small{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#aebbd0}
.handoff-end{display:flex;align-items:center;gap:20px;border-top:1px solid #34445e;padding-top:23px;margin-top:6px}
.handoff-end>span{display:grid;place-items:center;background:#2e4eff;width:45px;height:45px;border-radius:50%;font-size:25px;flex-shrink:0}
.handoff-end p{font-size:16px;line-height:1.4;letter-spacing:-.2px}
.process-explorer.is-interactive .process-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px 0}
.process-position{display:flex;align-items:center;gap:18px;color:#707c8f;font-size:12px}
.process-progress{height:3px;width:100px;background:#dce2ed;border-radius:2px;overflow:hidden}
.process-progress>span{display:block;height:100%;width:var(--process-progress);background:#2e4eff;transition:width .22s ease}
.process-next{display:inline-flex;align-items:center;gap:14px;color:#2e4eff;background:transparent;border:0;padding:10px 3px;font-size:13px}
.process-next:hover{text-decoration:underline;text-underline-offset:4px}
.process-next svg,.faq-contact svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#faq{padding-top:52px;padding-bottom:80px}
.faq-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:85px;border-top:1px solid #dce1e9;padding-top:56px}
.faq-intro h2{font-size:clamp(35px,3.4vw,49px);letter-spacing:-1.8px;line-height:1.1;font-weight:500;margin:21px 0}
.faq-intro>p{font-size:15px;line-height:1.7;color:#6b788b}
.faq-contact{display:inline-flex;align-items:center;gap:12px;border:1px solid #ccd5e5;padding:12px 16px;min-height:46px;border-radius:10px;color:#2e4eff;margin-top:28px;font-size:13px;transition:background .15s,border-color .15s}
.faq-contact:hover{background:#edf0fa;border-color:#9eaed5}
#faq .faq-grid{display:block;border:0;min-width:0}
.faq-item{border:1px solid #dce1e9;background:#fff;border-radius:12px;margin-bottom:10px;transition:border-color .18s,background .18s}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;padding:21px 24px;min-height:74px;user-select:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-question{font-size:18px;line-height:1.4;letter-spacing:-.3px;color:#26334a}
.faq-item summary svg{width:20px;height:20px;flex:0 0 20px;stroke:#6a7c99;fill:none;stroke-width:1.6;stroke-linecap:round;transition:transform .2s}
.faq-item summary:hover{background:#f4f6fa;border-radius:12px}
.faq-item summary:focus-visible{outline:2px solid #2e4eff;outline-offset:3px;border-radius:12px}
.faq-item[open]{background:#edf1ff;border-color:#c0ccf1}
.faq-item[open] summary:hover{background:transparent}
.faq-item[open] .faq-question{color:#2547d7}
.faq-item[open] summary svg{transform:rotate(45deg);stroke:#2e4eff}
.faq-item .faq-answer{font-size:15px;line-height:1.75;color:#546681;margin:0;padding:0 65px 0 24px;max-width:760px}
.faq-detail-link{display:inline-block;color:#2e4eff;font-size:13px;line-height:1.6;margin:17px 24px 24px;text-decoration:underline;text-underline-offset:4px}
.faq-item[open] .faq-answer,.faq-item[open] .faq-detail-link{animation:process-panel-in .18s ease-out}
@keyframes process-panel-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.process-selector button{padding:14px 12px;gap:10px}.process-selector strong{font-size:15px}.process-selector small{font-size:10px}.process-tab-number{flex-basis:28px;width:28px;height:28px}.process-selector svg{display:none}.process-copy{padding:32px}.process-preview{padding:27px;min-height:480px}.faq-layout{gap:45px;grid-template-columns:1fr 1.7fr}.check-route{gap:5px;font-size:10px}.check-route>span{padding:7px}}
@media(max-width:760px){#process{padding-bottom:32px}.process-explorer.is-interactive .process-selector{grid-template-columns:1fr 1fr;margin-top:27px;gap:8px}.process-selector button{min-height:76px;padding:13px 12px;gap:10px}.process-selector strong{font-size:15px}.process-selector small{font-size:10px;max-width:110px}.process-tab-number{flex-basis:27px;width:27px;height:27px;font-size:10px}.process-panel{grid-template-columns:1fr;border-radius:16px}.process-copy{padding:27px 23px}.process-copy h3{font-size:28px;letter-spacing:-.7px;margin-top:16px}.process-copy>p{font-size:15px}.process-notes>ul{margin:19px 0 22px;gap:9px}.process-notes>ul li{font-size:13px}.process-deliverable p{font-size:14px}.process-preview{padding:24px;min-height:0}.process-preview-heading{margin-bottom:22px}.map-node{padding:16px 13px;gap:12px}.map-node strong{font-size:16px}.map-node small{font-size:11px}.node-mark{flex-basis:30px;height:30px;font-size:10px}.map-connector{padding-left:28px;height:22px}.process-preview-note{font-size:11px;margin-top:19px}.scope-paper{padding:24px 20px}.scope-paper h4{font-size:24px}.scope-paper ul{font-size:12px}.scenario-card{margin-right:12px;padding:20px}.scenario-card p{font-size:21px}.scenario-reply{margin-left:12px;padding:18px}.scenario-reply p{font-size:13px}.check-route{font-size:10px}.handoff-item{padding:18px 0;gap:16px}.handoff-item strong{font-size:18px}.handoff-item small{font-size:12px}.handoff-end p{font-size:15px}.process-explorer.is-interactive .process-controls{align-items:flex-start;gap:12px;padding:16px 0 0}.process-position{display:block;font-size:10px;padding-top:10px}.process-progress{width:75px;margin-top:7px}.process-next{font-size:12px;gap:8px;min-height:44px;padding:9px 0}.process-next svg{width:17px}#faq{padding-top:30px;padding-bottom:50px}.faq-layout{grid-template-columns:1fr;gap:30px;padding-top:38px}.faq-intro h2{font-size:37px;line-height:1.12;margin:16px 0}.faq-intro h2 br{display:none}.faq-intro>p br{display:none}.faq-contact{margin-top:20px;font-size:13px}.faq-item summary{padding:19px 18px;gap:15px;min-height:70px}.faq-question{font-size:16px;letter-spacing:-.2px}.faq-item .faq-answer{padding:0 18px;font-size:14px}.faq-detail-link{margin:15px 18px 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.is-interactive .process-panel,.faq-item[open] .faq-answer,.faq-item[open] .faq-detail-link{animation:none}.process-progress>span,.process-selector button,.process-tab-number,.faq-item,.faq-item summary svg{transition:none}}

/* На телефоне переключатель остаётся под рукой, пояснения раскрываются по запросу. */
.process-notes>summary{display:none}
@media(max-width:760px){
  .process-explorer.is-interactive .process-selector{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:4;padding:8px;margin:24px -8px 12px;background:#f5f6f9;border:1px solid #e2e6ee;border-radius:16px;box-shadow:0 6px 16px #17243d08}
  .process-selector button{min-height:54px;padding:10px;gap:8px;border-radius:10px}
  .process-selector strong{font-size:14px}
  .process-selector small{display:none}
  .process-tab-number{flex-basis:24px;width:24px;height:24px;font-size:11px}
  .process-copy{padding:24px 20px}
  .process-copy h3{font-size:clamp(24px,6.5vw,27px);margin:14px 0}
  .process-copy>p{font-size:15px;line-height:1.65}
  .process-notes{margin:12px 0 16px}
  .process-notes>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;cursor:pointer;list-style:none;color:#2e4eff;font-size:14px;line-height:1.5}
  .process-notes>summary::-webkit-details-marker{display:none}
  .process-notes>summary svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .process-notes[open]>summary svg{transform:rotate(180deg)}
  .process-notes>summary:focus-visible{outline:2px solid #2e4eff;outline-offset:3px;border-radius:4px}
  .process-notes>ul{margin:8px 0 10px;gap:10px}
  .process-notes>ul li{font-size:14px}
  .process-deliverable{padding-top:16px}
  .process-deliverable p{font-size:14px}
  .process-preview{padding:22px 20px}
  .process-preview-heading{margin-bottom:18px;font-size:11px;letter-spacing:.7px}
  .preview-demo{font-size:11px}
  .map-node{padding:12px;gap:12px}
  .map-node small{font-size:12px}
  .map-connector{height:18px}
  .process-preview-note{font-size:12px;margin-top:17px}
  .scope-paper{padding:20px 18px}
  .scope-paper h4{font-size:23px;margin-bottom:20px}
  .scope-paper ul{font-size:13px}
  .scope-acceptance{margin-top:20px;padding-top:16px}
  .scenario-card{padding:18px}
  .scenario-card p{font-size:20px}
  .scenario-reply p{font-size:14px}
  .scenario-state{font-size:11px}
  .handoff-item{padding:16px 0}
  .handoff-item small{font-size:13px}
  .process-explorer.is-interactive .process-controls{align-items:center;gap:10px;padding-top:14px}
  .process-position{font-size:12px;padding-top:0;white-space:nowrap}
  .process-progress{width:72px}
  .process-next{background:#2e4eff;color:#fff;min-height:48px;font-size:14px;padding:12px 14px;border-radius:10px;gap:8px;line-height:1.4}
  .process-next:hover{background:#2441e1;text-decoration:none}
  .process-next svg{flex-shrink:0}
  .faq-intro h2{font-size:clamp(30px,8.5vw,36px)}
  .faq-contact{display:flex;justify-content:space-between;min-height:48px;font-size:14px}
  .faq-item .faq-answer{font-size:15px}
  .faq-detail-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin:8px 18px 14px}
  button,a,summary{-webkit-tap-highlight-color:transparent}
  .faq-item summary:active{background:#dfe7ff}
  .process-selector button:active{background:#e7ecff;border-color:#2e4eff}
  .filter:active{background:#e7ecff}
  .filter.active:active{background:#303c64}
}
@media(max-width:350px){.process-next{font-size:13px;padding:12px 10px}.process-position{font-size:11px}}