.walkthrough{background:linear-gradient(140deg,#111e30,#0c1624);border:1px solid #283e59;border-radius:20px;padding:24px;box-shadow:0 28px 80px #0004}.walk-steps{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.walk-steps .walk-step{color:#aebed2;background:#ffffff05;border-radius:24px;gap:8px;height:auto;min-height:42px;padding:8px 12px;font-size:13px}.walk-step>span{background:#ffffff0c;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.walk-steps .walk-step.selected{color:#fff;background:#2879e8;box-shadow:0 4px 22px #2563eb30}.walk-step.selected>span{background:#ffffff2b}.walk-steps .walk-step.completed{color:#67dcb6;background:#103d3455}.walk-caption{background:#1e2c40;border:1px solid #30415b;border-radius:13px;justify-content:space-between;align-items:flex-start;gap:22px;min-height:165px;margin-bottom:20px;padding:24px 26px;display:flex}.walk-caption p:first-child{letter-spacing:1.5px;color:#72b5ff;margin:0 0 8px;font-size:12px;font-weight:600}.walk-caption p:first-child span{letter-spacing:0;color:#aabbd1;margin-left:8px}.walk-caption h3{letter-spacing:-.5px;margin:0 0 10px;font-size:25px;line-height:1.45}.walk-caption .walk-description{color:#bac8db;max-width:760px;margin:0;font-size:15px;line-height:1.8}.walk-role{white-space:nowrap;color:#8cc7ff;background:#14375c;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.walk-role.admin{color:#79dfb6;background:#183d37}.walk-browser{background:#0f172a;border:1px solid #344966;border-radius:11px;overflow:hidden}.walk-browser-bar{color:#9baec8;background:#192638;border-bottom:1px solid #344966;align-items:center;gap:16px;height:42px;padding:0 18px;font-size:12px;display:flex}.walk-dots{gap:6px;display:flex}.walk-dots i{background:#f36e7b;border-radius:50%;width:7px;height:7px}.walk-dots i:nth-child(2){background:#e5bd66}.walk-dots i:nth-child(3){background:#63c490}.walk-path{color:#c4d7ee;margin-left:8px}.walk-browser-bar .walk-badge{color:#8ca4c2;margin-left:auto;font-size:12px}.walk-browser iframe{pointer-events:none;background:#0f172a;border:0;width:100%;height:710px;display:block}.walk-actions{color:#8195b0;align-items:center;gap:20px;min-height:67px;padding:18px 2px;display:flex}.walk-actions>span{align-items:center;gap:9px;font-size:13px;display:flex}.walk-actions>span>i{background:#213149;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:11px;font-style:normal;display:flex}.walk-actions .done{color:#98dbc5}.walk-actions .done>i{color:#73e1b7;background:#154735}.walk-action-arrow{color:#415b7a;margin-left:10px}.walk-controls{border-top:1px solid #2a3c55;align-items:center;gap:18px;padding-top:18px;display:flex}.walk-controls button{white-space:nowrap;border-radius:8px;gap:8px;height:40px;padding:0 15px;font-size:13px}.walk-controls .walk-play{color:#fff;background:#2a7ce8;min-width:112px}.walk-progress{flex:1;align-items:center;gap:16px;display:flex}.walk-progress progress{-webkit-appearance:none;appearance:none;background:#283b53;border:0;border-radius:10px;width:100%;height:5px;overflow:hidden}.walk-progress progress::-webkit-progress-bar{background:#283b53}.walk-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#50d0aa,#408fff)}.walk-progress progress::-moz-progress-bar{background:#408fff}.walk-progress>span{color:#9fb1c7;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.walk-controls .walk-next,.walk-controls .walk-restart{color:#c1d0e1;background:#23344a}.walk-controls button:disabled{opacity:.35}.walk-note{color:#8b9fb9;margin:18px 0 0;font-size:12px;line-height:1.7}.experience.section{max-width:1320px}@media (max-width:1100px){.walk-caption{display:block}.walk-role{display:none}.walk-actions{gap:10px}.walk-actions>span{font-size:12px}.walk-action-arrow{margin-left:0}.walk-controls{gap:10px}.walk-next{display:none!important}}@media (max-width:700px){.experience.section{padding-left:4%;padding-right:4%}.walkthrough{border-radius:14px;padding:12px}.walk-steps{gap:5px;margin-bottom:14px}.walk-steps .walk-step{gap:5px;min-height:36px;padding:6px 9px;font-size:12px}.walk-step>span{width:20px;height:20px;font-size:11px}.walk-caption{min-height:200px;margin-bottom:14px;padding:18px}.walk-caption h3{font-size:21px}.walk-caption .walk-description{font-size:14px}.walk-caption p:first-child{letter-spacing:1px;font-size:11px}.walk-caption p:first-child span{margin-left:4px}.walk-browser-bar{gap:10px;padding:0 10px}.walk-path{font-size:11px}.walk-browser-bar .walk-badge{display:none}.walk-browser iframe{height:675px}.walk-actions{flex-wrap:wrap;gap:8px;min-height:97px;padding:14px 0}.walk-actions>span{font-size:12px}.walk-controls{flex-wrap:wrap;gap:12px;padding-top:14px}.walk-controls button{padding:0 12px;font-size:12px}.walk-controls .walk-play{min-width:100px}.walk-progress{order:3;min-width:100%}.walk-controls .walk-restart{margin-left:auto}.walk-note{margin:14px 0 2px;font-size:12px}}@media (prefers-reduced-motion:reduce){.walkthrough *{transition:none!important;animation:none!important}}.faq-section{border-top:1px solid #21324c;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;padding-top:70px;display:grid}.faq-intro h2{margin-bottom:20px}.faq-intro>p:last-child{color:#9aacbf;max-width:430px;margin:0;font-size:16px;line-height:1.9}.faq-list{border-top:1px solid #2a3c55}.faq-item{border-bottom:1px solid #2a3c55}.faq-item summary{cursor:pointer;color:#e7eef9;grid-template-columns:34px 1fr 24px;align-items:center;gap:16px;padding:23px 4px;list-style:none;display:grid}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{color:#629ee6;font-variant-numeric:tabular-nums;font-size:12px}.faq-item summary>strong{font-size:16px;font-weight:600}.faq-item summary>svg{color:#7790ad;transition:transform .25s}.faq-item[open] summary>svg{transform:rotate(180deg)}.faq-answer{color:#a9b9cc;padding:0 44px 24px 54px;font-size:16px;line-height:1.9}.faq-answer p{margin:0 0 8px}.faq-answer p:last-child{margin-bottom:0}.faq-message{color:#91a4ba;margin:0;padding:25px 4px;font-size:15px}@media (max-width:800px){.faq-section{grid-template-columns:1fr;gap:30px;padding-top:55px}.faq-intro>p:last-child{max-width:none}.faq-item summary{grid-template-columns:28px 1fr 20px;gap:10px;padding:20px 2px}.faq-answer{padding:0 30px 22px 40px}}
