/* GDB v4.7.4 — fixed midnight-blue visual identity; no theme selector. */
:root{color-scheme:dark;--bg:#060a13;--bg2:#090f1e;--blue:#478eff;--cyan:#43dbfa;--violet:#a37cfa;--mint:#68e4bc}
.gdb-v474{isolation:isolate}
.v474-routing{position:relative;margin-top:34px;margin-bottom:64px;overflow:hidden;border-radius:32px;border:1px solid rgba(104,159,255,.25);background:linear-gradient(132deg,#081325 0%,#101936 43%,#090f21 100%);padding:clamp(22px,4.8vw,57px);box-shadow:0 38px 110px #0006, inset 0 1px #ffffff12}
.v474-routing:before{content:'';position:absolute;inset:-30% -18% auto auto;width:650px;height:550px;pointer-events:none;background:radial-gradient(ellipse,#236be53a 0%,#5136ac15 40%,transparent 70%);filter:blur(16px)}
.v474-routing:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(90deg,#9cb8ee14 1px,transparent 1px),linear-gradient(#9cb8ee14 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(120deg,transparent,#000 70%,transparent)}
.v474-routing-head{display:flex;justify-content:space-between;gap:36px;align-items:end;position:relative;z-index:1}.v474-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.18em;font-weight:900;color:#72dffa}.v474-signal{width:8px;height:8px;display:inline-block;background:#7bebb9;box-shadow:0 0 16px #5bf2be;border-radius:100%}.v474-routing h2{font-size:clamp(2.25rem,4vw,4.35rem);line-height:1.08;letter-spacing:-.065em;margin:20px 0 15px;max-width:760px}.v474-routing h2 span{color:#87dfff}.v474-routing-head p{max-width:410px;color:#a9bedc;font-size:14px;line-height:1.8;margin:0 0 8px}
.v474-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 84px 1.34fr;align-items:center;gap:0;margin-top:40px}
.v474-controller{min-height:265px;background:linear-gradient(155deg,#182a48,#0a1529);border:1px solid #5c83b355;border-radius:23px;padding:24px;box-shadow:0 15px 38px #0005, inset 0 1px #ffffff1b;display:flex;flex-direction:column;justify-content:center;gap:12px}.v474-controller .v474-controller-top{display:flex;gap:8px;align-items:center;color:#a0bad9;letter-spacing:.13em;font-size:9px;font-weight:850}.v474-controller .v474-controller-icon{display:grid;place-items:center;background:linear-gradient(145deg,#227beb,#1a4ab3);box-shadow:0 0 37px #357efd55;border-radius:18px;width:64px;height:64px;font-size:30px;margin:12px 0 6px}.v474-controller strong{font-size:clamp(18px,2vw,25px);letter-spacing:-.035em}.v474-controller code{color:#87deff;font-size:13px}.v474-controller small{color:#8ba7ca;font-size:11px;line-height:1.6}
.v474-connect{position:relative;height:230px;display:grid;place-items:center}.v474-connect:before{content:'';position:absolute;inset:50% 0 auto;border-top:2px dashed #4fa7ed99}.v474-connect:after{content:'';height:70%;position:absolute;right:0;border-right:2px dashed #4fa7ed99}.v474-connect i{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#193658;border:1px solid #64b6ff82;box-shadow:0 0 30px #2a85f95a;color:#a0e6ff;font-size:17px;font-style:normal}
.v474-lanes{display:grid;gap:11px}.v474-lane{position:relative;display:flex;align-items:center;gap:14px;min-height:86px;border:1px solid #597eb044;border-radius:16px;background:linear-gradient(97deg,#142640ed,#0c1831ee);padding:14px 20px;box-shadow:inset 0 1px #ffffff0c;transition:transform .22s,border .22s}.v474-lane:hover{transform:translateX(5px);border-color:#78bafc77}.v474-lane:before{content:'';position:absolute;left:-84px;top:50%;width:84px;border-top:1px dashed #4fa7ed77}.v474-lane-icon{width:47px;height:47px;border-radius:13px;display:grid;place-items:center;flex:none;font-size:21px;background:#2552a436;border:1px solid #4f99eb44}.v474-lane[data-color="pink"] .v474-lane-icon{background:#9b3b9933;border-color:#d06ae355}.v474-lane[data-color="red"] .v474-lane-icon{background:#ad334933;border-color:#ef6e7c55}.v474-lane[data-color="mint"] .v474-lane-icon{background:#187c6b33;border-color:#57e6b055}.v474-lane-label{min-width:0;flex:1}.v474-lane-label small{display:block;color:#91aacc;font-size:10px;letter-spacing:.06em;font-weight:800}.v474-lane-label strong{display:block;font-size:16px;letter-spacing:-.025em}.v474-lane-route{flex:none;font-size:10px;color:#79dbbd;letter-spacing:.04em;font-weight:850}.v474-routing-foot{position:relative;z-index:1;display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff15;color:#92b0d1;font-size:12px}.v474-routing-foot a{display:inline-flex;gap:8px;align-items:center;color:#90dfff;font-weight:800;border-bottom:1px solid #7ccfff88;padding-bottom:2px}.v474-routing-foot a:hover{color:white}
.v474-showcase{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:65px}.v474-showcase-card{position:relative;overflow:hidden;min-height:315px;background:linear-gradient(145deg,#11203a,#0b1326);border:1px solid #ffffff18;border-radius:24px;padding:30px;box-shadow:0 18px 42px #0003}.v474-showcase-card:after{content:'';position:absolute;width:220px;height:200px;right:-55px;bottom:-70px;border-radius:50%;background:#3689fa33;filter:blur(65px);pointer-events:none}.v474-showcase-card.pink:after{background:#b566fa35}.v474-showcase-index{color:#7ccefc;font-size:10px;letter-spacing:.16em;font-weight:900}.v474-showcase-card h3{font-size:25px;margin:14px 0 8px;max-width:370px}.v474-showcase-card p{font-size:13px;max-width:440px;line-height:1.75}.v474-showcase-terminal{display:flex;align-items:center;gap:10px;margin-top:23px;border:1px solid #5f7bb13d;border-radius:11px;background:#070f20;padding:14px 16px;box-shadow:0 12px 30px #0005}.v474-showcase-terminal span{color:#7ce9c8;font-size:13px}.v474-showcase-terminal code{font-size:12px;overflow-wrap:anywhere;color:#c6e9ff}.v474-steps{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:18px}.v474-steps span{border:1px solid #ffffff15;border-radius:8px;padding:7px 9px;font-size:10px;color:#a0b7d3;background:#ffffff08}
@media(max-width:980px){.v474-flow{grid-template-columns:1fr 52px 1.35fr}.v474-lane:before{left:-52px;width:52px}.v474-routing-head{display:block}.v474-routing-head p{max-width:750px}.v474-lane-route{display:none}}
@media(max-width:700px){.v474-routing{border-radius:23px}.v474-flow{grid-template-columns:1fr;gap:18px}.v474-connect{height:34px}.v474-connect:before{inset:0 auto 0 50%;border-top:0;border-left:2px dashed #4fa7ed99}.v474-connect:after,.v474-lane:before{display:none}.v474-controller{min-height:230px}.v474-showcase{grid-template-columns:1fr}.v474-lane-route{display:block}.v474-lane{padding:12px 13px}.v474-lane-label strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.v474-lane{transition:none}}