.route-page{background:#02050a;color:#edf0f3}.route-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 12%,#18304e42,transparent 30%);z-index:-1}.route-hero{min-height:68vh;padding:150px 6vw 90px;display:flex;flex-direction:column;justify-content:end;border-bottom:1px solid #1b2633;background:radial-gradient(circle at 78% 38%,#12233a,#02050a 48%)}.route-hero .label{color:#98bce7;font-size:11px;letter-spacing:.2em}.route-hero h1{max-width:1050px;margin:22px 0;font-size:clamp(58px,8vw,126px);font-weight:300;line-height:.86;letter-spacing:-.065em}.route-hero>p:last-child{max-width:700px;color:#8b95a2;font-size:18px}.route-content{padding:90px 6vw 120px}.route-intro{max-width:780px;margin-bottom:75px}.route-intro h2,.route-section h2{font-size:clamp(30px,4vw,58px);font-weight:300;letter-spacing:-.045em;line-height:1}.route-intro p,.route-section p{color:#8c96a3;line-height:1.8}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.route-card{min-height:370px;padding:32px;border:1px solid #283646;border-radius:6px;background:linear-gradient(145deg,#08111d,#03070c);display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.route-card:hover{transform:translateY(-6px);border-color:#6288b5;box-shadow:0 28px 60px #0008}.route-card small{color:#91b9ea;font-size:9px;letter-spacing:.14em}.route-card h2,.route-card h3{font:400 31px Georgia,serif;margin:22px 0 14px}.route-card p,.route-card li{color:#7e8996;font-size:13px;line-height:1.7}.route-card ul{padding-left:18px}.route-card .project-inquiry,.route-card>a{margin-top:auto;align-self:flex-start}.route-button,.project-inquiry{display:inline-block;padding:15px 22px;border:1px solid #496580;border-radius:4px;background:#06101c;color:#fff;font-size:10px;letter-spacing:.04em}.route-section{padding:75px 0;border-top:1px solid #1b2633}.route-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.route-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.route-list span{padding:18px;border:1px solid #253343;color:#b0b7c0;font-size:12px}.route-cta{margin-top:80px;padding:65px;border:1px solid #2c3c4f;background:radial-gradient(circle at 80%,#18304e,#050a11 55%);display:flex;justify-content:space-between;align-items:center;gap:30px}.route-cta h2{margin:0;font-size:clamp(32px,4vw,60px);font-weight:300}.work-card{grid-column:span 1}.work-preview{height:300px;margin:-32px -32px 28px;overflow:hidden;border-bottom:1px solid #283646;background:#050505}.work-preview iframe{width:100%;height:100%;border:0;pointer-events:none}.work-tech{margin:15px 0;color:#91a8c2!important}.lab-console{min-height:430px;padding:36px;border:1px solid #2b3d51;background:linear-gradient(145deg,#081421,#03070c)}.lab-flow{display:flex;align-items:center;justify-content:center;gap:18px;margin:70px 0;flex-wrap:wrap}.lab-node{padding:20px 26px;border:1px solid #476788;border-radius:5px;background:#07111d;box-shadow:0 0 25px #5e9ce41a}.lab-node.active{border-color:#9bc7ff;box-shadow:0 0 35px #6eaeff55}.lab-flow i{color:#7098c7}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-card{padding:35px;border:1px solid #293746;min-height:230px}.contact-card a{color:#a9cfff}.route-page body>footer{margin-top:0}.route-page.is-leaving{opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s}@media(max-width:900px){.route-grid{grid-template-columns:1fr 1fr}.route-split{grid-template-columns:1fr}.route-hero{min-height:60vh}.route-cta{padding:42px}}@media(max-width:600px){.route-hero{min-height:520px;padding:110px 20px 55px}.route-hero h1{font-size:52px}.route-hero>p:last-child{font-size:14px}.route-content{padding:60px 20px 80px}.route-grid,.contact-grid{grid-template-columns:1fr}.route-list{grid-template-columns:1fr}.route-card{min-height:330px}.route-cta{padding:30px;display:block}.route-cta .project-inquiry{margin-top:25px}.work-preview{height:260px}}
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap');
.route-page>footer{grid-template-columns:1.5fr repeat(3,1fr)}@media(max-width:900px){.route-page>footer{grid-template-columns:1.5fr 1fr 1fr}.route-page>footer>div:last-child{grid-column:2/4}}@media(max-width:600px){.route-page>footer{grid-template-columns:1fr 1fr}.route-page>footer>div:last-child{grid-column:auto}}
