.process-examples{padding:50px 0 55px;scroll-margin-top:30px}.process-examples>p{max-width:700px}.example-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 20px}.example-tabs button{background:transparent;border:1px solid #d8d0bc;border-radius:30px;padding:12px 20px;font-size:13px;cursor:pointer;color:#6c6351;transition:background .2s,color .2s}.example-tabs button[aria-selected=true]{background:#151515;border-color:#151515;color:#fac626}.example-tabs button:hover{border-color:#151515}.example-panel{border:1px solid #d8d0bc;border-radius:22px;overflow:hidden;background:#f2efe6}.example-context{padding:30px 35px;border-bottom:1px solid #d8d0bc}.example-context>span,.example-flow>span,.example-takeaway>div>span{font-size:9px;letter-spacing:1.3px;color:#8a7a55;display:block;margin-bottom:12px}.example-context h3{font-size:29px;margin-bottom:15px}.example-context p{font-size:14px;max-width:760px;margin-bottom:0}.example-flows{display:grid;grid-template-columns:1fr 1fr}.example-flow{padding:30px 35px}.example-flow.after{background:#fac62622;border-left:1px solid #d8d0bc}.example-flow ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:15px;counter-reset:flow-step}.example-flow li{counter-increment:flow-step;position:relative;padding:14px 16px 14px 48px;border:1px solid #d6ceba;border-radius:10px;background:#faf9f5;font-size:13px;line-height:1.5}.example-flow li:before{content:counter(flow-step,decimal-leading-zero);position:absolute;left:15px;top:15px;font:10px monospace;color:#9b8960}.example-flow li:not(:last-child):after{content:'';position:absolute;width:1px;height:16px;background:#b5a579;top:100%;left:24px}.example-flow.after li{background:#fffdf4;border-color:#c5ac60}.example-flow.after li:last-child{background:#fac626;border-color:#d7b13d}.example-takeaway{padding:25px 35px;border-top:1px solid #d8d0bc;display:flex;align-items:center;justify-content:space-between;gap:35px}.example-takeaway p{font-size:15px;line-height:1.6;color:#484135;margin-bottom:0;max-width:650px}.example-takeaway .text-link{white-space:nowrap;flex-shrink:0;font-size:12px}.case-change .example-context,.case-change .example-flows{animation:case-enter .3s ease}.examples-teaser{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:45px 0 65px;border-bottom:1px solid var(--line)}.examples-teaser h2{font-size:35px}.examples-teaser p{font-size:14px;margin-bottom:0}.examples-teaser .button{flex-shrink:0}.problem-picker{margin:5px 0 26px}.problem-picker legend{color:#eee8d8;font-size:14px;text-transform:none;letter-spacing:0;margin-bottom:14px}.problem-picker legend span{color:#9e9683;font-size:11px}.problem-options{display:flex;gap:8px;flex-wrap:wrap}.problem-options label{margin:0;position:relative;cursor:pointer}.problem-options input{position:absolute;opacity:0;width:1px;height:1px}.problem-options label>span{display:block;border:1px solid #655d49;background:#25231c;color:#ddd5c1;border-radius:22px;padding:9px 13px;font-size:11px;line-height:1.5;transition:background .2s,border-color .2s}.problem-options input:checked+span{background:#fac626;color:#151515;border-color:#fac626}.problem-options input:focus-visible+span{outline:2px solid #fac626;outline-offset:3px}.contact-panel .message-guidance{color:#d4c8a6;margin:24px 0 5px;font-size:12px;line-height:1.8;min-height:44px;padding-left:13px;border-left:2px solid #fac626}.message-guidance+label{margin-top:14px}@keyframes case-enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:760px){.example-tabs{gap:8px}.example-tabs button{font-size:11px;padding:10px 13px}.example-context,.example-flow{padding:23px}.example-context h3{font-size:24px}.example-takeaway{display:block;padding:23px}.example-takeaway .text-link{margin-top:20px}.examples-teaser{display:block;padding:20px 0 45px}.examples-teaser .button{margin-top:25px}.examples-teaser h2{font-size:30px}}@media(max-width:500px){.example-flows{grid-template-columns:1fr}.example-flow.after{border-left:0;border-top:1px solid #d8d0bc}.example-tabs button{flex-grow:1}.problem-options label{flex-grow:1}.problem-options label>span{text-align:center}}@media(prefers-reduced-motion:reduce){.case-change .example-context,.case-change .example-flows{animation:none}.example-tabs button,.problem-options label>span{transition:none}}