.w4r-v23-main{--w4n-blue:#1768ff;--w4n-ink:#0b2039;--w4n-muted:#6e8196;--w4n-line:#dce6f0;--w4n-soft:#f5f9ff}
.w4r-v23-hero{padding-bottom:58px;background:radial-gradient(circle at 75% 32%,rgba(55,135,255,.16),transparent 33%),linear-gradient(180deg,#f8fbff,#fff 88%)}
.w4r-v23-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr);gap:34px}
.w4r-v23-hero-art{position:relative;margin:0;min-width:0}.w4r-v23-hero-art:before{content:"";position:absolute;inset:18% 9% 8%;background:radial-gradient(ellipse,rgba(40,126,255,.17),transparent 68%);filter:blur(26px)}.w4r-v23-hero-art img{position:relative;display:block;width:116%;max-width:none;height:auto;margin-left:-9%;filter:drop-shadow(0 24px 42px rgba(36,91,158,.12))}.w4r-v23-hero-art figcaption{position:absolute;right:4%;bottom:2%;color:#8292a4;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.w4r-v23-path-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}.w4r-v23-path-card{min-width:0;padding:22px 20px;border:1px solid var(--w4n-line);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(27,56,93,.05)}.w4r-v23-path-card.is-route{background:linear-gradient(180deg,#fbfdff,#f5f9ff)}.w4r-v23-path-card.is-observed{background:#0a213d;border-color:#163e6b;color:#fff}.w4r-v23-step-head{display:flex;gap:12px;align-items:center}.w4r-v23-step-head>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#edf4ff;color:#1768ff;font-size:8px;font-weight:850}.w4r-v23-step-head small{display:block;color:#7c8ea2;font-size:8px;font-weight:850;letter-spacing:.09em}.w4r-v23-path-card.is-observed .w4r-v23-step-head small{color:#7ca4d2}.w4r-v23-step-head strong{display:block;margin-top:4px;color:#173a57;font-size:14px}.w4r-v23-path-card.is-observed .w4r-v23-step-head strong{color:#fff}.w4r-v23-visual-well{display:grid;place-items:center;min-height:220px;margin:17px 0 12px;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5f9ff);overflow:hidden}.w4r-v23-visual-well img{display:block;width:100%;height:auto}.w4r-v23-path-card>p{margin:0;color:#718398;font-size:11.5px;line-height:1.6}.w4r-v23-path-card.is-observed>p{color:#8da6bf}.w4r-v23-path-arrow{display:grid;place-items:center;color:#1768ff;font-size:26px;font-weight:400}.w4r-v23-observed-panel{display:grid;gap:8px;margin:23px 0 17px}.w4r-v23-observed-panel div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid rgba(139,181,228,.15);border-radius:11px;background:rgba(255,255,255,.04)}.w4r-v23-observed-panel span{color:#86a1bc;font-size:9px}.w4r-v23-observed-panel strong{color:#fff;font-size:10px;text-align:right}.w4r-v23-principle{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:18px;padding:15px 17px;border-radius:14px;background:#eef5ff}.w4r-v23-principle strong{color:#1768ff;font-size:10.5px}.w4r-v23-principle span{color:#4f6c87;font-size:10.5px;line-height:1.55}.w4r-v23-principle a{color:#1768ff;font-size:9.5px;font-weight:760;white-space:nowrap}
.w4r-v23-change-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:28px;align-items:stretch}.w4r-v23-change-visual{display:grid;place-items:center;margin:0;padding:22px;border:1px solid #dce5ef;border-radius:22px;background:#fff}.w4r-v23-change-visual img{display:block;width:min(100%,390px);height:auto}.w4r-v23-change-visual figcaption{margin-top:6px;color:#8292a3;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.w4r-v23-change-logic{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dce5ef;border-radius:22px;background:#fff}.w4r-v23-change-logic>div{padding:26px}.w4r-v23-change-logic>div+div{border-left:1px solid #e6edf4}.w4r-v23-change-logic span{display:block;color:#1768ff;font-size:8px;font-weight:850;letter-spacing:.1em}.w4r-v23-change-logic .stays span{color:#25895f}.w4r-v23-change-logic h3{margin:8px 0 18px;color:#1c3c59;font-size:18px}.w4r-v23-change-logic .chips{display:flex;gap:8px;flex-wrap:wrap}.w4r-v23-change-logic b{padding:8px 10px;border-radius:999px;background:#f3f7fb;color:#526c84;font-size:9px;font-weight:720}.w4r-v23-change-logic .stays b{background:#eff9f5;color:#438064}
.w4r-v23-execution{background:#07182e;color:#fff}.w4r-v23-execution .w4r-head h2{color:#fff}.w4r-v23-execution .w4r-head p{color:#98acc2}.w4r-v23-execution .w4r-kicker{color:#75aaff}.w4r-v23-execution .w4r-kicker:before{background:#75aaff}.w4r-v23-execution-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;padding:30px;border:1px solid rgba(145,183,228,.14);border-radius:24px;background:radial-gradient(circle at 78% 50%,rgba(50,122,230,.14),transparent 34%),rgba(255,255,255,.025)}.w4r-v23-exec-copy>span{color:#75aaff;font-size:8px;font-weight:850;letter-spacing:.1em}.w4r-v23-exec-copy h3{max-width:390px;margin:9px 0 11px;color:#fff;font-size:24px;line-height:1.18}.w4r-v23-exec-copy p{max-width:430px;margin:0;color:#9ab0c7;font-size:12px;line-height:1.65}.w4r-v23-exec-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.w4r-v23-exec-tags b{padding:7px 10px;border:1px solid rgba(134,180,236,.18);border-radius:999px;background:rgba(255,255,255,.04);color:#bdd2e9;font-size:8.5px}.w4r-v23-exec-copy small{display:block;margin-top:15px;color:#7692af;font-size:9.5px}.w4r-v23-exec-visual{margin:0;padding:14px;border-radius:20px;background:rgba(255,255,255,.96)}.w4r-v23-exec-visual img{display:block;width:100%;height:auto;border-radius:14px}
.w4r-v23-tools{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #dce6ef;border-radius:22px;background:#fff}.w4r-v23-tools>a{min-width:0;padding:20px;border-right:1px solid #e7edf3;color:inherit}.w4r-v23-tools>a:last-child{border-right:0}.w4r-v23-tool-top{display:flex;align-items:center;justify-content:space-between}.w4r-v23-tool-top span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf4ff;color:#1768ff;font-size:8px;font-weight:850}.w4r-v23-tool-top b{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #dce6ef;border-radius:999px;color:#5c758e;font-size:7.5px;letter-spacing:.07em}.w4r-v23-tool-top b:before{content:"";width:6px;height:6px;border-radius:50%;background:#21b77c}.w4r-v23-tool-art{display:grid;place-items:center;height:165px;margin:9px 0 12px;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f5f9ff)}.w4r-v23-tool-art img{display:block;max-width:100%;max-height:150px;width:auto;height:auto}.w4r-v23-tools strong{display:block;color:#1e405d;font-size:14px}.w4r-v23-tools p{min-height:52px;margin:7px 0 0;color:#74869a;font-size:10.5px;line-height:1.5}.w4r-v23-tools em{display:block;margin-top:13px;color:#1768ff;font-size:9.5px;font-style:normal;font-weight:760}.w4r-v23-current-route{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;width:max-content;max-width:100%;margin:22px auto 0;padding:11px 14px;border:1px solid #dce6ef;border-radius:13px;background:#fff;color:#536d86;font-size:9px}.w4r-v23-current-route>span{color:#70859a;font-size:8px;font-weight:850;letter-spacing:.08em}.w4r-v23-current-route b{display:inline-flex;align-items:center;gap:7px;color:#2e7d5c}.w4r-v23-current-route b i{width:7px;height:7px;border-radius:50%;background:#20b97c}.w4r-v23-current-route strong{padding-left:15px;border-left:1px solid #dfe7ef;color:#294963;font-size:9.5px}.w4r-v23-current-route a{padding-left:15px;border-left:1px solid #dfe7ef;color:#1768ff;font-weight:760}.w4r-v23-diagnostics .w4r-diagnostic-boundary{margin-top:16px}
.w4r-v23-boundary-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}.w4r-v23-boundary-layout>figure{margin:0;padding:18px;border:1px solid #dce6ef;border-radius:22px;background:#fff}.w4r-v23-boundary-layout>figure img{display:block;width:100%;height:auto}.w4r-v23-boundary-copy{display:grid;gap:10px}.w4r-v23-boundary-copy article{display:grid;grid-template-columns:34px 1fr;gap:13px;padding:16px;border:1px solid #e0e8f1;border-radius:15px;background:#fff}.w4r-v23-boundary-copy article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf4ff;color:#1768ff;font-size:8px;font-weight:850}.w4r-v23-boundary-copy strong{display:block;color:#23455f;font-size:12.5px}.w4r-v23-boundary-copy p{margin:5px 0 0;color:#718397;font-size:10.5px;line-height:1.55}.w4r-v23-boundary-copy>a{justify-self:start;margin-top:5px;color:#1768ff;font-size:10px;font-weight:760}
@media(max-width:1199px){.w4r-v23-hero-grid{grid-template-columns:1fr 1fr}.w4r-v23-hero-art img{width:108%;margin-left:-4%}.w4r-v23-path-grid{grid-template-columns:1fr 28px 1fr 28px 1fr}.w4r-v23-change-layout{grid-template-columns:.8fr 1.2fr}}
@media(max-width:991px){.w4r-v23-hero-grid{grid-template-columns:1fr}.w4r-v23-hero-art{max-width:820px}.w4r-v23-hero-art img{width:100%;margin-left:0}.w4r-v23-path-grid{grid-template-columns:1fr}.w4r-v23-path-arrow{height:42px;transform:rotate(90deg)}.w4r-v23-change-layout,.w4r-v23-execution-layout,.w4r-v23-boundary-layout{grid-template-columns:1fr}.w4r-v23-tools{grid-template-columns:1fr 1fr}.w4r-v23-tools>a:nth-child(2){border-right:0}.w4r-v23-tools>a{border-bottom:1px solid #e7edf3}.w4r-v23-tools>a:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:767px){.w4r-v23-hero-art figcaption{position:static;margin-top:5px;text-align:center}.w4r-v23-principle{grid-template-columns:1fr}.w4r-v23-principle a{white-space:normal}.w4r-v23-change-logic{grid-template-columns:1fr}.w4r-v23-change-logic>div+div{border-left:0;border-top:1px solid #e6edf4}.w4r-v23-execution-layout{padding:20px}.w4r-v23-tools{grid-template-columns:1fr}.w4r-v23-tools>a{border-right:0;border-bottom:1px solid #e7edf3!important}.w4r-v23-tools>a:last-child{border-bottom:0!important}.w4r-v23-tools p{min-height:0}.w4r-v23-current-route{justify-content:flex-start;width:100%}.w4r-v23-current-route strong,.w4r-v23-current-route a{padding-left:0;border-left:0}.w4r-v23-boundary-layout>figure{padding:10px}.w4r-v23-boundary-copy article{padding:14px}}