:root{--teal:#007f96;--mint:#72eadf;--ink:#12394d;--pale:#effcfc} .topbar-inner{flex-wrap:wrap;gap:6px 20px;padding:8px 0}.top-contacts{display:flex;gap:18px;align-items:center}.topbar-inner>span:first-child{font-weight:650}.logo-frame{display:block;width:300px;height:64px;overflow:hidden;position:relative;background:transparent;border-radius:4px}.logo-frame img{position:absolute;width:100%;max-width:none;height:auto;top:50%;transform:translateY(-50%);object-fit:contain}.nav-inner{gap:24px}.main-nav{gap:22px}.nav-drop{position:relative}.nav-drop summary{cursor:pointer;list-style:none;white-space:nowrap;padding:24px 0}.nav-drop summary:after{content:'⌄';margin-left:7px;color:#008b99}.nav-drop>div{position:absolute;top:100%;left:-20px;min-width:255px;background:white;box-shadow:0 18px 50px #12394d26;padding:15px;border:1px solid #d7edf0;border-top:3px solid #00a9b5;border-radius:0 0 10px 10px;z-index:40}.nav-drop>div>*{display:block;border:0;background:none;text-align:left;width:100%;padding:10px;font-size:13px;color:#244e62;border-radius:4px}.nav-drop>div>*:hover{background:#eafafa;color:#00748d}.nav-drop>div.wide-drop{width:500px;display:grid;grid-template-columns:1fr 1fr;left:-120px}.nav-drop:not([open])>div{display:none}.nav-drop summary::-webkit-details-marker{display:none}.showcase{background:#082b40;color:white;position:relative}.slides{display:grid}.slide{grid-area:1/1;position:relative;visibility:hidden;opacity:0;transition:opacity .65s;overflow:hidden;min-width:0}.slide.active{visibility:visible;opacity:1}.slide-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.9)}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06253bec 0%,#082b40d9 30%,#082b4066 65%,#082b4033 100%)}.slide-inner{position:relative;z-index:1;min-height:560px;padding-top:90px;padding-bottom:75px}.slide .eyebrow{color:#77ebdf;letter-spacing:.18em;font-size:11px}.slide h1,.slide h2{font-size:clamp(38px,4.3vw,64px);line-height:1.12;font-weight:650;max-width:790px;letter-spacing:-.045em}.slide em{font-style:normal;color:#7be8e3}.slide-description{font-size:16px;line-height:1.8;max-width:560px;color:#e0eef5;margin-top:25px}.slide-actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}.slide-actions .text-link{color:white}.slide-foot{color:#c1dce5;font-size:12px;margin-top:30px}.slider-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:92px}.slide-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;flex:1}.slide-tabs button{background:none;border:0;border-top:2px solid #477181;color:#bdd3df;text-align:left;padding:16px 0;font-size:12px;min-height:70px}.slide-tabs small{margin-right:12px;color:#76b3c1}.slide-tabs button[aria-pressed=true]{border-color:#62e2d6;color:white}.slide-controls{display:flex;gap:7px}.slide-controls button{width:40px;height:40px;border:1px solid #698893;border-radius:50%;background:transparent;color:white}.slide-controls button:hover{background:#17647b}.trust-strip{background:#edfafa}.services-section{background:linear-gradient(180deg,#fff,#f1fafc)}.service-card{border-radius:14px;border-color:#d6e8ee}.service-card p{font-size:13px}.service-icon{background:linear-gradient(135deg,#e1f8fa,#dcf6eb);color:#00869a}.service-card h3{font-size:18px}.card-tags{font-size:10px}.card-link{font-size:12px}.solution-section{background:#fff}.ecosystem{background:#f4fbfc}.ecosystem-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-lead{font-size:14px;line-height:1.85;margin-top:24px;max-width:530px}.process-list{list-style:none;counter-reset:steps;padding:0;margin:28px 0 0}.process-list li{counter-increment:steps;position:relative;padding:0 0 20px 50px}.process-list li:before{content:'0' counter(steps);position:absolute;left:0;top:0;font-size:13px;color:#00889b;border:1px solid #bbe5e7;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.process-list strong{font-size:14px}.process-list p{font-size:12px;margin-top:4px}.guide-section{background:white}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.guide-grid details{border:1px solid #d4e9ed;border-radius:12px;padding:26px;background:#f5fbfc}.guide-grid summary{cursor:pointer;font-size:20px;font-weight:650;line-height:1.4;list-style:none;letter-spacing:-.03em}.guide-grid summary:after{content:'+';display:block;font-size:25px;margin-top:20px;color:#00899b}.guide-grid details[open] summary:after{content:'−'}.guide-grid summary span{display:block;font-size:10px;letter-spacing:.1em;color:#008093;margin-bottom:14px}.guide-grid p{font-size:13px;margin-top:15px;line-height:1.85}.guide-grid .text-link{font-size:12px;margin-top:22px;background:none;border:0;padding:0;text-align:left}.contact-email{max-width:none;margin-top:22px}.contact-email strong{font-size:clamp(16px,1.8vw,22px);overflow-wrap:anywhere}.contact-wa{margin-top:22px}.contact-meta>span{font-size:12px}.contact-layout{align-items:start}.contact-form label{font-size:12px}.contact-form input,.contact-form select,.contact-form textarea{font-size:13px}.contact-copy .contact-privacy{font-size:12px!important}.site-footer{background:#082c42}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:50px 0;border-bottom:1px solid #476576}.footer-cta .eyebrow{color:#73dbdb;margin-bottom:12px}.footer-cta h2{color:#fff;font-size:32px}.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px;padding:50px 0}.footer-columns h3{font-size:15px;color:white;margin:0 0 20px;letter-spacing:0}.footer-columns a,.footer-columns button{display:block;background:none;border:0;padding:5px 0;color:#bad7e3;font-size:12px;text-align:left}.footer-columns a:hover,.footer-columns button:hover{color:#83eadb}.footer-columns p{font-size:12px;color:#a9c9d8;line-height:1.9;margin-bottom:15px}.footer-columns .brand{display:inline-flex;margin-bottom:20px;padding:0}.footer-columns .logo-frame{width:260px;height:66px}.footer-columns .footer-hours-title{margin-top:24px;margin-bottom:12px}.footer-columns .footer-wa{margin-top:15px;color:#8de9dc}.footer-bottom{border-top:1px solid #476576;padding-bottom:35px;font-size:10px}.footer-bottom>span:nth-child(2){display:block}.topology-core .core-monogram{stroke:#0089ad;stroke-width:2;fill:none;width:43px;height:43px}.topology-core small{margin-top:5px}.section-heading>p{font-size:14px}.about-copy>p:not(.eyebrow){font-size:14px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.support-intro>p:not(.eyebrow){font-size:14px}.model-panel>p,.model-panel .check-list li{font-size:13px}
@media(min-width:1500px){.slide-inner{min-height:630px;padding-top:110px}}
@media(max-width:1150px){.logo-frame{width:245px;height:60px}.main-nav{gap:16px}.topbar-inner{justify-content:center}.topbar-inner>span:first-child{display:none}.footer-columns{gap:25px;grid-template-columns:1.3fr 1fr 1fr}.footer-columns>div:last-child{grid-column:1/-1;display:flex;align-items:start;gap:30px}.footer-columns>div:last-child h3{margin:0}.footer-columns .footer-wa{margin:0}.slide-tabs{gap:15px}.slide-tabs button{font-size:11px}.ecosystem-layout{gap:35px}.guide-grid{gap:15px}}
@media(max-width:950px){.main-nav{max-height:calc(100dvh - 80px);overflow:auto}.nav-drop summary{padding:13px 0;border-bottom:1px solid #e2eff2;font-size:13px}.nav-drop>div,.nav-drop>div.wide-drop{position:static;width:100%;box-shadow:none;border:0;border-left:2px solid #13b5b9;border-radius:0;min-width:0;display:block;padding:0 10px;margin:10px 0}.nav-drop:not([open])>div{display:none}.showcase .slide-inner{min-height:560px}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:last-child{grid-column:auto;display:block}.footer-columns>div:last-child h3{margin-bottom:15px}.footer-columns .footer-hours-title{margin-top:24px!important}.guide-grid{grid-template-columns:1fr}.guide-grid summary{font-size:19px}.guide-grid summary:after{float:right;margin:0}.guide-grid details{padding:25px}.ecosystem-layout{grid-template-columns:1fr;gap:35px}.ecosystem .infra-panel{max-width:560px;justify-self:center}.slide-tabs button{font-size:10px}.slide-tabs small{display:block;margin-bottom:5px}.slider-bottom{gap:15px}.slide-controls button{width:35px;height:35px}}
@media(max-width:720px){.top-contacts{gap:6px 14px;flex-wrap:wrap;justify-content:center}.top-contacts a{font-size:10px}.topbar .support-hours{font-size:10px}.logo-frame{width:250px;height:58px}.slide-inner{padding-top:55px;padding-bottom:42px}.showcase .slide-inner{min-height:570px}.slide h1,.slide h2{font-size:clamp(35px,8vw,48px)}.slide-description{font-size:14px;max-width:450px}.slide:after{background:linear-gradient(90deg,#06253be8,#082b40bb)}.slide-image{object-position:65% center}.slide .eyebrow{font-size:9px}.slide-actions{gap:20px}.slide-actions .button{font-size:12px;padding:12px 15px}.slide-foot{font-size:10px}.slider-bottom{padding:15px 0;flex-wrap:wrap;justify-content:center}.slide-tabs{width:100%;flex-basis:100%;gap:12px}.slide-tabs button{font-size:9px;padding:10px 0;min-height:60px;line-height:1.4}.slide-tabs small{font-size:9px}.slide-controls button{height:38px;width:38px}.footer-cta{flex-direction:column;align-items:start;padding:36px 0}.footer-cta h2{font-size:28px}.footer-columns{grid-template-columns:1fr 1fr;gap:32px 24px;padding:35px 0}.footer-about{grid-column:1/-1}.footer-columns>div:last-child{grid-column:1/-1}.footer-columns .logo-frame{width:280px}.footer-bottom{padding-bottom:90px}.contact-email strong{font-size:20px}.service-card h3{font-size:16px}.service-card p{font-size:12px}.card-tags{font-size:9px}.section-heading>p{font-size:13px}.section-lead{font-size:13px}.topbar-inner{padding:8px 0}.contact-form{padding:25px 20px}.footer-columns a,.footer-columns button{min-height:34px}}
@media(max-width:380px){.logo-frame{width:225px}.showcase .slide-inner{min-height:600px}.slide h1,.slide h2{font-size:35px}.slide-tabs{gap:8px}.footer-columns{grid-template-columns:1fr}.footer-about,.footer-columns>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}
/* Keep the complete transparent logo visible at every screen width. */
.logo-frame{overflow:visible;max-width:100%}
.nav-inner>.brand{min-width:0;flex-shrink:1}
.menu-toggle{flex-shrink:0}
@media(max-width:1150px){
 .nav-inner{gap:12px}
 .nav-inner>.brand{max-width:calc(100% - 56px)}
 .logo-frame,.footer-columns .logo-frame{height:auto;max-width:100%}
 .logo-frame img{position:static;display:block;width:100%;height:auto;max-width:100%;transform:none;object-fit:contain}
 .footer-columns .brand{max-width:100%;min-width:0}
}