.route-content{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:95%;max-width:80rem;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:300;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);}
.route-content .iv-trigger{display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:none;border:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;}
.route-content .iv-trigger.active{color:#fff;}
.route-content .iv-trigger.active::after{width:100%;}
.route-content .iv-mega{position:absolute;top:calc(100% + 14px);left:0;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;z-index:60;}
.route-content .iv-mega.open{opacity:1;pointer-events:auto;transform:translateY(0);}
.route-content .iv-panel{display:none;}
.route-content .iv-panel.active{display:block;}
.route-content .iv-mlink{display:block;padding:8px 12px;border-radius:8px;transition:background .15s ease;}
.route-content .iv-mlink:hover{background:#000;}
.route-content .iv-mt{display:block;font-size:13px;color:#e8eef9;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.25;}
.route-content .iv-md{display:block;font-size:11px;color:#94a3b8;text-transform:none;letter-spacing:0;margin-top:1px;line-height:1.3;}
.route-content .iv-lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#64748b;font-weight:600;padding:12px 12px 6px;}
.route-content .iv-all{display:inline-block;margin:8px 12px 4px;color:#7dd3fc;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;}
.route-content .iv-all:hover{color:#bae6fd;}
.route-content .iv-flbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#64748b;font-weight:600;margin-bottom:14px;}
.route-content .iv-flink{display:block;color:#94a3b8;font-size:13px;padding:4px 0;transition:color .15s ease;text-transform:none;letter-spacing:0;}
.route-content .iv-flink:hover{color:#fff;}
.route-content footer.w-full{background-color:#000!important;}
.route-content .nav-item{font-weight:300!important;letter-spacing:.05em!important;}
.route-content .iv-mega{transform:translateY(10px) scale(.985);transition:opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1);}
.route-content .iv-mega.open{transform:translateY(0) scale(1);}
.route-content .iv-trigger>svg,.route-content .iv-trigger>i{transition:transform .26s cubic-bezier(.22,1,.36,1);}
.route-content .iv-trigger.active>svg,.route-content .iv-trigger.active>i{transform:rotate(180deg);}
.route-content .iv-mlink{transition:background .16s ease;}
.route-content .iv-mlink:hover .iv-mt{color:#fff;}
.route-content .iv-panel.active .iv-mlink{opacity:0;animation-delay:calc(var(--iv-i,0) * .02s);}
@keyframes ivMenuItem{from{opacity:0;transform:translateY(8px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media  (prefers-reduced-motion:reduce){.route-content .iv-mega,.route-content .iv-mega.open,.route-content .iv-trigger>svg,.route-content .iv-trigger>i,.route-content .iv-panel.active .iv-mlink{transition:none!important;transform:none!important;opacity:1!important;}}