/* A restrained refinement of the original white / teal CloudWeave design. */
:root{--navy:#071b2a;--navy-soft:#102b3a;--ink:#17313e;--muted:#607582;--cyan:#54ead0;--blue:#087d72;--violet:#087d72;--line:#dce7e9;--paper:#fff;--teal:#087d72;color-scheme:light}
h1,h2,h3{letter-spacing:-.035em}h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.3}.section{padding-block:78px}.shell{width:min(1200px,calc(100% - 80px))}.eyebrow{color:var(--teal);letter-spacing:.09em;font-size:.875rem}.gradient-text{background:none;color:var(--teal);-webkit-text-fill-color:currentColor}.brand{color:var(--ink);font-size:1.4rem}.brand-dot{color:var(--teal)}
.site-header{background:#ffffffed;color:var(--ink);border-color:#e8eff0;min-height:80px;gap:28px}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.login-link:hover{color:var(--teal)}.language-control select{color:var(--ink)}.language-control .icon{color:var(--muted)}.language-control option{background:#fff;color:var(--ink)}.menu-button span{background:var(--ink)}.mobile-nav{background:#fff;color:var(--ink);top:76px;border-bottom:1px solid var(--line);box-shadow:0 16px 35px #17313e0a}
.button{border-radius:10px;min-height:51px;font-size:.9375rem;padding:13px 21px;box-shadow:none}.button:hover{transform:translateY(-1px)}.primary{background:var(--teal);color:#fff;box-shadow:0 5px 16px #087d7212}.primary:hover{background:#06675f;box-shadow:0 6px 19px #087d7220}.secondary{border-color:var(--line);background:#fff;color:var(--ink)}.secondary:hover{background:#f4f9f8;border-color:#adccc7}.text-button{background:none;color:var(--teal);padding:8px 0;box-shadow:none}.small{min-height:42px;padding:10px 15px}.skip-link{color:var(--ink)}*:focus-visible{outline-color:#148f89}
.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;background:#fff;color:var(--ink);min-height:0;overflow:visible;padding-block:57px 48px;isolation:auto}.hero-copy{width:100%;max-width:none;min-width:0}.hero .eyebrow{color:var(--teal);letter-spacing:.1em;font-size:.875rem}.hero h1,html[lang="zh-CN"] .hero h1{font-size:clamp(2.6rem,4.1vw,4.05rem);line-height:1.28;letter-spacing:-.04em;margin:22px 0}.hero-copy>p{color:var(--muted);font-size:1rem;line-height:1.9;max-width:500px}.hero-actions{margin-top:28px;gap:12px}.hero .secondary{color:var(--ink);background:#fff;border-color:var(--line)}.hero .secondary:hover{background:#f3f8f7}.hero-platforms{color:var(--muted);margin-top:25px;font-size:.875rem;gap:22px}.hero-visual{position:relative;isolation:isolate;min-width:0;overflow:hidden;border-radius:24px;background:var(--navy);padding:32px;min-height:510px;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;max-width:100%;z-index:-1;object-fit:cover;opacity:.78}.hero-client{width:100%;padding:0}.hero-client .client-demo{box-shadow:0 20px 48px #00182630;transform:rotate(-1deg);border-color:#e8f1f0}.hero-client .client-title{padding:15px 18px}.hero-client .client-content{padding:21px}.hero-client .client-status{margin-bottom:18px}.hero-client .demo-node-heading{margin-top:18px}.hero-client .demo-nodes{margin-bottom:20px}
.client-demo{background:#fbfdfd;border-color:var(--line);border-radius:16px;box-shadow:0 15px 38px #17313e0d}.client-title{border-color:var(--line)}.client-status>.icon{color:var(--teal);background:#e9f6f2}.client-status small,.client-location>span:first-child,.demo-node-heading,.demo-account{color:var(--muted)}.client-location,.demo-nodes button{border-color:var(--line)}.demo-nodes button[aria-pressed=true]{background:#edf7f3;border-color:#8dc6b9}.demo-nodes button>.icon{color:var(--teal)}.node-code{background:#edf4f4;color:#567984}.demo-badge{color:#678089;border-color:var(--line)}.demo-caption{color:var(--muted)}
.benefit-rail{background:#fff;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-rail>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:26px}.benefit-rail>div>div{display:flex;gap:14px;align-items:center}.benefit-rail .icon{color:var(--teal);width:25px;height:25px}.benefit-rail strong{font-size:1rem;font-weight:600}.benefit-rail small{font-size:.875rem;color:var(--muted);line-height:1.65;margin-top:4px}.section-heading{gap:45px;margin-bottom:31px}.section-heading>p{max-width:370px;font-size:1rem}.section-heading h2{margin-top:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:29px 27px;background:#fff}.feature-card.featured{background:#f1f8f5;border-color:#d5e8e0}.feature-card>.icon{width:28px;height:28px;color:var(--teal);margin-bottom:26px}.feature-number{position:absolute;top:29px;right:26px;font-size:.8125rem;color:#91a6ae}.feature-card h3{font-size:1.2rem;margin-bottom:12px}.feature-card p{font-size:1rem;line-height:1.85}.feature-card .text-button{font-size:.875rem;margin-top:18px;min-height:44px}
.devices-section{margin-top:0;background:var(--navy);padding:44px 48px;border-radius:23px;gap:45px}.devices-section .eyebrow{color:#82d3c4}.devices-section h2{font-size:2.2rem;line-height:1.3}.devices-section p{color:#b5cbd1}.device-links a{border-color:#47626a;background:#ffffff03;padding:20px}.device-links a:hover{background:#ffffff09;border-color:#8bb4b8}.device-links small{color:#b5cbd1}.device-links a>.icon:first-child{color:#83daca}.faq-section{gap:70px}.faq-row summary:hover{color:var(--teal)}.faq-row summary span{color:var(--teal)}.closing{background:#fff;border-color:var(--line);padding:44px 0 55px}.closing>.shell{justify-content:center;text-align:center;flex-direction:column;gap:24px}.closing h2{font-size:2rem}.closing .button{background:var(--teal);color:#fff}
.site-footer{background:#f5f8f8;color:var(--muted);padding-top:48px}.footer-grid h2{color:var(--ink)}.footer-brand p{color:var(--muted);margin-top:18px}.footer-grid>div:not(:first-child)>a,.footer-grid>div>button{color:var(--muted)}.footer-grid a:hover,.footer-grid button:hover{color:var(--teal)}.footer-bottom{border-color:var(--line);margin-top:38px;color:#758c97}.footer-bottom button{color:#758c97}.footer-bottom button:hover{color:var(--teal)}
.page-intro .eyebrow{color:var(--teal)}.page-intro h1{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.3}.segmented{background:#f2f6f6;border-color:var(--line)}.segmented a[aria-current=page],.filter-tabs a[aria-current=page]{background:var(--teal);color:#fff;border-color:var(--teal)}.filter-tabs a:hover{background:#eef6f3}.filter-tabs a[aria-current=page]:hover{background:#06675f}.pill{color:var(--teal);background:#edf7f3;border-color:#d2e8df}.download-product{background:#f4f8f7;border-color:var(--line)}.download-product h2{font-size:3rem}.check-list .icon{color:var(--teal)}.steps-grid article>span{color:#829e9f}.support-banner{background:#f0f7f5;border-color:#d6e8e1}.price-card{color:var(--ink);background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);box-shadow:0 16px 45px #17313e08}.price-card>p,.price-card>.fine-print,.external-note{color:var(--muted)}.price-card .check-list{border-color:var(--line)}.definition>span{color:#86a6a1}.network-hero .eyebrow{color:#91c7c2}.network-hero p{color:#b2cbd2}.network-card:hover{background:#f2f8f6;border-color:#a4cbbf;transform:translateY(-1px)}.network-card>.icon{color:var(--teal)}.network-card small{color:var(--muted)}.search-field>.icon{color:#739397}.search-field input,.help-search select{border-color:var(--line)}.empty-state{background:#f0f7f5}.about-hero:before{background:linear-gradient(90deg,#071b2a,#071b2abb 50%,#071b2a33)}.about-hero p{color:#b8ced3}.about-hero .eyebrow{color:#82d3c4}.legal-content .pill{color:#648079;border-color:#d7e7df;background:#eff6f2}
dialog{background:#fff;border-color:var(--line);box-shadow:0 25px 80px #07253130}dialog::backdrop{background:#102c3b66;backdrop-filter:blur(3px)}.form-preview{background:#f0f6f3;color:#607c74}.form-feedback{background:#eef7f4;border-color:var(--teal)}.guest-button{border-color:var(--line);color:var(--muted)}.forgot,.form-switch>button{color:var(--teal)}.password-field>button:hover{background:#f1f6f5}#auth-form>.button{background:var(--teal);color:#fff}
/* Keep each card's text and controls paired with its current surface. */
.download-product{color:var(--ink);--download-muted:#536b78}
.download-product h2,.download-product .check-list{color:var(--ink)}
.download-product>div>p,.download-product .fine-print{color:var(--download-muted)}
.download-product .check-list .icon,.price-card .check-list .icon{color:var(--teal)}
.network-hero .secondary{background:#fff;color:var(--ink);border-color:#dce7e9}
.network-hero .secondary:hover{background:#eef6f3;color:var(--ink);border-color:#adccc7}
@media(max-width:1180px){.site-header{min-height:76px}.hero{gap:28px}.hero-visual{padding:25px}.header-actions{gap:15px}}
@media(max-width:820px){.shell{width:calc(100% - 48px)}.section{padding-block:60px}.hero{grid-template-columns:1fr 1fr;gap:24px;padding-block:45px 38px}.hero h1,html[lang="zh-CN"] .hero h1{font-size:2.6rem}.hero-visual{padding:17px;min-height:470px}.hero-client .client-content{padding:17px}.hero-client .client-title{padding:14px}.hero-client .client-status strong{font-size:1.1rem}.benefit-rail>div{gap:20px}.benefit-rail>div>div{align-items:flex-start;gap:10px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:26px}.feature-card>.icon{margin-bottom:19px}.section-heading>p{max-width:500px}.devices-section{padding:37px;grid-template-columns:1fr;gap:28px}.devices-section h2{font-size:2.1rem}.faq-section{gap:25px}.download-product h2{font-size:2.75rem}}
@media(max-width:680px){.shell{width:calc(100% - 40px)}.site-header{min-height:72px;padding:13px 20px;gap:10px}.brand{font-size:1.25rem;gap:8px}.brand img{width:31px;height:31px}.header-actions{gap:8px}.header-download,.login-link{display:none}.mobile-nav{top:72px}.language-control select{max-width:90px}.hero{grid-template-columns:1fr;gap:29px;padding-block:34px 32px;min-height:0}.hero h1,html[lang="zh-CN"] .hero h1,html[lang="pt-BR"] .hero h1,html[lang="vi"] .hero h1{font-size:clamp(2.1rem,8.5vw,3.15rem);line-height:1.3;margin:18px 0}.hero .eyebrow{font-size:.8125rem;letter-spacing:.08em}.hero-copy>p{font-size:1rem;line-height:1.85}.hero-actions{margin-top:23px;gap:10px}.hero-actions .button{min-height:49px;padding:12px 17px;font-size:.875rem;gap:9px}.hero-platforms{margin-top:20px}.hero-visual{min-height:0;padding:28px 22px;border-radius:20px}.hero-art{inset:0;width:100%;height:100%;opacity:.78}.hero-client .client-content{padding:21px}.hero-client .client-title{padding:16px 18px}.hero-client .client-status strong{font-size:1.15rem}.hero-client .client-demo{max-width:430px}.benefit-rail>div{gap:16px;padding-block:23px}.benefit-rail>div>div{display:block}.benefit-rail .icon{width:23px;height:23px;margin-bottom:10px}.benefit-rail strong{font-size:.9375rem}.benefit-rail small{font-size:.875rem;margin-top:6px}.section{padding-block:52px}h2{font-size:2.1rem}.devices-section{padding:30px 25px;border-radius:20px}.devices-section h2{font-size:2rem}.closing h2{font-size:1.85rem}.page-intro h1{font-size:2.3rem}.price-card h2{font-size:2rem}.footer-grid{gap:24px}.site-footer{padding-top:38px}}
@media(max-width:380px){.site-header{padding-inline:16px}.brand{font-size:1.125rem}.brand img{width:28px;height:28px}.hero h1,html[lang="zh-CN"] .hero h1{font-size:2rem}.hero-visual{padding:22px 15px}.hero-client .client-content{padding:17px}.hero-client .client-title{padding:14px}.hero-actions .button{padding-inline:14px}.language-control select{max-width:78px}}
