/* The cyan brand theme keeps the existing layout and interactions. */
:root{--navy:#103b53;--navy-deep:#092b42;--ink:#153c51;--muted:#567684;--teal:#087f96;--mint:#73e7f0;--pale:#effbfc;--line:#d5e9ed}
.brand{gap:10px}.brand-monogram{width:52px;height:52px;flex-shrink:0;display:block}.brand-text{font-size:29px;font-weight:800;letter-spacing:.035em;color:#103b53}.brand-text small{font-size:10px;font-weight:650;letter-spacing:.32em;color:#268da2;margin-top:7px;text-align:center}.brand-footer .brand-text{color:#ecfbff}.brand-footer .brand-text small{color:#87dbe9}
.core-monogram{width:56px;height:56px;display:block}.topology-core small{margin-top:0}
.topbar{background:#0c3d54}.topbar-inner{min-height:42px}.topbar .support-hours{color:#dbf4f9}.topbar a{color:#8deaf1}
.hero{color:var(--ink);background:radial-gradient(ellipse at 86% 35%,#c9f3fa 0%,#e9faff 42%,#f7fcfe 78%)}
.hero-grid-bg{background-image:linear-gradient(#148eae0b 1px,transparent 1px),linear-gradient(90deg,#148eae0b 1px,transparent 1px)}
.hero-copy .eyebrow.light{color:#187990}.hero-copy .status-dot{background:#08aabd;box-shadow:0 0 0 4px #08aabd12}.hero h1 em{color:#00869f}.hero-description{color:#4e7384}.hero-actions .button-mint{background:#087d96;color:#fff;box-shadow:0 8px 23px #0686a01c}.hero-actions .button-mint:hover{background:#066c88;box-shadow:0 10px 25px #0686a02d}.hero-actions .light-link{color:#1b526b}.hero-actions .light-link:hover{color:#00869f}.hero-foot{color:#557e8c}.hero-foot .icon{color:#058d9e}.hero-bottom{color:#587e8b;border-color:#bbdfe9}.hero-bottom a{color:#21718b}.hero-bottom a span{color:#078ba5}
.infra-panel{background:linear-gradient(145deg,#16485d,#0c3149);border-color:#3a92a15c;box-shadow:0 22px 55px #125b7520;color:#effbff}.infra-top{color:#afdce7}.infra-count{color:#81becd}.topology-core{background:linear-gradient(145deg,#e8fdff,#c4f3f8);border-color:#a8f2fa;box-shadow:0 0 0 10px #69dce910,0 0 0 28px #69dce907}.topology-core small{color:#175d77}.infra-node{background:#19485f;color:#b9e3ef;border-color:#6bbed24a}.infra-node.active,.infra-node:hover{background:#20576b;color:#94f4ff;border-color:#74e2ef;box-shadow:0 0 28px #69dce914}.infra-node i{background:#7bb2bf}.infra-node.active i{background:#81e9ef;box-shadow:0 0 9px #77deed77}.infra-detail h2{color:#effbff}.infra-detail p{color:#accdd9}.detail-label{color:#87c9d6}.diagram-note{color:#a2c8d3}.round-arrow{color:#81e9ef;border-color:#81d8e450}.round-arrow:hover{background:#75d8e51c}
.trust-strip{background:#f3fafc;border-color:#e0eff4}.trust-inner>div{border-color:#cce5ed}.trust-promise span{color:#456f80}.trust-promise .icon{color:#1598ad}
.solution-section{background:#fff}.recommendation{background:linear-gradient(130deg,#edfafd,#e1f6fc);border-color:#c9e7ef}.recommendation:after{border-color:#a1ddec55;box-shadow:0 0 0 28px #a1ddec25,0 0 0 56px #a1ddec15}.pill{background:#d1eef5;color:#236f87}.recommendation .check-list li{color:#3b6376}.recommendation .recommendation-note{color:#547e8b}.need-button.selected{background:#0c718b;border-color:#0c718b}.need-button:hover:not(.selected){background:#f0fbfe;border-color:#9dd4e3}.button-dark{background:#096d8b}.button-dark:hover{background:#0a506e;box-shadow:0 6px 18px #155a751f}.button-mint{color:#073747;background:#83e8f1}.button-mint:hover{background:#b3f4fa}.text-link{color:#087f96}.text-link:hover{color:#04566d}
.services-section,.faq-section{background:#f5fafc}.service-icon{background:#e4f6fb;color:#078da9}.service-card:hover{border-color:#89cfdf;box-shadow:0 14px 32px #155a7512}.filter-button.active{background:#0c718b}.filter-button:hover:not(.active){background:#e0f2f8}.service-card p{font-size:12px;color:#587884}.card-tags{color:#567f8f}.card-link{color:#236a82}.card-number{color:#5d899c}.check-list li{color:#3e6575}
.support-section{background:linear-gradient(125deg,#0b3049,#0d4b60)}.support-intro>.light-link{color:#a6e9f1}.model-panel .check-list li{color:#c9e5ed}.model-panel .check-list li:before{color:#81e9ef}.model-panel .model-note{color:#9ec5d1}.model-heading>span:last-child{color:#abd7e3}.model-icon{background:#1b536a;color:#87eaf4}
.about-visual{background:#164b62}.about-visual>img{filter:sepia(.15) hue-rotate(155deg) saturate(.65) brightness(.8)}.about-visual:after{background:linear-gradient(180deg,#06283708 35%,#062837e8 100%)}.experience-tag{background:#edfbff;border-color:#c9e9f1}.experience-tag strong{color:#087f96}.about-principles span{color:#378ca1}
.contact-section{background:linear-gradient(125deg,#e8f8fc,#f1fcfd)}.contact-form{border-color:#cbe5ee;box-shadow:0 20px 50px #155a750b}.contact-icon{border-color:#a9d8e5;color:#0b8ca6}.contact-meta>span{color:#456e80}.contact-meta .icon{color:#168ba5}.contact-phone small{color:#4e7e91}.contact-copy .contact-privacy{color:#507b8c!important;border-color:#c4e4ed}.contact-form label{color:#3c6378}.contact-form input,.contact-form select,.contact-form textarea{border-color:#cde2eb;background:#fcfeff;color:#20495f}.contact-form :is(input,select,textarea):focus{border-color:#079eb4}.form-note{color:#637e8c}.site-footer{background:#092b42}.footer-main>p{color:#9dc3d2}.footer-main>a:last-child{color:#c7edf5}.footer-bottom{color:#99bacb}.footer-bottom>a{color:#a8dbe6}.floating-wa{background:#087c94;box-shadow:0 5px 25px #09557130}.floating-wa:hover{background:#085c78}.dialog-next,.message-dialog pre{background:#effbfe;border-color:#cde8f2}.dialog-close{color:#176d84;border-color:#cde8f2}.dialog-close:hover{background:#d8f2f8}
@media(max-width:1150px){.brand-monogram{width:48px;height:48px}.brand-text{font-size:26px}.brand-text small{font-size:9px}}
@media(max-width:950px){.core-monogram{width:44px;height:44px}.topbar-inner{min-height:40px}.brand-text{font-size:27px}}
@media(max-width:720px){.brand-monogram{width:47px;height:47px}.brand-text{font-size:26px}.brand-text small{font-size:9px;letter-spacing:.3em}.core-monogram{width:51px;height:51px}.topbar-inner{flex-wrap:wrap;justify-content:center;gap:5px;padding-top:7px;padding-bottom:7px}.topbar .support-hours{flex-basis:100%;max-width:none;text-align:center;font-size:10px;line-height:1.7}.topbar a{font-size:10px}.contact-meta>span:last-child{line-height:1.7}.model-panel .model-note{font-size:10px}.hero-copy .eyebrow.light{color:#187990}}
@media(max-width:380px){.brand-monogram{width:43px;height:43px}.brand-text{font-size:24px}.brand-text small{font-size:8px}.core-monogram{width:42px;height:42px}.topbar .support-hours{font-size:9px}.topbar a{font-size:9px}}