.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 .contact-input{width:100%;background:#000;border:1px solid var(--line);color:white;padding:0.8rem;border-radius:8px;outline:none;transition:all 0.3s;}
.route-content .contact-input:focus{border-color:#60a5fa;background:#000;}
.route-content select.contact-input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 0.75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;}
.route-content :not(pre)>code{background-color:rgba(59, 130, 246, 0.15);padding:0.15rem 0.4rem;border-radius:8px;font-size:0.85em;color:#93c5fd;border:1px solid rgba(59, 130, 246, 0.2);white-space:nowrap;}
.route-content .code-block{background-color:#000;border:1px solid var(--line);border-radius:8px;padding:1.25rem;font-family:"Courier New", Courier, monospace;font-size:0.875rem;color:#cbd5e1;overflow-x:auto;margin:1rem 0;position:relative;z-index:1;}
.route-content .code-block::before{content:"TERMINAL";display:block;font-size:0.6rem;color:#475569;margin-bottom:0.5rem;letter-spacing:0.1em;font-weight:700;border-bottom:1px solid var(--line);padding-bottom:0.25rem;}
.route-content .copy-button{position:absolute;top:0.75rem;right:0.75rem;background:#000;border:1px solid var(--line);color:#94a3b8;padding:0.35rem 0.65rem;border-radius:4px;font-size:0.7rem;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:0.3rem;opacity:0;}
.route-content .code-block:hover .copy-button{opacity:1;}
.route-content .toc-link.active{color:#fff;border-color:#3b82f6;transform:translateX(0.25rem);}