.route-content 400;600;700&display=swap"[bad string]


body{background-color:#000;color:#f1f5f9;font-weight:300;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;}
.route-content .acrylic-frame{background-color:#000;border:1px solid var(--line);transition:transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;transform:translate3d(0, 0, 0);}
.route-content .acrylic-frame:hover{transform:translateY(-4px) translate3d(0, 0, 0);background-color:#000;border-color:rgba(46, 144, 240, 0.5);}
.route-content nav{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%) translateY(0) scaleX(1);transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease, top 0.6s ease;z-index:50;width:min(99%, 110rem);max-width:110rem;transform-origin:top center;}
.route-content nav.nav-hidden{transform:translateX(-50%) translateY(-200%) scaleX(0.8) scaleY(0.8);opacity:0;pointer-events:none;}
.route-content #mobile-dropdown{transform:scaleY(0);transform-origin:top center;opacity:0;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;pointer-events:none;max-height:75vh;overflow-y:auto;overscroll-behavior:contain;}
.route-content #mobile-dropdown.open{transform:scaleY(1);opacity:1;pointer-events:all;}
.route-content .text-gradient{background:#000;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;}
.route-content .nav-item{position:relative;font-weight:400;letter-spacing:0.05em;transition:color 0.3s ease;white-space:nowrap;}
.route-content .nav-item::after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:transparent;transition:width 0.3s ease;}
.route-content .nav-item:hover{color:#fff;}
.route-content .nav-item:hover::after{width:100%;}
.route-content .reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease, transform 0.8s ease;}
.route-content .reveal.visible{opacity:1;transform:translateY(0);}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.route-content .animate-on-load{opacity:0;}
.route-content .delay-100{animation-delay:100ms;}
.route-content .delay-200{animation-delay:200ms;}
.route-content .delay-300{animation-delay:300ms;}
.route-content .delay-400{animation-delay:400ms;}
.route-content .glass-card{position:relative;overflow:hidden;background:#000;border:1px solid var(--line);border-radius:8px;transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;transform:translate3d(0, 0, 0);}
.route-content .glass-card::before{content:"";position:absolute;inset:0;background:none;pointer-events:none;}
.route-content .glass-card:hover{transform:translateY(-4px) translate3d(0, 0, 0);background:#000;border-color:var(--line);}
.route-content .section-kicker{display:inline-block;padding:0.25rem 1rem;border-radius:8px;background:rgba(59, 130, 246, 0.1);border:1px solid rgba(59, 130, 246, 0.25);color:#60a5fa;font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;}
.route-content .signal-line{display:inline-flex;align-items:center;gap:0.65rem;padding:0.55rem 0.9rem;border-radius:8px;border:1px solid rgba(96, 165, 250, 0.2);background:rgba(59, 130, 246, 0.08);color:#dbeafe;font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;}
.route-content .signal-dot{width:0.55rem;height:0.55rem;border-radius:8px;background:#60a5fa;}
.route-content .code-panel{background:#000;border:1px solid rgba(148, 163, 184, 0.16);border-radius:8px;overflow:hidden;}
.route-content .code-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.95rem 1.1rem;border-bottom:1px solid rgba(148, 163, 184, 0.12);background:#000;}
.route-content .code-dots{display:inline-flex;gap:0.45rem;}
.route-content .code-dots span{width:0.65rem;height:0.65rem;border-radius:8px;display:block;}
.route-content .code-dots span:nth-child(1){background:#f87171;}
.route-content .code-dots span:nth-child(2){background:#fbbf24;}
.route-content .code-dots span:nth-child(3){background:#34d399;}
.route-content .code-panel pre{margin:0;padding:1.15rem;overflow-x:auto;color:#e2e8f0;font-size:0.84rem;line-height:1.7;}
.route-content .evidence-grid{display:grid;gap:1.5rem;}
@media  (min-width: 1024px) {.route-content .evidence-grid{grid-template-columns:minmax(0, 1fr);}}
.route-content .evidence-list{display:grid;gap:0.9rem;}
.route-content .evidence-row{display:grid;gap:0.9rem;align-items:start;padding:1rem 1.1rem;border-radius:8px;border:1px solid var(--line);background:#000;}
@media  (min-width: 768px) {.route-content .evidence-row{grid-template-columns:160px 1fr;}}
.route-content .evidence-key{color:#93c5fd;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;}
.route-content .metric-grid{display:grid;gap:1rem;}
@media  (min-width: 768px) {.route-content .metric-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}}
.route-content .metric-card{padding:1.15rem;border-radius:8px;border:1px solid var(--line);background:#000;}
.route-content .flow-grid{display:grid;gap:1.75rem;}
@media  (min-width: 1200px) {.route-content .flow-grid{grid-template-columns:minmax(0, 1.15fr) minmax(340px, 0.85fr);}}