.reference-route .technology-page{color:#eef5ff;background:#050c19;overflow:hidden}.reference-route .technology-page *{box-sizing:border-box}.reference-route .technology-page .tech-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.reference-route .technology-page .tech-hero{position:relative;isolation:isolate;overflow:hidden;padding:125px 0 100px;background:radial-gradient(ellipse at 75% 30%,rgba(0,144,204,.18),transparent 45%),linear-gradient(145deg,#081526,#050c19 70%)}.reference-route .technology-page .tech-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(110,187,221,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,187,221,.08) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%,transparent);mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}.reference-route .technology-page .tech-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:52px;padding:6px;border:1px solid rgba(123,199,229,.2);border-radius:12px;background:#0c1c2dcc;color:#a9bfd0;font-size:.8rem}.reference-route .technology-page .tech-breadcrumb a{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:8px;color:inherit;text-decoration:none;transition:background var(--motion-hover,.2s),color var(--motion-hover,.2s)}.reference-route .technology-page .tech-breadcrumb a:hover{color:#d9f9ff;background:#00aeef1f}.reference-route .technology-page .tech-breadcrumb-divider{flex:none;color:#5e8398}.reference-route .technology-page .tech-breadcrumb [aria-current=page]{padding:8px 10px;border-radius:8px;background:#00aeef1f;color:#a2edfa;font-weight:700;overflow-wrap:anywhere}.reference-route .technology-page .tech-hero-copy{max-width:910px;animation:tech-enter .6s var(--motion-ease,ease-out) both}.reference-route .technology-page .tech-eyebrow{display:inline-block;color:#6ddbf5;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.reference-route .technology-page h1{max-width:980px;margin:20px 0 24px;font-size:clamp(2.7rem,5.5vw,5.1rem);font-weight:800;line-height:1.04;letter-spacing:-.055em;color:#f5f8ff}.reference-route .technology-page .tech-hero p{max-width:720px;color:#b6c7d9;font-size:clamp(1rem,1.45vw,1.15rem);line-height:1.8}.reference-route .technology-page .tech-hero-categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.reference-route .technology-page .tech-hero-categories a{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid rgba(116,195,226,.25);border-radius:999px;color:#cae6f5;background:#13304566;text-decoration:none;font-size:.78rem;transition:border-color var(--motion-hover,.2s),background var(--motion-hover,.2s)}.reference-route .technology-page .tech-hero-categories a:hover{border-color:#69d9f5;background:#00aeef26}.reference-route .technology-page .tech-section{padding-block:90px}.reference-route .technology-page .tech-section-heading{max-width:700px;margin-bottom:30px}.reference-route .technology-page h2{margin:14px 0;font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em;color:#f4f8ff}.reference-route .technology-page .tech-section-heading p,.reference-route .technology-page .tech-integration p,.reference-route .technology-page .tech-cta p,.reference-route .technology-page .tech-detail-about p{color:#adbed0;line-height:1.75}.reference-route .technology-page .tech-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.reference-route .technology-page .tech-tabs button{min-height:42px;padding:9px 15px;border:1px solid rgba(128,164,198,.2);border-radius:10px;background:#0c1727;color:#afc0d2;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:background var(--motion-hover,.2s),border-color var(--motion-hover,.2s),color var(--motion-hover,.2s)}.reference-route .technology-page .tech-tabs button[aria-selected=true]{color:#dffaff;border-color:#57cbe9;background:#00aeef24}.reference-route .technology-page .tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;animation:tech-enter .45s var(--motion-ease,ease-out) both}.reference-route .technology-page .tech-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid rgba(119,169,201,.16);border-radius:20px;background:linear-gradient(145deg,#101d30,#0a1423);color:inherit;text-decoration:none;transition:transform var(--motion-hover,.2s),border-color var(--motion-hover,.2s),box-shadow var(--motion-hover,.2s),background var(--motion-hover,.2s)}.reference-route .technology-page .tech-card:hover,.reference-route .technology-page .tech-card:focus-visible{transform:translateY(-5px);border-color:#67daf4cc;background:linear-gradient(145deg,#13263d,#0b1728);box-shadow:0 18px 42px #00000047,0 0 30px #00aeef33,inset 0 0 24px #56d6f20d;outline:none}.reference-route .technology-page .tech-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.reference-route .technology-page .tech-card-top>span{padding-top:8px;color:#77cfe9;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.reference-route .technology-page .tech-card h3{margin:18px 0 10px;color:#f2f7ff;font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.025em}.reference-route .technology-page .tech-card p{max-width:460px;color:#adbed0;font-size:.9rem;line-height:1.7}.reference-route .technology-page .tech-visual{display:grid;place-items:center;flex:none;width:140px;height:84px;border:1px solid rgba(113,203,236,.17);border-radius:12px;background:radial-gradient(ellipse at 50% 50%,rgba(0,174,239,.13),transparent 75%),#101f31;color:#6ccee9}.reference-route .technology-page .tech-visual svg{width:100%;height:100%;padding:5px}.reference-route .technology-page .tech-card--customer .tech-visual{color:#91c9ee}.reference-route .technology-page .tech-card--content .tech-visual{color:#9cbdf2}.reference-route .technology-page .tech-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0;padding:0;list-style:none}.reference-route .technology-page .tech-tags li{padding:5px 8px;border:1px solid rgba(108,190,220,.16);border-radius:6px;color:#bbd3df;font-size:.68rem}.reference-route .technology-page .tech-card-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:auto;padding:9px 13px;border:1px solid rgba(117,221,246,.35);border-radius:8px;color:#8be7fa;background:#00aeef14;font-size:.82rem;font-weight:750;transition:background var(--motion-hover,.2s),border-color var(--motion-hover,.2s),box-shadow var(--motion-hover,.2s),color var(--motion-hover,.2s)}.reference-route .technology-page .tech-card-link svg{transition:transform var(--motion-hover,.2s)}.reference-route .technology-page .tech-card:hover .tech-card-link,.reference-route .technology-page .tech-card:focus-visible .tech-card-link{border-color:#75ddf6;color:#e4fbff;background:#00aeef2e;box-shadow:0 0 16px #00aeef33}.reference-route .technology-page .tech-card:hover .tech-card-link svg,.reference-route .technology-page .tech-card:focus-visible .tech-card-link svg{transform:translate(3px,-3px)}.reference-route .technology-page .tech-flow-section{background:linear-gradient(180deg,#081424,#08101d);border-block:1px solid rgba(120,180,210,.1)}.reference-route .technology-page .tech-flow{display:flex;align-items:stretch;gap:10px}.reference-route .technology-page .tech-flow>div{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0;padding:23px;border:1px solid rgba(112,185,218,.2);border-radius:15px;background:#101f31}.reference-route .technology-page .tech-flow>div span{color:#68d3ed;font-size:.7rem}.reference-route .technology-page .tech-flow>div strong{font-size:.75rem;line-height:1.45;letter-spacing:.04em}.reference-route .technology-page .tech-flow>i{align-self:center;flex:0 0 30px;height:1px;background:linear-gradient(90deg,#1c5f88,#80e6fa)}.reference-route .technology-page .tech-integration{max-width:780px;margin-bottom:70px}.reference-route .technology-page .tech-cta{padding:clamp(28px,5vw,60px);border:1px solid rgba(104,198,230,.25);border-radius:24px;background:radial-gradient(ellipse at 90% 0,rgba(0,174,239,.15),transparent 55%),#101d30}.reference-route .technology-page .tech-cta h2{max-width:850px}.reference-route .technology-page .tech-cta p{max-width:700px}.reference-route .technology-page .tech-cta>a{display:inline-flex;align-items:center;gap:12px;margin-top:25px;padding:14px 20px;border-radius:10px;color:#061520;background:#7fdbf5;text-decoration:none;font-weight:750}.reference-route .technology-page .tech-cta>a:hover{background:#b5effc}.reference-route .technology-page .tech-cta>a svg{transition:transform var(--motion-hover,.2s)}.reference-route .technology-page .tech-cta>a:hover svg{transform:translate(4px)}.reference-route .technology-page .tech-detail .tech-hero{padding-bottom:80px}.reference-route .technology-page .tech-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:50px;align-items:center}.reference-route .technology-page .tech-detail-grid .tech-visual{width:100%;height:210px;border-radius:22px}.reference-route .technology-page .tech-detail-grid .tech-visual svg{max-width:260px}.reference-route .technology-page .tech-detail .tech-availability{margin-top:18px;color:#8bcadd;font-size:.86rem}.reference-route .technology-page .tech-detail-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0}.reference-route .technology-page .tech-detail-panel{padding:28px;border:1px solid rgba(128,180,210,.2);border-radius:18px;background:#0d1a2b}.reference-route .technology-page .tech-detail-panel h2{font-size:1.35rem}.reference-route .technology-page .tech-detail-panel ul{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none}.reference-route .technology-page .tech-detail-panel li{display:flex;gap:10px;color:#c3d4e1}.reference-route .technology-page .tech-detail-panel svg{color:#72d9f5;flex:none}.reference-route .technology-page .tech-related{display:inline-flex;gap:8px;margin:0 0 38px;color:#75ddf6;text-decoration:none}.reference-route .technology-page :is(a,button):focus-visible{outline:2px solid #7de7ff;outline-offset:4px}@keyframes tech-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reference-route .technology-page .tech-flow>i{position:relative}.reference-route .technology-page .tech-flow>i:after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#a2edff;animation:tech-flow-pulse 3s ease-in-out 2}@keyframes tech-flow-pulse{0%{transform:translate(0);opacity:0}25%{opacity:.8}to{transform:translate(25px);opacity:0}}@media(max-width:800px){.reference-route .technology-page .tech-detail-grid{grid-template-columns:1fr;gap:30px}.reference-route .technology-page .tech-detail-grid .tech-visual{max-width:420px}.reference-route .technology-page .tech-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-route .technology-page .tech-flow>i{display:none}.reference-route .technology-page .tech-hero{padding-top:110px}}@media(max-width:600px){.reference-route .technology-page .tech-container{width:calc(100% - 32px)}.reference-route .technology-page .tech-hero{padding:100px 0 70px}.reference-route .technology-page .tech-breadcrumb{margin-bottom:40px}.reference-route .technology-page h1{font-size:clamp(2.35rem,9vw,3.2rem);overflow-wrap:anywhere}.reference-route .technology-page .tech-section{padding-block:65px}.reference-route .technology-page .tech-grid,.reference-route .technology-page .tech-detail-columns{grid-template-columns:1fr}.reference-route .technology-page .tech-card{padding:22px}.reference-route .technology-page .tech-visual{width:112px;height:72px}.reference-route .technology-page .tech-flow{grid-template-columns:1fr}.reference-route .technology-page .tech-flow>div{gap:8px}.reference-route .technology-page .tech-integration{margin-bottom:45px}}@media(prefers-reduced-motion:reduce){.reference-route .technology-page *,.reference-route .technology-page *:before,.reference-route .technology-page *:after{animation:none!important;transition:none!important}.reference-route .technology-page .tech-card:hover,.reference-route .technology-page .tech-card:focus-within{transform:none}}
