/* Loaded exclusively by web-applications.html. Shared geometry and entrance stay intact. */
html.web-applications{--bg:#090e0d;--blue:#8acbc0;--cyan:#c5ebe5;--muted:#a7b4b2;--line:#c9e5e01c;--ui-edge:#b5e3db30;--ui-ease:cubic-bezier(.22,1,.36,1);background:#090e0d}
.web-applications body,.web-applications .hero{background:#090e0d;color:#eef2f1}
.web-applications .hero:before{background:linear-gradient(90deg,#090e0dfa 0%,#090e0dc7 31%,#090e0d50 49%,#090e0d0d 69%,transparent 80%),linear-gradient(0deg,#090e0d,transparent 19%,transparent 87%,#090e0d99)}
.web-applications .intro-title .accent-line{color:#b5e6de;background:linear-gradient(110deg,#eef4f3,#a3ded4 52%,#c6d1cf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.web-applications .hero-copy{color:#b8c6c4}
.web-applications .hero .eyebrow{color:#adc7c3}
.web-applications .hero-proof>div{border-color:#a1d6cd3d}
.web-applications .hero-proof span{color:#9baaa8}
.web-applications .site-header{background:#101514ed;border-color:#bdd3cf2b}
.web-applications .site-header nav a{color:#bdcfcc}
.web-applications .site-header nav a:before{background:linear-gradient(165deg,#43655f55,#23312f55)}
.web-applications .site-header nav a:hover:before,.web-applications .site-header nav a:focus-visible:before{border-color:#9bd7cd5c}
.web-applications .site-header .header-cta,.web-applications .button.primary,.web-applications .site-header nav .mobile-contact{background:#216b61;border-color:#aad8d075;color:#fff;box-shadow:inset 0 1px 0 #ffffff18,0 4px 18px #20433d30}
.web-applications .site-header .header-cta:hover,.web-applications .button.primary:hover{background:#287b6f;box-shadow:0 8px 28px #3470663b}
.web-applications .button.primary:before{background:#287b6f}
.web-applications .header-cta span{color:#dcf5f1}
.web-applications .motion-toggle{background:#101918;color:#c8dbd8;border-color:#a0cdc63d}
.web-applications .motion-toggle:hover{background:#1a2d2a}
.web-applications .work-nav-toggle{color:#b6d6d1}
.web-applications .work-nav-toggle:hover,.web-applications .work-nav-toggle:focus-visible,.web-applications .work-nav-toggle[aria-expanded="true"]{background:#21322f;border-color:#a1ddd366;color:#eafaf7}
.web-applications .site-header nav .work-submenu{background:#111918;border-color:#a0cfc73d}
.web-applications .site-header nav .work-submenu a[aria-current="page"]{color:#c4fff5}
.web-applications .work-submenu a span{color:#addfd7}
.web-applications .site-header nav .services-nav .work-submenu{min-width:20rem}
.web-applications .menu-button{background:#1b2b28;border-color:#92cec447}
.web-applications .site-header.open .menu-button,.web-applications .menu-button:hover{background:#253f3b;border-color:#a5e0d680;box-shadow:0 0 0 4px #70b5aa14}
.web-applications .menu-button:before{background:radial-gradient(circle,#9ad4ca38,transparent 68%)}
.web-applications .cursor-ring{border-color:#a8dfd688;background:#8bc5bb0a}
.web-applications .cursor-dot{background:#d0faf3}
.web-applications.gravity-charging .cursor-ring{border-color:#d4fff8;background:#97ded220}
.web-applications :focus-visible{outline-color:#b8f7ed}
.web-applications .text-link{color:#c9e9e4}
.web-applications .text-link:hover{text-decoration-color:#a0d4cb80}
.web-applications .web-applications-content{padding-top:0;max-width:none;padding-inline:clamp(24px,8vw,130px);scroll-margin-top:10rem}
.web-applications .breadcrumbs{padding-top:1.5rem;color:#a0b8b4}
.web-applications .breadcrumbs a{color:#b4d9d3}
.web-applications .web-applications-opening{border-top:0;padding-top:2rem}
.web-applications .detail-page h2{max-width:56rem;font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.2}
.web-applications .detail-page h2>span{color:#a3c7c1}
.web-applications .detail-section p,.web-applications .detail-panel li,.web-applications .detail-cta>p:not(.section-label){color:#adbdba}
.web-applications .detail-section .section-label,.web-applications .detail-cta .section-label{color:#a6d2cb}
.web-applications .detail-card,.web-applications .detail-panel{border-color:#a7cac430;background:linear-gradient(145deg,#1a292780,#0e1615)}
.web-applications .detail-number{color:#a2d6cd;font-size:.8125rem;letter-spacing:.12em}
.web-applications .detail-panel li::marker,.web-applications .detail-faq summary::marker{color:#a2d6cd}
.web-applications .detail-faq summary{color:#ddebe9}
.web-applications .detail-faq a{color:#baede4;text-underline-offset:.25em}
.web-applications .budget-panel{background:radial-gradient(ellipse at 95% 0%,#55948a25,transparent 70%),#111918}
.web-applications .web-applications-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:3rem;border-top:1px solid var(--line)}
.web-applications .web-applications-steps article{padding:2rem 1.5rem;border-right:1px solid var(--line)}
.web-applications .web-applications-steps article:first-child{padding-left:0}
.web-applications .web-applications-steps article:last-child{border-right:0}
.web-applications .web-applications-steps p{margin-bottom:0;font-size:1rem}
.web-applications .related-link{color:#d7e9e6;background:#111c1a}
.web-applications .related-link:hover{background:#1b2f2c;border-color:#a0cac370}
.web-applications .detail-cta{background:radial-gradient(ellipse at 50% 100%,#528f8535,transparent 75%),#0d1615;border-color:#a7cac430}
.web-applications .detail-cta h2{margin-inline:auto}
.web-applications footer p,.web-applications footer small{color:#93a8a5}
.web-applications footer a{color:#b0c9c5}
.web-applications footer a:hover{color:#e3f7f4}
@media(max-width:1100px){
  .web-applications .site-header nav,.web-applications .site-header.open nav{background:#111918f7;border-color:#a0cfc73d}
  .web-applications .site-header nav .services-nav .work-submenu{min-width:0}
  .web-applications .site-header nav .work-submenu{background:#162523}
  .web-applications .web-applications-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .web-applications .web-applications-steps article{padding:2rem 1.5rem;border-bottom:1px solid var(--line)}
  .web-applications .web-applications-steps article:nth-child(odd){padding-left:0}
  .web-applications .web-applications-steps article:nth-child(even){border-right:0}
}
@media(max-width:760px){
  .web-applications .hero:before{background:linear-gradient(0deg,#090e0d 0%,#090e0d 50%,#090e0d00 75%,#090e0d00 90%,#090e0d99)}
  .web-applications .web-applications-content{padding-top:0;padding-inline:1.5rem}
  .web-applications .web-applications-steps{grid-template-columns:1fr;margin-top:2rem}
  .web-applications .web-applications-steps article{border-right:0;padding:1.5rem 0}
  .web-applications .detail-page h2{font-size:clamp(1.875rem,7vw,2.625rem)}
}