:root{--muted:#9dafc5;--FH:'Outfit',sans-serif;--rim:rgba(255,255,255,.12)}
:focus-visible{outline:2px solid #72f5d1!important;outline-offset:5px}h1,h2{letter-spacing:-.04em}.nav-links>li>a{padding:0 .65rem}.nav-links>li:focus-within>.drop{opacity:1;pointer-events:auto;transform:none}.drop{visibility:hidden;max-height:calc(100dvh - 80px);overflow:auto}.nav-links>li:hover>.drop,.nav-links>li:focus-within>.drop,.nav-links>li.open>.drop{visibility:visible}.menu-group{padding:.75rem 1.15rem .2rem;font-size:.72rem;color:#70e8cf;letter-spacing:.025em}.solutions-menu{min-width:290px}.solutions-menu li a{padding-top:.35rem;padding-bottom:.35rem}.studio-hero{background:radial-gradient(ellipse at 90% 25%,#16434e 0,transparent 60%),#091624;padding:6rem 0}.studio-hero h1{font-size:clamp(2.7rem,5.8vw,5.3rem);max-width:1000px}.studio-hero h1 span{color:#80eed1}.studio-lead{max-width:750px;font-size:1.15rem;margin:1.6rem 0 2rem}.studio-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:2.5rem}.studio-grid h3{margin-bottom:.7rem}.card-index{display:block;color:#64d9c2;font-size:.8rem;margin-bottom:2rem}.portfolio-card{min-height:175px}.source-note{font-size:.8rem;margin-top:2rem}.source-note a{text-decoration:underline}.commerce-carousel{background:radial-gradient(ellipse at 85% 15%,#183e46 0,transparent 58%),#07121e;padding:0;overflow:hidden}.commerce-slide{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:20px;min-height:590px;padding:60px 0 35px}.commerce-slide[hidden]{display:none!important}.slide-copy h1,.slide-copy h2{font-size:clamp(2.8rem,4.5vw,4.65rem);line-height:1.04;font-weight:600;letter-spacing:-.055em;margin:20px 0 25px}.slide-copy h1 span,.slide-copy h2 span{color:#83eed2}.slide-copy p{font-size:1.05rem;max-width:610px;line-height:1.8}.commerce-art{height:400px;position:relative;display:grid;place-items:center;perspective:700px}.orbit{position:absolute;border:1px solid #76eed17a;width:320px;height:320px;border-radius:50%;box-shadow:0 0 32px #26ceb31a,inset 0 0 28px #36d3b510}.orbit-one{transform:rotateX(58deg) rotateZ(-30deg)}.orbit-two{transform:rotateY(58deg) rotateZ(30deg);border-color:#91baff}.orbit-three{transform:rotateX(-25deg) rotateY(-30deg);width:260px;height:260px;border-style:dashed}.core{font-size:100px;font-weight:500;letter-spacing:-12px;color:#d2fff3;text-shadow:0 0 45px #00d5b680}.core span{font-size:55px;vertical-align:top;color:#53debe}.art-label{position:absolute;top:12px;left:40px;font-size:10px;letter-spacing:3px;color:#9ae3d6}.art-steps{position:absolute;bottom:7px;font-size:11px;letter-spacing:2px;color:#a7b9c9}.art-1{filter:hue-rotate(25deg)}.art-2{filter:hue-rotate(55deg)}.art-3{filter:hue-rotate(-20deg)}.art-4{filter:hue-rotate(95deg)}.carousel-bottom{display:flex;align-items:center;gap:12px;padding:20px 0 28px}.carousel-position{font-size:12px;letter-spacing:3px;margin-right:15px;color:#c1d7e4}.carousel-dots{display:flex;gap:10px;margin-right:auto}.carousel-dots button{width:35px;height:28px;background:transparent;position:relative}.carousel-dots button:after{content:'';position:absolute;left:0;right:0;top:12px;height:3px;background:#375166}.carousel-dots button[aria-pressed=true]:after{background:#83eed2}.carousel-control{background:transparent;border:1px solid #486071;color:#d9e9ef;border-radius:30px;min-width:42px;height:42px;padding:0 12px}.hero-footnote{border-top:1px solid var(--rim);display:flex;justify-content:space-between;padding:22px 0;color:#9eafc0;font-size:10px;letter-spacing:2px}.breadcrumb{padding-top:25px;font-size:.8rem}.btn{border-radius:5px}.card{border-radius:8px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100000;background:#00c9a8;color:#07101e;padding:10px}.skip-link:focus{top:10px}
@media(min-width:961px){.solutions-menu{display:grid;grid-template-columns:1fr;}}
@media(max-width:1100px) and (min-width:961px){.nw{padding:0 1rem}.nav-links>li>a{padding:0 .4rem;font-size:.77rem}.nav-cta{margin-left:.3rem;padding:.4rem .7rem}.logo img{height:28px}}
@media(max-width:960px){.commerce-slide{min-height:0;grid-template-columns:1fr;padding:50px 0 15px}.commerce-art{height:270px}.orbit{width:225px;height:225px}.orbit-three{width:190px;height:190px}.core{font-size:75px}.slide-copy h1,.slide-copy h2{font-size:clamp(2.6rem,7vw,4rem)}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-overlay .drop{max-height:none}.hero-footnote{gap:20px}.studio-hero{padding:4rem 0}}
@media(max-width:600px){.wrap{padding-left:1.25rem;padding-right:1.25rem}.studio-grid{grid-template-columns:1fr}.studio-hero h1{font-size:2.65rem}.hero-footnote{flex-direction:column;gap:8px}.carousel-bottom{gap:7px}.carousel-position{margin-right:0;font-size:10px}.carousel-dots{gap:4px}.carousel-dots button{width:20px}.carousel-control{min-width:36px;padding:0 8px;font-size:11px}.slide-copy .btn{padding:.7rem 1rem}.g2{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Desktop navigation uses a separate class from the mobile overlay. */
@media (min-width: 961px) {
  .nav-links-desktop > li:hover > .drop,
  .nav-links-desktop > li:focus-within > .drop,
  .nav-links-desktop > li.open > .drop {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .nav-links-desktop > li > a { padding-inline: .65rem; }
}
@media (min-width: 961px) and (max-width: 1100px) {
  .nav-links-desktop > li > a { padding-inline: .4rem; font-size: .77rem; }
}

/* Homepage solution families and topic-specific vector infographics. */
.solution-family{margin-top:2.8rem;padding-top:1.8rem;border-top:1px solid var(--rim)}
.solution-family-title{display:flex;align-items:center;gap:14px;font-size:1.1rem;font-weight:700;margin-bottom:1.2rem;color:#e1eef7}
.solution-family-title>span{font-size:.75rem;color:#74e8ca;letter-spacing:.1em}
.solution-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.solution-link{display:flex;flex-direction:column;min-height:205px}
.solution-link h4{font-size:1.15rem;margin-bottom:.65rem}
.solution-link .more-link{margin-top:auto;padding-top:1.2rem}
.banner-infographic{width:100%;min-width:0;display:flex;align-items:center;justify-content:center}
.banner-infographic img{width:100%;height:auto;max-width:520px}
@media(max-width:960px){.banner-infographic img{max-width:440px}.solution-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.solution-card-grid{grid-template-columns:1fr}.solution-link{min-height:180px}.solution-family-title{align-items:flex-start}.banner-infographic{margin-top:15px}}

/* Group the complete solution directory in every footer. */
.footer-solution-group + .footer-solution-group{margin-top:1.1rem}
.footer-solution-group h5{font-size:.78rem;font-weight:700;line-height:1.5;color:#b9e7dd;margin-bottom:.4rem}
.footer-solution-group ul{margin:0}

.page-faq{border-top:1px solid var(--rim);background:var(--surf)}
.faq-list{max-width:900px;margin-top:1.8rem}.faq-list details{border-bottom:1px solid var(--rim);padding:1.1rem 0}.faq-list summary{font-weight:600;cursor:pointer;color:#e1eef7}.faq-list details p{margin-top:.8rem}.faq-contact{margin-top:1.5rem;color:var(--teal)}
.form-delivery-note{font-size:.8rem;line-height:1.6;margin-top:1rem;color:#a9bdd0}.form-delivery-note a{text-decoration:underline;color:#76e6cc}#cta-interest{width:100%;background:#0d1828;color:#dce8f5;padding:.75rem;border:1px solid #536578;border-radius:8px}#cta-modal{z-index:2147483647!important}