@font-face{font-family:"Alibaba PuHuiTi";src:url("assets/fonts/AlibabaPuHuiTi-3-55-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Alibaba PuHuiTi";src:url("assets/fonts/AlibabaPuHuiTi-3-75-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
:root{--ink:#202328;--muted:#66686c;--navy:#202328;--lime:#2559eb;--paper:#f4f4f0;--line:#deded8;--max:1280px;--font-sans:"Alibaba PuHuiTi","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;color:var(--ink);font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;line-height:1.75}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{border:0}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #82aa26;outline-offset:6px}
img{display:block;width:100%;object-fit:cover}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.35}
h2{font-size:clamp(32px,3.1vw,48px);font-weight:500;letter-spacing:-1.5px;margin-bottom:0}
h3{font-weight:500}
p{margin-bottom:20px}
[hidden]{display:none!important}
.wrap{width:calc(100% - 112px);max-width:var(--max);margin-inline:auto}
.section{padding-top:108px;padding-bottom:108px}
.section-number,.mini-label{font-size:12px;letter-spacing:2px;font-weight:600}
.section-number{color:#74828b;margin-bottom:23px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:50px}
.section-heading>.text-link{margin-bottom:9px}
.text-link{display:inline-flex;align-items:center;gap:45px;font-size:14px;padding-bottom:10px;border-bottom:1px solid #829099;font-weight:500}
.text-link span{font-size:23px;line-height:1;transition:transform .2s}
.text-link:hover span{transform:translate(3px,-3px)}
.text-link:hover{color:#406329}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);padding:12px 20px}
.skip-link:focus{top:10px}
.site-header{height:92px;position:absolute;left:0;top:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4%;color:white;border-bottom:1px solid #ffffff30;transition:background .2s,box-shadow .2s}
.site-header.is-scrolled{position:fixed;height:76px;color:var(--ink);background:rgba(255,255,255,.98);box-shadow:0 1px 0 #152a3c16}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
.brand>span:last-child{font-size:27px;font-weight:400;letter-spacing:-1px;line-height:1.1}
.brand strong{font-weight:800}
.brand small{display:block;font-size:9px;letter-spacing:4px;font-weight:400;margin-top:7px;padding-left:2px}
.brand-symbol{display:flex;flex-direction:column;gap:4px;width:30px;transform:skewY(-19deg)}
.brand-symbol i{height:7px;background:currentColor;display:block}
.brand-symbol i:nth-child(2){width:24px}
.brand-symbol i:nth-child(3){width:18px}
.main-nav{display:flex;align-items:center;gap:36px;height:100%;font-size:14px}
.main-nav>a{position:relative;display:flex;align-items:center;height:100%;white-space:nowrap}
.main-nav>a:not(.nav-contact):after{content:"";position:absolute;bottom:20px;left:0;width:0;height:2px;background:var(--lime);transition:width .2s}
.main-nav>a:hover:after{width:100%}
.main-nav .nav-contact{height:auto;border:1px solid #ffffff70;padding:8px 17px;gap:22px;margin-left:10px}
.nav-contact span{font-size:20px}
.is-scrolled .nav-contact,.solid-header .nav-contact{border-color:#a4b0b8}
.is-scrolled .main-nav>a:after,.solid-header .main-nav>a:after{background:#627f2f}
.menu-toggle{display:none;background:none;width:40px;height:40px;padding:8px}
.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0}
.hero{height:min(850px,95svh);min-height:660px;position:relative;color:white;isolation:isolate;background:#1a374e}
.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1;background:linear-gradient(90deg,#102b4280,transparent 65%)}
.hero-art{position:absolute;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(117deg,#102a42 10%,#26465b 65%,#69818a 130%)}
.art-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#a6bdc250 1px,transparent 1px),linear-gradient(90deg,#a6bdc250 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.architecture-art{position:absolute;width:720px;height:600px;right:max(3%,calc((100vw - 1580px)/2));top:170px;transform:scale(1.05);transform-origin:right center}
.building{position:absolute;transform:skewY(-22deg);background:#7e989e;border-top:1px solid #b6cace;box-shadow:-25px 35px 60px #071b2638}
.building-face{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 17px,#c8d9d13d 17px 18px),repeating-linear-gradient(0deg,transparent 0 28px,#062735b0 28px 32px),linear-gradient(110deg,#78969c,#365966 55%,#94adb0);border-left:2px solid #adc1bd;border-right:2px solid #c8d8cc;overflow:hidden}
.building-face:after{content:"";position:absolute;inset:0;background:linear-gradient(128deg,transparent 13%,#e8f0e136 13% 22%,transparent 22% 32%,#edf2db18 32% 35%,transparent 35%);border-top:8px solid #c6d4c99c}
.building:before{content:"";position:absolute;left:0;right:0;height:82px;top:-82px;background:linear-gradient(120deg,#9bb1b2,#6a868e);transform:skewX(54deg);transform-origin:bottom;border:1px solid #b7c9c380;box-sizing:border-box}
.building:after{content:"";position:absolute;top:0;bottom:0;right:-112px;width:112px;background:repeating-linear-gradient(0deg,transparent 0 28px,#0e2d39 28px 32px),repeating-linear-gradient(90deg,transparent 0 17px,#54707977 17px 18px),#2a4b59;transform:skewY(36deg);transform-origin:left;border-top:1px solid #adc2c3}
.building-back{width:165px;height:305px;left:408px;top:64px;opacity:.75}
.building-middle{width:205px;height:365px;left:229px;top:126px}
.building-front{width:235px;height:290px;left:41px;top:273px}
.building-front .building-face{background:repeating-linear-gradient(90deg,transparent 0 17px,#d7e7d54d 17px 18px),repeating-linear-gradient(0deg,transparent 0 28px,#123440 28px 32px),linear-gradient(100deg,#6e9191,#486d78 65%,#b1c4b3)}
.building-front .building-face:after{border-bottom:5px solid #d9f279c4}
.art-ground{position:absolute;width:650px;height:1px;background:#abc8c755;left:25px;top:599px;transform:rotate(-22deg);box-shadow:0 22px 0 #abc8c71a,0 44px 0 #abc8c711}
.art-caption{position:absolute;left:418px;top:430px;font-size:10px;letter-spacing:3px;color:#ccdad6;transform:rotate(-22deg)}
.art-coordinate{position:absolute;right:-40px;top:238px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#b4c5c3;opacity:.6}
.hero-content{padding-top:clamp(205px,18vh,260px)}
.eyebrow{font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:12px;margin-bottom:32px}
.eyebrow>span{display:block;width:22px;height:2px;background:var(--lime)}
.hero h1{font-size:clamp(44px,4.8vw,74px);font-weight:500;letter-spacing:1px;line-height:1.35;margin:0 0 25px}
.accent{color:var(--lime)}
.hero-description{font-size:16px;font-weight:300;line-height:1.95;color:#e2e9ef;letter-spacing:1px;margin-bottom:33px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:52px;padding:13px 22px;min-height:52px;font-size:14px}
.button-lime{background:var(--lime);color:#172c34;transition:background .2s}
.button-lime:hover{background:#e9ffa1}
.button>span{font-size:22px;line-height:1}
.hero-bottom{position:absolute;bottom:29px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.hero-bottom p{display:flex;align-items:center;gap:22px;letter-spacing:4px;margin:0;font-size:15px}
.divider{display:block;height:14px;width:1px;background:#ffffff60}
.scroll-cue{display:flex;align-items:center;gap:14px;color:#d9e0e5}
.scroll-cue>span{display:grid;place-items:center;width:32px;height:43px;border:1px solid #ffffff50;border-radius:20px;font-size:20px}
.hero-index{font-size:10px;letter-spacing:2px;color:#dde5eb}
.capability-strip{background:#102a3e;color:white}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-grid a{display:flex;align-items:center;gap:16px;padding:28px 22px;border-right:1px solid #ffffff18}
.strip-grid a:first-child{border-left:1px solid #ffffff18}
.strip-grid a>span{color:#aab8c2;font-size:10px;font-family:Arial,sans-serif}
.strip-grid strong{font-size:14px;font-weight:400}
.strip-grid i{font-style:normal;font-size:21px;color:#aab8c2;margin-left:auto}
.strip-grid a:hover{background:#1c3a50}
.section-kicker{display:flex;gap:27px;align-items:center;margin-bottom:42px;font-size:13px}
.section-kicker .section-number{margin:0}
.section-kicker>span:last-child{border-left:1px solid var(--line);padding-left:27px}
.overview-main{display:grid;grid-template-columns:1.12fr 1fr;gap:100px}
.overview-main h2{font-size:clamp(35px,3.5vw,52px)}
.overview-copy{max-width:510px}
.overview-copy .lead{font-size:24px;line-height:1.6;color:var(--ink);margin-bottom:24px}
.overview-copy>p:not(.lead){font-size:14px;color:var(--muted);line-height:1.95}
.overview-copy .text-link{margin-top:10px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:77px;padding-top:36px;border-top:1px solid var(--line)}
.principles>div{display:grid;grid-template-columns:94px 1fr;column-gap:12px;border-right:1px solid var(--line);padding:0 30px}
.principles>div:first-child{padding-left:0}
.principles>div:last-child{border-right:0}
.principle-mark{font-size:32px;grid-row:1 / 3;font-weight:300;line-height:1.4}
.principles h3{font-size:15px;margin-bottom:8px}
.principles p{font-size:12px;color:var(--muted);margin-bottom:0}
.product-section{background:var(--paper)}
.product-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #cbd3d5;margin-bottom:48px}
.product-tabs button{text-align:left;padding:17px 0 21px;margin-right:32px;background:none;font-size:17px;color:#6c7a84;position:relative}
.product-tabs button:last-child{margin-right:0}
.product-tabs button span{font-size:10px;margin-left:20px;color:#8e989e}
.product-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}
.product-tabs button[aria-selected=true]:after{position:absolute;content:"";height:3px;bottom:-2px;background:var(--ink);left:0;right:0}
.product-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;min-height:410px}
.product-copy .mini-label{font-size:10px;letter-spacing:2px;color:#74808a;margin-bottom:16px}
.product-copy h3{font-size:29px;line-height:1.5;margin-bottom:18px}
.product-copy>p:not(.mini-label){font-size:14px;color:var(--muted);line-height:1.9}
.plain-list{list-style:none;padding:0;margin:23px 0 25px;font-size:12px;color:#4e626e}
.plain-list li{padding:4px 0 4px 16px;position:relative}
.plain-list li:before{position:absolute;content:"";width:4px;height:4px;background:#738858;left:0;top:13px}
.product-visual{background:#e8edeb;min-height:410px;padding:29px 36px;position:relative;display:flex;flex-direction:column;justify-content:center}
.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:40px;font-size:12px;letter-spacing:1px}
.diagram-label{font-size:10px;color:#7d8a8d;border:1px solid #c7d0cd;padding:2px 6px;letter-spacing:0;white-space:nowrap}
.source-pair{display:flex;gap:14px;justify-content:center}
.source-pair>span{border:1px solid #c5cecb;padding:12px 18px;display:flex;align-items:center;gap:13px;background:#eff2f0;font-size:13px}
.file-icon{width:18px;height:23px;border:1.5px solid #5f776d;display:inline-block;position:relative}
.file-icon:before,.file-icon:after{content:"";position:absolute;left:3px;right:3px;top:8px;height:1px;background:#5f776d}
.file-icon:after{top:13px}
.db-icon{width:22px;height:24px;display:inline-block;border:1.5px solid #5f776d;border-radius:50% / 22%;position:relative}
.db-icon:before{content:"";position:absolute;left:-1px;right:-1px;height:6px;top:5px;border-bottom:1px solid #5f776d;border-radius:50%}
.flow-stem{height:35px;border-left:1px solid #93a59a;margin:auto;width:1px;flex-shrink:0}
.backup-chain{display:flex;align-items:center;justify-content:center;gap:12px}
.backup-chain>div{padding:18px 14px;min-width:102px;background:#f8faf8;border:1px solid #c3cfc7;display:flex;flex-direction:column}
.backup-chain>div.base-point{background:var(--navy);color:white;border-color:var(--navy)}
.backup-chain>div span{font-size:9px;letter-spacing:1px;color:#6a8176;margin-bottom:13px}
.backup-chain .base-point span{color:var(--lime)}
.backup-chain strong{font-size:16px;font-weight:500}
.backup-chain small{font-size:10px;color:#799087;margin-top:4px}
.backup-chain .base-point small{color:#bec9d0}
.backup-chain>b{color:#82988b;font-weight:400}
.chain-bracket{height:22px;border:1px solid #a4b1a9;border-top:0;margin:12px 25px 22px;position:relative;text-align:center}
.chain-bracket>span{font-size:10px;position:relative;top:10px;background:#e8edeb;padding:0 12px;color:#6c7d72}
.visual-footnote{text-align:center;font-size:11px;color:#77877e;margin:15px 0 0}
.section-note{font-size:11px;color:#7c888f;margin:28px 0 0}
.server-icon{display:flex;width:35px;height:42px;border:1px solid currentColor;position:relative;color:#8ba1ab}
.server-icon:before{content:"";position:absolute;inset:7px 5px;background:repeating-linear-gradient(0deg,transparent 0 6px,currentColor 6px 7px)}
.replica-source{align-self:center;background:var(--navy);color:white;width:180px;padding:15px;display:flex;align-items:center;flex-direction:column;gap:7px}
.replica-source strong{font-size:16px;font-weight:400}
.replica-source small{font-size:11px;color:#b5c6cf}
.replica-path{display:flex;justify-content:space-evenly;font-size:32px;color:#879d91;line-height:1.3}
.replica-dest{display:flex;justify-content:center;gap:35px}
.replica-dest>div{background:#f7f9f6;padding:13px 30px;display:flex;flex-direction:column;border:1px solid #c2ccc4}
.replica-dest strong{font-size:15px;font-weight:500}
.replica-dest span{font-size:11px;color:#7c8d83}
.restore-steps{padding:0;list-style:none;max-width:330px;width:100%;margin:0 auto}
.restore-steps>li{display:flex;gap:25px;padding:20px 0;border-top:1px solid #cad4cd}
.restore-steps>li>span{color:#93a185;font-size:25px;font-weight:300}
.restore-steps strong,.restore-steps small{display:block}
.restore-steps strong{font-weight:500;font-size:16px}
.restore-steps small{color:#7b897f;font-size:12px;margin-top:5px}
.workflow-node{max-width:350px;width:100%;margin:0 auto;padding:14px 20px;border:1px solid #c3cfc7;background:#f9faf8;font-size:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.workflow-node span{font-size:10px;color:#7b8b80}
.workflow-node.primary{background:var(--navy);border-color:var(--navy);color:white}
.workflow-node.primary span{color:#d0ddbc}
.workflow-visual .flow-stem{margin:0 auto;height:24px}
.heading-description{font-size:14px;color:var(--muted);margin-bottom:8px;line-height:1.9}
.scenario-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.scenario-card{height:440px;position:relative;overflow:hidden;color:white;isolation:isolate;background:var(--navy)}
.scenario-card>img{height:100%;position:absolute;inset:0;z-index:-2;transition:transform .6s}
.scenario-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#132b3b25 15%,#0c253bda 100%)}
.scenario-card:hover>img{transform:scale(1.045)}
.scenario-number{position:absolute;left:27px;top:27px;font-size:11px;letter-spacing:1px}
.scenario-copy{position:absolute;left:27px;right:27px;bottom:29px}
.scenario-copy h3{font-size:24px;margin-bottom:13px}
.scenario-copy p{font-size:12px;line-height:1.9;color:#d8e1e6;margin-bottom:27px}
.circle-arrow{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #ffffff60;border-radius:50%;font-size:22px;transition:background .2s,color .2s}
.scenario-card:hover .circle-arrow{background:var(--lime);color:var(--navy);border-color:var(--lime)}
.scenario-solid{background:#315747}
.scenario-servers{background:#456174}
.rack-art{position:absolute;inset:57px 20px auto 40px;display:flex;gap:12px;transform:rotate(-12deg) skewY(5deg);z-index:-2}
.rack-art i{display:block;width:78px;height:260px;flex-shrink:0;border:1px solid #8ba5ae;box-shadow:9px 6px 0 #172f3c;background:repeating-linear-gradient(0deg,transparent 0 21px,#8ca4a477 21px 22px,#183645 22px 26px),linear-gradient(90deg,#789092,#385665);position:relative}
.rack-art i:after{content:"";position:absolute;inset:9px auto 9px 10px;width:3px;background:repeating-linear-gradient(0deg,transparent 0 21px,#d9f279 21px 24px,transparent 24px 26px)}
.scenario-network{background:#668184}
.network-art{position:absolute;top:53px;left:10%;right:10%;height:240px;z-index:-2}
.network-art i{position:absolute;width:110px;height:110px;border:1px solid #bfd4cd;background:repeating-linear-gradient(90deg,transparent 0 12px,#cfdfcf22 12px 13px),#6b8d8a;transform:rotate(-30deg) skewX(24deg);box-shadow:-15px 22px 0 #35565c,-16px 23px 0 #8da5a2}
.network-art i:nth-child(1){top:3px;left:calc(50% - 48px)}
.network-art i:nth-child(2){top:150px;left:-15px}
.network-art i:nth-child(3){top:145px;right:-20px}
.network-art b{position:absolute;height:1px;width:125px;left:calc(50% - 110px);top:151px;background:#d9f279;transform:rotate(-45deg)}
.network-art b:last-child{left:calc(50% - 7px);transform:rotate(45deg)}
.scenario-solid .scenario-lines{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.35}
.scenario-lines>i{position:absolute;width:330px;height:330px;border:1px solid #d9f27990;transform:rotate(-36deg);left:58%;top:-100px}
.scenario-lines>i:nth-child(2){left:41%;top:-70px}
.scenario-lines>i:nth-child(3){left:24%;top:-40px}
.security-section{background:#102a3f;color:#f2f5f7}
.security-section .section-number{color:#a7b9c5}
.security-intro{max-width:390px}
.security-intro>p{font-size:14px;color:#b5c5ce;line-height:1.9;margin-bottom:22px}
.light-link{border-color:#526a7c}
.light-link:hover{color:var(--lime)}
.architecture-diagram{padding:32px 55px 18px;border:1px solid #ffffff22;margin-top:53px;background:#ffffff02}
.control-plane{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #8a9da44d;background:#ffffff05;padding:20px 28px;font-size:12px;color:#a8bbc7}
.control-plane strong{font-weight:400;font-size:19px;color:#f4f7f8}
.tiny-label{font-size:10px;letter-spacing:1px}
.control-caption{height:58px;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:1px;color:#7e96a9;background:linear-gradient(90deg,transparent 16%,#668194 16%,#668194 calc(16% + 1px),transparent calc(16% + 1px),transparent calc(84% - 1px),#668194 calc(84% - 1px),#668194 84%,transparent 84%)}
.control-caption span{background:#112c41;padding:4px 15px}
.agent-flow{display:flex;align-items:center;justify-content:space-between;gap:18px}
.agent-node{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #59717e;background:#19364a;padding:22px;flex:1;min-height:150px}
.agent-node .server-icon{margin-bottom:15px}
.agent-node>span{font-size:15px}
.agent-node>small{font-size:10px;color:#9aafbb;margin-top:6px}
.data-link{min-width:95px;display:flex;flex-direction:column;align-items:center}
.data-link>span{font-size:10px;color:#bfceac}
.data-link>b{font-size:35px;font-weight:300;color:var(--lime);line-height:1.2}
.diagram-note{font-size:10px;color:#7b95a7;text-align:center;margin:22px 0 0}
.security-points{display:grid;grid-template-columns:repeat(4,1fr);gap:43px;margin-top:43px}
.security-points>div{position:relative;padding-top:16px;border-top:1px solid #496275}
.security-points>div>span{font-size:11px;color:#92abbb;position:absolute;top:18px;right:0}
.security-points h3{font-size:17px;margin-bottom:12px}
.security-points p{font-size:12px;line-height:1.9;color:#a6b9c5;margin:0}
.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:100px}
.faq-intro{font-size:13px;line-height:1.95;margin:24px 0 28px;color:var(--muted)}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{padding:25px 36px 25px 0;position:relative;font-size:15px;cursor:pointer;list-style:none;line-height:1.7}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{position:absolute;right:0;top:31px;width:14px;height:14px}
.faq-list summary>span:before,.faq-list summary>span:after{content:"";width:14px;height:1px;position:absolute;top:6px;background:#627b8a}
.faq-list summary>span:after{transform:rotate(90deg);transition:transform .2s}
.faq-list details[open] summary>span:after{transform:rotate(0)}
.faq-list details[open] summary{color:#456826}
.faq-list details p{font-size:13px;line-height:1.95;color:var(--muted);padding-right:25px;margin-bottom:26px}
.contact-section{background:#dfe9d7;padding:76px 0}
.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}
.contact-section .section-number{color:#687d58}
.contact-section h2{font-size:clamp(30px,3vw,44px)}
.contact-section h2+p{font-size:13px;color:#697560;margin:23px 0 0}
.contact-info{border-left:1px solid #aebeaa;padding-left:62px}
.contact-company{font-size:22px;margin-bottom:12px}
.contact-info>p:not(.contact-company){font-size:13px;color:#65745e;line-height:1.9}
.contact-unconfigured{font-size:12px;color:#78846f;margin:0}
.contact-channels{margin:23px 0}
.contact-channel{display:flex;align-items:baseline;gap:20px;margin:10px 0}
.contact-channel span{font-size:11px;color:#6b7c60}
.contact-channel a{font-size:18px;overflow-wrap:anywhere}
.contact-channel a:hover{text-decoration:underline}
.contact-info .company-address{font-size:12px;margin-bottom:0}
.site-footer{background:#202328;color:#fff;padding-top:64px}
.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:46px}
.footer-brand>span:last-child{font-size:40px;letter-spacing:-1.5px}
.footer-top>p{font-size:15px;color:#c4c6ca;letter-spacing:.5px;margin:0}
.footer-top nav{display:flex;gap:28px;font-size:16px;margin-left:auto}
.footer-top nav a{padding-block:8px;text-underline-offset:7px}
.footer-top nav a:hover{text-decoration:underline}
.back-top{width:48px;height:48px;display:grid;place-items:center;border:1px solid #65686d;border-radius:50%;margin-left:15px;font-size:22px;transition:background .2s,color .2s}
.back-top:hover{background:white;color:var(--ink)}
.footer-bottom{padding:26px 0 32px;border-top:1px solid #ffffff26;font-size:14px;color:#c4c6ca;display:flex;justify-content:space-between;gap:24px;align-items:center;line-height:1.8}
.legal-links{display:flex;flex-wrap:wrap;gap:20px}
.legal-links a:hover{text-decoration:underline}
.solid-header{position:relative;background:#fff;color:var(--ink);border-color:var(--line)}
.solid-header.is-scrolled{position:fixed}
body.inner-page{padding-top:92px}
.inner-page .solid-header{position:fixed;top:0}
.page-hero{background:var(--navy);color:white;padding:76px 0 80px;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:430px;height:430px;right:-100px;top:-145px;border:1px solid #78918c44;transform:rotate(-30deg);box-shadow:0 0 0 50px #78918c12,0 0 0 100px #78918c0b;pointer-events:none}
.breadcrumb{font-size:11px;color:#a8bdc8;margin-bottom:33px;display:flex;gap:12px}
.breadcrumb a:hover{color:white}
.page-hero h1{font-size:48px;font-weight:500;margin-bottom:18px;letter-spacing:-1px}
.page-hero .page-intro{font-size:15px;max-width:710px;color:#b8c9d3;line-height:1.9;margin-bottom:0}
.detail-layout{display:grid;grid-template-columns:205px 1fr;gap:75px;padding-top:65px;padding-bottom:90px;align-items:start}
.detail-nav{position:sticky;top:108px;display:flex;flex-direction:column;font-size:13px;border-top:2px solid var(--ink)}
.detail-nav a{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}
.detail-nav a span{color:#8b979e;font-size:10px}
.detail-nav a:hover{color:#6a892e}
.detail-section{padding-bottom:45px;margin-bottom:43px;border-bottom:1px solid var(--line);scroll-margin-top:105px}
.detail-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.detail-section h2{font-size:29px;letter-spacing:0;margin:0 0 20px}
.detail-section h3{font-size:18px;margin-bottom:10px}
.detail-section>p{font-size:14px;line-height:1.9;color:var(--muted)}
.detail-section .section-number{margin-bottom:12px;font-size:10px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin:27px 0}
.detail-grid p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}
.boundary{font-size:12px;line-height:1.9;padding:16px 20px;background:var(--paper);border-left:2px solid #9aa98c;color:#65715f;margin:26px 0 0}
.boundary strong{font-weight:500;color:#405232}
.status-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;margin:25px 0}
.status-table th,.status-table td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.status-table th{background:var(--paper);font-weight:500}
.status-table td:first-child{width:23%}
.status-table td:nth-child(2){width:19%;white-space:nowrap}
.status{padding:3px 7px;font-size:10px;background:#e9efe5;color:#526940;display:inline-block}
.status.conditional{background:#f4edde;color:#806833}
.status.unreleased{background:#edeff1;color:#6e7b87}
.privacy-content{max-width:860px;padding:65px 0 85px}
.privacy-content h2{font-size:25px;letter-spacing:0;margin:35px 0 15px}
.privacy-content p,.privacy-content li{font-size:14px;color:var(--muted);line-height:1.95}
.privacy-content ul{padding-left:20px}
@media(min-width:1700px){:root{--max:1440px}.hero-content{padding-top:235px}.hero{height:870px;max-height:95svh}.main-nav{gap:45px}.site-header{padding-inline:5%}.product-visual{min-height:430px}.scenario-card{height:480px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.main-nav{gap:22px;font-size:12px}.brand>span:last-child{font-size:24px}.brand small{font-size:8px}.site-header{padding-inline:30px}.main-nav .nav-contact{margin-left:0;gap:10px;padding-inline:12px}.strip-grid a{padding:23px 14px;gap:10px}.strip-grid strong{font-size:12px}.overview-main{gap:60px}.principles>div{grid-template-columns:72px 1fr;padding-inline:20px}.principle-mark{font-size:27px}.product-panel{gap:42px}.product-visual{padding:25px}.backup-chain{gap:8px}.backup-chain>div{min-width:88px;padding:15px 10px}.scenario-copy h3{font-size:21px}.scenario-copy,.scenario-number{left:23px;right:23px}.security-points{gap:25px}.architecture-diagram{padding-inline:30px}.control-plane{padding:20px}.control-plane strong{font-size:17px}.faq-section{gap:60px}.contact-layout{gap:55px}.contact-info{padding-left:40px}.footer-top{gap:20px}.footer-top nav{gap:18px}.footer-top>p{display:none}.detail-layout{gap:45px;grid-template-columns:175px 1fr}}
@media(max-width:900px){.main-nav{gap:17px}.main-nav>a:first-child{display:none}.product-panel{grid-template-columns:1fr 1.1fr;gap:30px}.product-tabs button{font-size:15px;margin-right:18px}.product-tabs button span{margin-left:12px}.product-visual{padding:22px 16px}.backup-chain{gap:6px}.backup-chain>div{min-width:75px;padding:13px 8px}.backup-chain strong{font-size:14px}.visual-heading{font-size:11px}.product-copy h3{font-size:26px}.scenario-grid{gap:13px}.scenario-card{height:395px}.scenario-copy,.scenario-number{left:18px;right:18px}.scenario-copy h3{font-size:19px}.scenario-copy p{font-size:11px}.agent-node{padding:20px 10px}.data-link{min-width:65px}.control-plane{flex-wrap:wrap;justify-content:center;gap:10px 25px}.control-plane .tiny-label{display:none}.contact-layout{gap:35px}.contact-info{padding-left:30px}.principles>div{display:block}.principle-mark{display:block;margin-bottom:17px}.faq-section{gap:40px;grid-template-columns:1fr 1.5fr}.detail-layout{grid-template-columns:150px 1fr;gap:35px}}
@media(max-width:720px){html{scroll-padding-top:78px}.wrap{width:calc(100% - 40px)}.section{padding-block:67px}h2{font-size:32px;letter-spacing:-.5px}.site-header{height:76px;padding:0 20px}.site-header.is-scrolled{height:68px}.brand>span:last-child{font-size:24px}.brand small{font-size:8px;letter-spacing:3px}.brand-symbol{width:25px;gap:3px}.brand-symbol i{height:6px}.brand-symbol i:nth-child(2){width:20px}.brand-symbol i:nth-child(3){width:15px}.menu-toggle{display:block}.main-nav{position:absolute;top:100%;left:0;right:0;background:white;color:var(--ink);display:none;height:auto;padding:10px 24px 26px;box-shadow:0 8px 12px #102a3b10}.menu-open .main-nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav>a,.main-nav>a:first-child{display:flex;height:auto;padding:15px 0;font-size:15px;border-bottom:1px solid var(--line)}.main-nav .nav-contact{border:0;margin:9px 0 0;padding:12px 16px;justify-content:space-between;background:var(--lime);font-size:14px}.main-nav>a:not(.nav-contact):after{display:none}.menu-open{background:white;color:var(--ink)}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero{height:760px;min-height:620px;max-height:94svh}.hero-content{padding-top:180px}.hero h1{font-size:clamp(36px,7.8vw,52px);letter-spacing:0;line-height:1.45;margin-bottom:23px}.hero-image{object-position:63% center}.hero-shade{background:linear-gradient(90deg,#0a233dc9,#0a233d35),linear-gradient(0deg,#0c263e80,transparent)}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:28px}.hero-description{font-size:13px;letter-spacing:.5px;line-height:1.95;margin-bottom:30px}.button{padding:12px 18px;font-size:13px;gap:43px}.hero-bottom{bottom:24px}.hero-bottom p{font-size:11px;gap:12px;letter-spacing:2px}.hero-index{display:none}.scroll-cue{font-size:10px;gap:10px}.scroll-cue>span{height:36px;width:27px;font-size:17px}.strip-grid{grid-template-columns:repeat(2,1fr);width:100%}.strip-grid a{padding:19px 20px;border-bottom:1px solid #ffffff15}.strip-grid a:first-child{border-left:0}.strip-grid a:nth-child(2n){border-right:0}.strip-grid strong{font-size:11px}.strip-grid i{font-size:17px}.strip-grid a>span{font-size:9px}.section-kicker{font-size:11px;gap:19px;margin-bottom:28px}.section-kicker>span:last-child{padding-left:19px}.section-number{font-size:10px;margin-bottom:18px}.overview-main{grid-template-columns:1fr;gap:28px}.overview-main h2{font-size:34px}.overview-copy{max-width:none}.overview-copy .lead{font-size:20px;margin-bottom:18px}.overview-copy>p:not(.lead){font-size:13px}.principles{margin-top:43px;padding-top:25px}.principles>div{padding:0 14px}.principles h3{font-size:13px}.principles p{font-size:10px;line-height:1.9}.principles p br{display:none}.principle-mark{font-size:23px;margin-bottom:10px}.section-heading{gap:25px;margin-bottom:32px;align-items:flex-start;flex-direction:column}.section-heading>.text-link{margin:0}.text-link{font-size:12px;gap:30px;padding-bottom:8px}.text-link span{font-size:21px}.product-tabs{margin-bottom:30px}.product-tabs button{font-size:12px;padding:14px 0;margin-right:10px}.product-tabs button span{display:none}.product-panel{grid-template-columns:1fr;gap:30px}.product-copy h3{font-size:26px}.product-copy>p:not(.mini-label){font-size:13px}.plain-list{margin-block:17px}.product-visual{min-height:340px;padding:24px}.visual-heading{margin-bottom:25px}.backup-chain{gap:10px}.backup-chain>div{flex:1;min-width:0;padding:17px 9px}.backup-chain>div span{font-size:8px}.backup-chain strong{font-size:14px}.backup-chain small{font-size:9px}.source-pair>span{font-size:12px;padding:11px 13px}.source-pair{gap:15px}.flow-stem{margin:0 auto}.visual-footnote{font-size:10px}.section-note{font-size:10px;line-height:1.9;margin-top:23px}.scenario-grid{grid-template-columns:1fr;gap:17px}.scenario-card{height:335px}.scenario-card>img{object-position:center 42%}.scenario-number{top:23px;left:25px;font-size:10px}.scenario-copy{left:25px;right:25px;bottom:23px}.scenario-copy h3{font-size:24px}.scenario-copy p{font-size:12px;margin-bottom:18px}.scenario-copy .circle-arrow{position:absolute;right:0;bottom:0}.scenario-lines>i{left:70%}.scenario-lines>i:nth-child(2){left:53%}.scenario-lines>i:nth-child(3){left:36%}.scenario-solid{height:295px}.heading-description{font-size:12px;margin:0}.security-intro{max-width:none}.security-intro>p{font-size:13px}.architecture-diagram{padding:22px 16px 17px;margin-top:30px}.control-plane{display:flex;flex-direction:column;gap:8px;padding:18px 10px;text-align:center}.control-plane strong{font-size:15px}.control-plane>span{font-size:10px}.control-caption{height:45px;font-size:9px;background:none}.agent-flow{flex-direction:column;gap:5px}.agent-node{width:100%;min-height:90px;display:grid;grid-template-columns:40px 1fr;text-align:left;padding:16px 25px;column-gap:18px}.agent-node .server-icon{grid-row:1 / 3;margin:0}.agent-node>span{font-size:14px}.agent-node>small{font-size:10px}.data-link{height:40px;flex-direction:row;gap:16px;min-width:0}.data-link>b{transform:rotate(90deg);font-size:27px}.diagram-note{font-size:9px;line-height:1.8;margin-top:17px}.security-points{grid-template-columns:1fr 1fr;gap:28px 25px;margin-top:30px}.security-points h3{font-size:15px}.security-points p{font-size:11px}.security-points>div>span{font-size:9px}.faq-section{grid-template-columns:1fr;gap:33px}.faq-intro{margin:18px 0;font-size:12px}.faq-list summary{font-size:13px;padding-block:23px}.faq-list details p{font-size:12px}.contact-section{padding-block:57px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-section h2{font-size:32px}.contact-section h2+p{font-size:12px}.contact-info{padding:27px 0 0;border-left:0;border-top:1px solid #b8c7ae}.contact-company{font-size:21px}.contact-channels{margin:18px 0}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:27px;justify-content:space-between}.footer-top nav{order:3;width:100%;margin:0;justify-content:space-between;font-size:11px;gap:10px}.footer-top .back-top{margin-left:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;font-size:9px}.legal-links{gap:8px 16px}.site-footer{padding-top:32px}.footer-brand>span:last-child{font-size:24px}.inner-page{padding-top:76px!important}.page-hero{padding:42px 0 49px}.page-hero h1{font-size:35px}.page-hero .page-intro{font-size:13px;position:relative;z-index:1}.breadcrumb{font-size:10px;margin-bottom:25px}.detail-layout{display:block;padding-top:30px;padding-bottom:50px}.detail-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0 20px;font-size:11px;margin-bottom:38px;border-top:0}.detail-nav a{padding:9px 0}.detail-nav a>span{display:none}.detail-section{margin-bottom:32px;padding-bottom:33px}.detail-section h2{font-size:25px}.detail-section>p{font-size:13px}.detail-grid{grid-template-columns:1fr;gap:22px;margin:24px 0}.detail-grid h3{font-size:17px}.detail-grid p{font-size:12px}.boundary{font-size:11px;padding:14px 16px}.status-table{font-size:11px;line-height:1.8}.status-table td,.status-table th{padding:12px 6px}.status-table td:nth-child(2){width:auto;white-space:normal}.status{font-size:9px;padding:2px 4px}.privacy-content{padding:30px 0 50px}.privacy-content h2{font-size:22px}.privacy-content p,.privacy-content li{font-size:13px}}
@media(max-width:370px){.hero h1{font-size:34px}.hero-content{padding-top:154px}.hero{min-height:590px}.strip-grid a{padding-inline:14px;gap:7px}.product-visual{padding:20px 15px}.backup-chain{gap:5px}.brand>span:last-child{font-size:22px}.replica-dest{gap:15px}.replica-dest>div{padding:13px 20px}.principles>div{padding-inline:9px}.status-table{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:1700px){.architecture-art{right:max(8%,calc((100vw - 1550px)/2));transform:scale(1.15);top:150px}}
@media(max-width:1150px){.architecture-art{right:-120px;transform:scale(.95);top:172px}.hero-shade{background:linear-gradient(90deg,#102b4270,transparent)}}
@media(max-width:900px){.architecture-art{right:-235px;opacity:.7}.hero-shade{background:linear-gradient(90deg,#102b42b0,#102b4200)}}
@media(max-width:720px){.architecture-art{width:720px;right:-197px;top:282px;transform:scale(.68);opacity:.6}.hero-art{background:linear-gradient(130deg,#102a42,#3b5d6d)}.hero-shade{background:linear-gradient(90deg,#102b42c9,#102b4230),linear-gradient(0deg,#102b4270,transparent 30%)}.art-grid{background-size:65px 65px}.art-coordinate,.art-caption{display:none}.scenario-servers .rack-art{left:32%;top:20px;opacity:.8}.scenario-network .network-art{left:35%;right:10%;top:-10px}.scenario-network .network-art i{width:90px;height:90px}.scenario-network .network-art i:nth-child(1){left:25%}.scenario-network .network-art i:nth-child(2){top:130px;left:-5%}.scenario-network .network-art i:nth-child(3){top:130px;right:-20%}html:not(.js) .site-header{position:relative;flex-wrap:wrap;height:auto;padding-block:20px;background:var(--navy);color:white}html:not(.js) .main-nav{position:static;display:flex;flex-wrap:wrap;gap:0 20px;background:none;color:inherit;box-shadow:none;padding:15px 0 0}html:not(.js) .main-nav>a{font-size:12px}html:not(.js) .main-nav .nav-contact{color:var(--ink)}html:not(.js) .menu-toggle{display:none}html:not(.js) body.inner-page{padding-top:0!important}html:not(.js) .hero-content{padding-top:90px}}

/* Showcase direction: expressive typography, flat color and generous spacing. */
body{background:#fcfcfa}
::selection{background:#2559eb;color:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#4777ff}
h2{font-weight:600;letter-spacing:-.025em;line-height:1.35}
.section{padding-block:112px}
.section-number,.mini-label{color:#747579;letter-spacing:1.6px}
.section-number{font-size:12px}
.text-link{font-size:15px;border-bottom-color:#aaa;gap:30px}
.text-link:hover{color:#2559eb}
.site-header{color:var(--ink);background:#fcfcfa;border-bottom:1px solid var(--line)}
.site-header.is-scrolled{background:rgba(252,252,250,.98)}
.brand small{letter-spacing:3px;color:#727478}
.main-nav{font-size:15px;letter-spacing:.015em}
.main-nav .nav-contact{background:var(--ink);color:white;border-color:var(--ink);border-radius:30px;padding:10px 20px}
.main-nav .nav-contact:hover{background:#2559eb;border-color:#2559eb}
.main-nav>a:not(.nav-contact):after{background:#2559eb}
.hero{background:#fcfcfa;color:var(--ink);height:820px;min-height:760px;max-height:none}
.hero-art{inset:134px max(4%,calc((100vw - 1280px)/2)) 90px auto;width:44%;max-width:592px;z-index:-1;background:none;pointer-events:none}
.hero-content{padding-top:222px}
.hero .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:27px}
.eyebrow>span{width:7px;height:7px;border-radius:50%}
.hero h1{font-size:clamp(60px,6.3vw,92px);font-weight:600;letter-spacing:-.035em;line-height:1.23;margin-bottom:27px}
.hero-description{font-size:16px;color:#66686c;line-height:1.9;letter-spacing:0;max-width:47%}
.button{font-size:15px;gap:30px;min-height:55px;border-radius:30px;padding:14px 21px 14px 25px}
.button-lime{background:var(--ink);color:white}
.button-lime:hover{background:#2559eb}
.hero-bottom{bottom:27px;color:#77787b}
.hero-bottom p{font-size:13px;letter-spacing:.5px}
.hero-index{font-size:11px;color:#77787b;letter-spacing:1px}
.scroll-cue{color:var(--ink);font-size:13px}
.scroll-cue>span{border:0;background:#eeeFEB;width:34px;height:34px}
/* Quiet, decorative linework; intentionally carries no product information. */
.line-art{position:absolute;inset:0;overflow:hidden;opacity:.8;background:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 78%,transparent);mask-composite:intersect}
.line-art i{--i:0;position:absolute;left:calc(12% + var(--i)*3%);top:calc(-32% + var(--i)*3%);width:calc(76% - var(--i)*6%);height:calc(118% - var(--i)*6%);border:1px solid #bcc8ce;border-top:0;border-radius:0 0 240px 240px;transform:rotate(-32deg)}
.line-art i:nth-child(2){--i:1}
.line-art i:nth-child(3){--i:2}
.line-art i:nth-child(4){--i:3;border-color:#4775cf;border-width:1.5px}
.line-art i:nth-child(5){--i:4}
.line-art i:nth-child(6){--i:5}
.line-art i:nth-child(7){--i:6}
.capability-strip{background:#fcfcfa;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip-grid a{padding:27px 22px;border-color:var(--line)}
.strip-grid a:first-child{border-left:1px solid var(--line)}
.strip-grid a>span{font-size:11px;color:#8b8d91}
.strip-grid strong{font-size:15px;font-weight:500}
.strip-grid i{color:var(--ink)}
.strip-grid a:hover{background:#f0f0eb}
.overview-main h2{font-size:clamp(36px,3.8vw,56px);font-weight:600}
.overview-copy .lead{font-size:26px}
.overview-copy>p:not(.lead){font-size:15px}
.principle-mark{color:#2559eb;font-size:34px;font-weight:500}
.principles h3{font-size:16px}
.principles p{font-size:14px}
.product-section{background:#f0f1ed}
.product-tabs{border-color:#d4d6d0}
.product-tabs button{font-size:18px;margin-right:0;padding:20px 18px;color:#737579}
.product-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-radius:9px 9px 0 0;font-weight:500}
.product-tabs button[aria-selected=true]:after{display:none}
.product-tabs button[aria-selected=true] span{color:#c2c5ce}
.product-copy h3{font-size:32px;font-weight:600}
.product-copy>p:not(.mini-label){font-size:15px}
.plain-list{font-size:14px}
.plain-list li:before{background:#2559eb}
.product-visual{background:#fcfcfa;border:1px solid #dddfd9;border-radius:12px}
.visual-heading{font-size:13px}
.diagram-label{font-size:11px;border-color:#deded8;color:#747579}
.source-pair>span{background:white;border-color:#d7d9d5}
.backup-chain>div{background:white;border-color:#d7d9d5;border-radius:4px}
.backup-chain>div.base-point{background:#2559eb;border-color:#2559eb}
.backup-chain .base-point span,.backup-chain .base-point small{color:#e0e7ff}
.chain-bracket>span{background:#fcfcfa}
.visual-footnote,.section-note{font-size:12px;color:#707573}
.replica-source,.workflow-node.primary{background:#2559eb;border-color:#2559eb;border-radius:4px}
.replica-source small,.workflow-node.primary span{color:#e0e7ff}
.replica-dest>div,.workflow-node{background:white;border-color:#d7d9d5;border-radius:4px}
.heading-description{font-size:15px}
.scenario-grid{gap:24px}
.scenario-card{border-radius:10px;min-height:470px}
.scenario-overlay{display:none}
.scenario-servers{background:#2559eb}
.scenario-network{background:#e8eceb;color:var(--ink)}
.scenario-solid{background:var(--ink)}
.scenario-number{font-size:12px;top:28px;left:28px}
.scenario-copy{left:28px;right:28px;bottom:28px}
.scenario-copy h3{font-size:25px;font-weight:500}
.scenario-copy p{font-size:14px;color:#edf0ff}
.scenario-copy .circle-arrow{width:43px;height:43px}
.scenario-network p{color:#646a68}
.scenario-network .circle-arrow{border-color:#a8ada9}
.scenario-card:hover .circle-arrow{background:#fff;color:#2559eb;border-color:#fff;transform:rotate(45deg)}
.scenario-network:hover .circle-arrow{background:var(--ink);color:white;border-color:var(--ink)}
.rack-art{inset:90px -30px auto 60px;gap:18px;transform:rotate(-28deg)}
.rack-art i{height:170px;width:65px;background:transparent;border:1px solid #ffffffa1;box-shadow:none;border-radius:40px}
.rack-art i:after{display:none}
.rack-art i:nth-child(2){background:#ffffff15}
.rack-art i:nth-child(3){background:#ffffff30}
.network-art{top:60px;left:20%;right:10%;height:175px}
.network-art i{width:100px;height:100px;border-radius:8px;background:#e8eceb;border-color:#8eaaa0;box-shadow:-10px 17px 0 #dce3df,-11px 18px 0 #8eaaa0;transform:rotate(-30deg) skewX(24deg)}
.network-art i:nth-child(2){top:85px;left:-20px}
.network-art i:nth-child(3){top:83px;right:0}
.network-art b{display:none}
.scenario-lines>i{border-color:#ffffff65;border-radius:50%;width:290px;height:290px;left:40%;top:-70px}
.scenario-lines>i:nth-child(2){left:25%;top:-50px}
.scenario-lines>i:nth-child(3){left:10%;top:-30px}
.security-section{background:var(--ink)}
.security-intro>p,.security-points p{font-size:15px;color:#bfc3c9}
.security-section .section-number{color:#a9adb4}
.light-link:hover{color:#93b2ff}
.architecture-diagram{border-color:#ffffff30;border-radius:12px;background:#ffffff03}
.control-plane{background:#ffffff06;border-color:#ffffff30}
.control-caption{color:#a8b0ba}
.control-caption span{background:var(--ink)}
.agent-node{background:#2d3036;border-color:#5c626e;border-radius:5px}
.agent-node>small{font-size:12px;color:#b7bdc7}
.data-link>span{color:#bfc8df;font-size:12px}
.data-link>b{color:#a7c0ff}
.diagram-note{font-size:12px;color:#b0b5c0}
.security-points{gap:36px}
.security-points>div{border-top-color:#ffffff35}
.security-points h3{font-size:20px}
.faq-intro{font-size:15px}
.faq-list summary{font-size:17px;padding-block:27px}
.faq-list details p{font-size:15px}
.faq-list details[open] summary{color:#2559eb}
.contact-section{background:#e9edff;padding:90px 0}
.contact-section .section-number{color:#2559eb}
.contact-section h2{font-size:clamp(34px,3.7vw,54px);font-weight:600}
.contact-section h2+p{font-size:15px;color:#606775}
.contact-info{border-left-color:#b6bfd7}
.contact-company{font-size:25px;font-weight:500}
.contact-info>p:not(.contact-company),.contact-unconfigured,.contact-info .company-address{font-size:14px;color:#616a7f}
.contact-channel span{font-size:13px;color:#616a7f}
.contact-channel a{font-size:20px}
.page-hero{background:#f0f1ed;color:var(--ink)}
.page-hero:after{border-color:#2559eb40;box-shadow:0 0 0 50px #2559eb08,0 0 0 100px #2559eb04}
.page-hero h1{font-size:54px;font-weight:600}
.page-hero .page-intro{color:#66686c}
.breadcrumb{color:#66686c;font-size:13px}
.breadcrumb a:hover{color:#2559eb}
.detail-nav{font-size:14px}
.detail-nav a:hover{color:#2559eb}
.detail-section>p,.detail-grid p{font-size:15px}
.boundary{font-size:13px;background:#f0f1ed}
.status-table{font-size:14px}
.privacy-content p,.privacy-content li{font-size:16px}
@media(min-width:1700px){
  .hero{height:890px}
  .hero-content{padding-top:240px}
  .hero-art{right:max(5%,calc((100vw - 1440px)/2));width:45%;max-width:660px;top:140px;bottom:105px}
  .hero h1{font-size:104px}
}
@media(max-width:1150px){
  .hero{height:760px;min-height:720px}
  .hero-art{right:36px;top:142px;bottom:104px;width:43%}
  .hero-content{padding-top:218px}
  .hero h1{font-size:68px;letter-spacing:-.03em}
  .hero-description{font-size:14px}
  .strip-grid a{padding-inline:15px}
  .strip-grid strong{font-size:13px}
  .main-nav{font-size:13px}
  .principles p{font-size:13px}
  .scenario-grid{gap:16px}
  .scenario-copy h3{font-size:21px}
  .scenario-copy p{font-size:13px}
  .scenario-copy,.scenario-number{left:23px;right:23px}
  .footer-brand>span:last-child{font-size:32px}
  .footer-top nav{gap:22px}
}
@media(max-width:900px){
  .hero h1{font-size:60px}
  .hero-art{width:42%;top:170px;bottom:140px}
  .hero-description{max-width:48%;font-size:14px}
  .product-tabs button{font-size:15px;padding-inline:12px}
  .product-copy h3{font-size:27px}
  .scenario-copy h3{font-size:19px}
  .scenario-copy p{font-size:13px}
  .scenario-copy p br{display:none}
  .security-points p{font-size:13px}
  .contact-layout{gap:35px}
}
@media(max-width:720px){
  .section{padding-block:72px}
  h2{font-size:34px;letter-spacing:-.02em}
  .main-nav{background:#fcfcfa}
  .main-nav .nav-contact{color:white;background:var(--ink);border-radius:24px}
  .hero{height:auto;min-height:0;max-height:none;padding-bottom:70px;display:flex;flex-direction:column;isolation:auto}
  .hero-content{padding-top:130px;padding-bottom:40px;order:0}
  .hero h1{font-size:clamp(48px,12vw,76px);letter-spacing:-.025em;line-height:1.25}
  .hero .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:23px}
  .hero-description{max-width:none;font-size:14px;margin-bottom:25px}
  .hero-art{position:relative;inset:auto;order:1;z-index:auto;width:calc(100% - 40px);max-width:none;height:400px;margin:0 auto;border-radius:0;background:none}
  .hero-bottom{bottom:18px}
  .hero-bottom p{font-size:11px;letter-spacing:0}
  .scroll-cue{font-size:11px}
  .button{min-height:50px;font-size:14px}
  .strip-grid a{padding:21px 15px;gap:8px;border-bottom-color:var(--line)}
  .strip-grid a:first-child{border-left:0}
  .strip-grid strong{font-size:12px}
  .strip-grid a>span{font-size:10px}
  .section-number{font-size:11px}
  .text-link{font-size:14px}
  .overview-main h2{font-size:35px}
  .overview-copy .lead{font-size:23px}
  .overview-copy>p:not(.lead){font-size:14px}
  .principles h3{font-size:14px}
  .principles p{font-size:12px}
  .principle-mark{font-size:26px}
  .product-tabs button{font-size:12px;padding:15px 5px;text-align:center}
  .product-copy h3{font-size:28px}
  .product-copy>p:not(.mini-label){font-size:14px}
  .plain-list{font-size:13px}
  .product-visual{padding:24px 18px}
  .visual-heading{font-size:12px}
  .visual-footnote,.section-note{font-size:11px}
  .scenario-card{min-height:380px;height:380px}
  .scenario-copy h3{font-size:25px}
  .scenario-copy p{font-size:14px;max-width:80%}
  .scenario-copy p br{display:block}
  .scenario-copy .circle-arrow{width:40px;height:40px}
  .scenario-servers .rack-art{inset:70px -20px auto 34%;transform:rotate(-28deg);opacity:1}
  .scenario-network .network-art{top:30px;left:32%;right:16%}
  .scenario-network .network-art i:nth-child(2){top:95px}
  .scenario-network .network-art i:nth-child(3){top:95px;right:-20%}
  .security-intro>p,.security-points p{font-size:14px}
  .security-points h3{font-size:18px}
  .diagram-note{font-size:11px}
  .faq-intro,.faq-list details p{font-size:14px}
  .faq-list summary{font-size:15px}
  .contact-section{padding-block:64px}
  .contact-section h2{font-size:34px}
  .contact-section h2+p{font-size:14px}
  .contact-info{border-top-color:#b6bfd7}
  .contact-channel{flex-wrap:wrap;gap:5px 15px}
  .contact-channel a{font-size:18px}
  .site-footer{padding-top:42px}
  .footer-top{gap:27px;padding-bottom:30px}
  .footer-brand>span:last-child{font-size:32px}
  .footer-top nav{font-size:15px;gap:12px;flex-wrap:wrap;justify-content:flex-start;column-gap:24px}
  .footer-bottom{font-size:13px;padding-top:23px;padding-bottom:28px;gap:15px}
  .legal-links{gap:10px 18px;overflow-wrap:anywhere;max-width:100%}
  .back-top{width:44px;height:44px}
  .page-hero h1{font-size:36px;letter-spacing:-1px}
  .page-hero .page-intro{font-size:14px}
  .detail-nav{font-size:12px}
  .detail-section>p,.detail-grid p{font-size:14px}
  .boundary{font-size:12px}
  .status-table{font-size:12px}
  .privacy-content p,.privacy-content li{font-size:15px}
}
@media(max-width:370px){
  .hero-art{height:340px}
  .footer-top nav{column-gap:18px;font-size:14px}
  .footer-brand>span:last-child{font-size:29px}
  .hero-bottom p{font-size:10px}
  .strip-grid a{padding-inline:10px;gap:6px}
  .strip-grid strong{font-size:11px}
}