:root{--ink:#0b1220;--blue:#1473ff;--cyan:#00b8e6;--mint:#20c997;--cloud:#f7fafe;--slate:#667085;--line:#dde5ee;--white:#fff;color-scheme:light}
html{scroll-behavior:smooth}body{background:#fcfdfe;line-height:1.65}h1,h2,h3{letter-spacing:-.04em}h2{font-size:clamp(2.45rem,4.5vw,4.15rem)}.section{padding:116px 0}.eyebrow{font-size:.8rem;letter-spacing:.09em}.btn{transition:background-color .2s,border-color .2s,color .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.btn.outline{background:#fff;border-color:#bac9d9;color:var(--ink)}.btn.outline:hover{border-color:var(--blue);color:var(--blue)}.btn.primary:hover{background:#075fdc}a:focus-visible,button:focus-visible{outline:3px solid #007dbe;outline-offset:3px}
.site-header{background:#fffffffa;color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:none;transition:background .2s,box-shadow .2s}.site-header.is-scrolled{background:#fffffff0;backdrop-filter:blur(8px);box-shadow:0 8px 30px #0b122009}.header-inner{min-height:76px}.endorse{font-size:.65rem;color:#536579;letter-spacing:.055em}.desktop-nav a,.login{color:#394a5c;font-size:.86rem}.desktop-nav a:hover,.login:hover,.desktop-nav a.is-active{color:var(--blue)}.desktop-nav a.is-active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.menu-toggle{color:var(--ink);border-color:var(--line)}.mobile-menu.open{background:#fff;border-top-color:var(--line)}.mobile-menu a{border-bottom-color:var(--line)}
.hero{background:#fcfdfe;color:var(--ink);padding:106px 0 100px}.hero:before{opacity:.7;background-image:linear-gradient(#e4effb 1px,transparent 1px),linear-gradient(90deg,#e4effb 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 45%,#000 100%)}.hero-grid{grid-template-columns:1fr 1.02fr;gap:6%}.hero h1{font-size:clamp(3.3rem,5.3vw,5.9rem);letter-spacing:-.055em;max-width:650px}.hero h1 em{color:var(--blue)}.hero .lead{color:#46576c;max-width:57ch;margin:29px 0 36px;line-height:1.75}.hero-diagram{padding:22px;border:1px solid #cbddee;border-radius:16px;background:#fff;box-shadow:0 24px 70px #0b356412,0 2px 12px #0b356408}.diagram-top{color:#586c80;border-bottom:1px solid var(--line);font-size:.7rem;gap:12px}.flow-status{color:var(--blue);white-space:nowrap}.hero-flow{padding:24px 10px 6px}.flow-node,.flow-node.edge,.flow-node.hit,.flow-node.muted-node{background:#fff;border:1px solid #d2deea;color:var(--ink);box-shadow:inset 3px 0 0 transparent;opacity:1;width:min(100%,390px);padding:12px 17px;transition:border-color .35s,box-shadow .35s,background-color .35s}.flow-node strong{font-size:.91rem}.flow-node small{font-size:.69rem;color:#51677d}.flow-node.is-active{border-color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan);background:#f5fcff}.flow-node.is-hit{border-color:var(--mint);box-shadow:inset 3px 0 0 var(--mint);background:#f3fdf9}.flow-node.is-hit small{color:#087a56}.flow-line{height:25px;background:#c8d9e9;transition:background-color .4s}.flow-line:after{animation:none;opacity:0;background:var(--cyan);transform:translateY(0)}.flow-line.is-active{background:var(--cyan)}.flow-line.is-active:after{animation:request-travel .65s ease-in-out 1;opacity:1}.flow-caption{color:#53697e;font-size:.71rem;line-height:1.55;margin-top:16px}@keyframes request-travel{from{transform:translateY(0)}to{transform:translateY(17px)}}
.trust{background:#fff;border-top:1px solid var(--line);padding:38px 0 42px}.trust-row span{font-size:.9rem;color:#26384a}.trust-row span:before{width:3px;height:16px;border-radius:2px}.client-row{margin-top:29px;padding-top:28px}.client-row p{font-size:.85rem;color:#536579}.client-logos{color:#253649}.problem-grid{gap:14%;margin-top:62px}.problem-intro{color:#384b60}.problem-terms{color:#586a7d;font-size:.9rem;line-height:2}.capability{padding:26px 0}.capability p{font-size:.97rem;color:#526477}
.system{background:#eaf3ff;padding:116px 0}.system-head p{color:#40566c}.scenario-controls button{font-size:.88rem;padding:11px 17px;border-color:#c8d8e9}.scenario-controls button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue)}.scenario-controls button:hover{border-color:var(--blue)}.system-console{border-color:#c8d8e9;box-shadow:0 20px 60px #18498110}.topology{background:#fafdff}.topology:before{background-image:linear-gradient(#dceaf664 1px,transparent 1px),linear-gradient(90deg,#dceaf664 1px,transparent 1px)}.top-node{transition:opacity .35s,border-color .35s,box-shadow .35s,background-color .35s}.top-node.active{border-color:var(--cyan);box-shadow:inset 3px 0 0 var(--cyan)}.top-node.success{border-color:var(--mint);box-shadow:inset 3px 0 0 var(--mint)}.top-node.off{color:#754d4d;background:#faf3f3;border-color:#dfc9c9}.topology.is-entering .top-node,.topology.is-entering .origins{opacity:.35}.topology.is-entering .top-node.is-seen,.topology.is-entering .origins.is-seen{opacity:1}.topology.is-entering .top-connector{background:#c7d9e9;transition:background-color .35s}.topology.is-entering .top-connector.is-seen{background:var(--cyan)}.console-details{background:#102235}.console-details p{font-size:.96rem;color:#d0dbe6}.trace span{color:#65deb8}
.feature p,.feature ul{font-size:.98rem;color:#526477}.feature-surface{background:#fff;color:var(--ink);border-color:#d5e2ee;box-shadow:0 18px 55px #16477a0c}.surface-head{color:#5f7388;border-color:var(--line)}.config-row{border-color:#e8eef4;font-size:.86rem}.config-row span:nth-child(2){color:#315e8c;font-size:.78rem}.config-row b{color:#087a56;font-size:.73rem}.config-row b.neutral{color:#637487}.feature-surface.light{background:#f7fafe}.origin-row{position:relative;margin:0;border-radius:0;border-bottom:0;transition:border-color .2s,background-color .2s}.origin-row:nth-child(2){border-radius:8px 8px 0 0}.origin-row:nth-child(4){border-bottom:1px solid #dce5ed;border-radius:0 0 8px 8px}.origin-row+.origin-row:before{content:"";position:absolute;left:26px;top:-1px;height:1px;width:24px;background:var(--cyan)}.origin-row:hover,.origin-row:focus-within{border-color:var(--cyan);background:#f3fbff}.origin-row strong{font-size:.91rem}.origin-row small{font-size:.73rem;color:#566b80}.origin-row i{background:var(--mint)}.origin-row:nth-child(4) i{background:#a4b5c7}.compact-features span{font-size:.85rem}
.commerce{background:#f7fafe}.commerce-head p{color:#526477}.platforms{grid-template-columns:1.3fr repeat(3,1fr);border-color:#d2e1ef;gap:10px;background:transparent;border:0}.platform,.platform.featured{position:relative;background:#fff;border:1px solid #d5e2ee;border-radius:10px;min-height:270px;padding:29px 25px;transition:border-color .2s,background-color .2s}.platform:hover,.platform:focus-within{border-color:var(--blue);background:#f8fbff}.platform.featured{background:#eaf3ff;border:1px solid #a8caff;box-shadow:inset 0 3px 0 var(--blue);padding-top:29px}.platform .tag{font-size:.72rem;margin-bottom:28px}.platform p{font-size:.89rem;color:#526477;margin-top:28px}.platform:after{content:"STATIC ASSETS  /  CACHE POLICY";position:absolute;left:25px;bottom:20px;right:20px;border-top:1px solid var(--line);padding-top:10px;color:#617d9a;font:500 .61rem 'IBM Plex Mono',monospace;letter-spacing:.015em}.platform:nth-child(1):after{content:"STATIC ASSETS  /  MULTI-ORIGIN"}.platform:nth-child(2):after{content:"UPLOADS  /  CART BYPASS"}.platform:nth-child(3):after{content:"ORIGIN  /  TTL POLICY"}.platform:nth-child(4):after{content:"THIRD-PARTY ASSETS  /  OBSERVATION"}.platform p{padding-bottom:32px}
.proof{background:#0b1220}.proof-head p{color:#c4d2df}.proof-col+ .proof-col{background:#102235}.proof-col .label,.metric span{color:#b5c7d8}.bar-track{background:#344b63}.bar-track i{transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.2,.75,.25,1)}.proof.is-visible .bar-track i{transform:scaleX(1)}.proof-note{font-size:.86rem;color:#bdcddd}
.packages-grid{grid-template-columns:1fr 1.08fr 1fr;gap:16px}.package{background:#fff;border-color:#d6e2ed;border-radius:10px;padding:34px 30px;transition:border-color .2s}.package:hover{border-color:#9cbfe8}.package.featured{background:#f1f7ff;padding:33px 29px;border-color:var(--blue)}.package .kicker{font-size:.73rem}.package p{font-size:.9rem;color:#526477;min-height:82px}.package li{font-size:.88rem}.package li:before{color:var(--blue)}
.onboarding{background:#f7fafe}.steps:before{border-color:#b9cfe5}.step span{background:#dcebf9;color:#15508a;border:1px solid #bcd7f0;transition:background-color .3s,color .3s,border-color .3s}.onboarding.is-visible .step span{animation:step-on .45s ease-out both;animation-delay:calc(var(--i) * 110ms)}.step:nth-child(1){--i:0}.step:nth-child(2){--i:1}.step:nth-child(3){--i:2}.step:nth-child(4){--i:3}.step:nth-child(5){--i:4}.step:nth-child(6){--i:5}.step:last-child span{background:#d8f8ed;color:#087a56;border-color:#a6e7d0}@keyframes step-on{from{background:#dcebf9;color:#15508a}to{background:#1473ff;color:#fff}}.onboarding.is-visible .step:last-child span{animation-name:step-last}@keyframes step-last{from{background:#d8f8ed}to{background:#d8f8ed}}
.customer p{color:#526477}.customer-list div{transition:padding .2s,border-color .2s}.customer-list div:hover{border-color:#9dbfe6;padding-left:5px}.customer-list span{color:#526477}.final-cta{background:#102235}.footer{background:#0b1220}
@media(max-width:1050px){.mobile-menu.open{border-top:1px solid var(--line)}.mobile-menu a{border-bottom-color:var(--line)}.platforms{grid-template-columns:repeat(2,1fr)}.platform:nth-child(2),.platform:nth-child(-n+2){border:1px solid #d5e2ee}}
@media(max-width:760px){.section,.system,.proof{padding:80px 0}.header-inner{min-height:68px}.hero{padding:70px 0 78px}.hero-grid{grid-template-columns:1fr;gap:27px}.hero h1{font-size:clamp(3.1rem,11vw,4.8rem)}.hero .lead{font-size:1rem}.hero-diagram{margin-top:0;padding:17px}.hero-flow{padding:21px 0 4px}.flow-node{width:100%;min-width:0}.flow-node small{white-space:normal;text-align:right}.flow-line{height:21px}.diagram-top{font-size:.61rem}.trust-row span{font-size:.85rem}.system-head p{margin-top:20px}.system-console{grid-template-columns:1fr}.topology{padding:25px 14px}.origins{display:flex;flex-direction:column;gap:8px;width:min(100%,360px)}.origins .top-node{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:.79rem}.origins small{font-size:.68rem}.top-node small{font-size:.68rem}.features .feature.reverse .feature-surface{order:2}.platforms{grid-template-columns:1fr;gap:12px}.platform,.platform.featured{min-height:215px;padding:25px}.platform p{margin-top:16px;padding-bottom:28px}.platform .tag{margin-bottom:15px}.platform:nth-child(-n+2){border:1px solid #d5e2ee}.proof-columns,.packages-grid{grid-template-columns:1fr}.package p{min-height:0}.steps{grid-template-columns:1fr;row-gap:0;margin-left:18px}.steps:before{display:block;left:19px;right:auto;top:0;bottom:0;width:1px;border:0;background:#b9cfe5}.step{display:flex;align-items:center;gap:20px;padding:0 0 26px}.step span{flex:none;z-index:1}.step strong{margin:0;font-size:.94rem}.final-cta{background:#102235}}
@media(max-width:390px){.diagram-top{flex-wrap:wrap}.flow-node{padding:11px 12px}.flow-node strong{font-size:.82rem}.flow-node small{font-size:.62rem}.config-row{grid-template-columns:1fr 1.3fr .6fr;font-size:.74rem;gap:5px}.config-row span:nth-child(2),.config-row b{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bar-track i{transform:scaleX(1)}.topology.is-entering .top-node,.topology.is-entering .origins{opacity:1}}
.package-scope{color:#245b93;background:#edf5ff;border-radius:5px;padding:9px 11px;font-size:.78rem;font-weight:700;margin-top:2px}.package.featured .package-scope{background:#dcecff}.package ul{margin-top:22px}
/* Product behavior and hierarchy refinements */
html,body{max-width:100%}body{overflow-x:clip}.wordmark{font-size:1.42rem}.icon{width:17px;height:17px;flex:none;display:inline-block;vertical-align:middle}.footer-links a{display:inline-flex;align-items:center;gap:5px}.desktop-nav a{position:relative;transition:color .2s}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--blue);transition:right .2s}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{right:0}.desktop-nav a.is-active{text-decoration:none}
.hero-diagram{isolation:isolate}.hero-diagram:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#e7f1fa55 1px,transparent 1px),linear-gradient(90deg,#e7f1fa55 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(90deg,transparent 8%,#000 90%);border-radius:inherit}.flow-node.is-healthy{border-color:var(--mint);box-shadow:inset 3px 0 0 var(--mint);background:#f3fdf9}.flow-node.is-healthy small,.flow-node.is-hit small{color:#087a56}.flow-node.is-warning{border-color:#d6b3a9;box-shadow:inset 3px 0 0 #b18b81;background:#fbf7f6}.flow-node.is-warning small{color:#805953}.flow-line{overflow:hidden}.flow-line.is-active:after{width:4px;height:6px;left:-1.5px;border-radius:2px}.flow-node,.flow-line{will-change:auto}
.trust-row span:before{transform-origin:center bottom}.trust.is-visible .trust-row span:before{animation:indicator-in .45s ease-out both}.trust.is-visible .trust-row span:nth-child(2):before{animation-delay:90ms}.trust.is-visible .trust-row span:nth-child(3):before{animation-delay:180ms}.trust.is-visible .trust-row span:nth-child(4):before{animation-delay:270ms}.trust.is-visible .client-logos{animation:logos-in .55s ease-out both;animation-delay:230ms}@keyframes indicator-in{from{transform:scaleY(.1);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes logos-in{from{opacity:.45}to{opacity:1}}
.topology,.system-console,.hero-grid,.features .feature,.platforms,.packages-grid{min-width:0}.topology{overflow:hidden}.top-node{min-width:0;gap:10px}.top-node span{min-width:0}.top-node small{overflow-wrap:anywhere}.top-node.is-route{border-color:var(--cyan)}.top-node.success{background:#f3fdf9}.top-node.success .node-status{color:#087a56}.top-node.off .node-status{color:#805953}.top-node .node-status{font-weight:500;transition:color .35s}.top-connector{background:#c7d9e9;transition:background-color .45s}.top-connector.is-route{background:var(--cyan)}.topology .origins{position:relative;padding-top:42px;align-items:stretch}.origins .top-node{min-width:0}.origins .top-node span{display:block}.origin-routes{position:absolute;top:0;left:0;width:100%;height:42px;overflow:visible;pointer-events:none}.origin-routes path{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.origin-routes .route-base{stroke:#c7d9e9}.origin-routes .route-active{stroke:var(--cyan);opacity:0;stroke-dasharray:220;stroke-dashoffset:220;transition:opacity .3s,stroke-dashoffset .65s ease}.topology[data-route="miss"] .route-to-primary,.topology[data-route="failover-check"] .route-to-primary,.topology[data-route="failover"] .route-to-secondary{opacity:1;stroke-dashoffset:0}.topology[data-route="failover-check"] .route-to-primary{stroke:#b18b81}.topology.is-entering .top-node,.topology.is-entering .origins{opacity:.35}.topology.is-entering .top-node.is-seen,.topology.is-entering .origins.is-seen{opacity:1}.scenario-controls button{transition:color .2s,background-color .2s,border-color .2s}
.package-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:20px 0 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.package-specs div{min-width:0;padding:0 8px;border-right:1px solid var(--line)}.package-specs div:first-child{padding-left:0}.package-specs div:last-child{border:0;padding-right:0}.package-specs dt{font:600 .67rem 'IBM Plex Mono',monospace;color:#5d7186;letter-spacing:.025em}.package-specs dd{margin:7px 0 0;font-size:.83rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.package ul{margin:12px 0 25px;padding:12px 0 0}.package li{padding-top:4px;padding-bottom:4px}.package li:before{content:"";width:15px;height:15px;top:9px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231473ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}
.platforms{grid-template-columns:1.5fr repeat(3,minmax(0,1fr))}.platform{min-width:0}.platform.featured{min-height:310px}.platform.featured:after{display:none}.platform .preset{margin-top:19px;padding:11px 14px;background:#fff;border:1px solid #bdd7f3;border-radius:7px}.preset-title{display:block;color:#315e8c;font:600 .64rem 'IBM Plex Mono',monospace;margin-bottom:7px}.preset div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;border-top:1px solid #e9eff6;font:500 .63rem 'IBM Plex Mono',monospace;color:#425c75}.preset strong{color:#087a56;font-size:.63rem}.preset strong.preset-neutral{color:#315e8c}.platform.featured p{padding-bottom:0;margin-top:15px}.platform:not(.featured) p{overflow-wrap:anywhere}
@media(max-width:1050px){.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.platform.featured{min-height:0}.platform{min-height:275px}}
@media(max-width:760px){.hero,.system,.trust,.commerce,.proof,.onboarding{overflow-x:clip}.hero-grid>*,.system-console>*,.features .feature>*,.commerce-head>*,.proof-columns>*,.package{min-width:0}.scenario-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scenario-controls button{min-width:0;min-height:47px;padding:8px 9px;line-height:1.25;text-align:center}.topology .origins{padding-top:14px}.origin-routes{display:none}.origins:before{content:"";position:absolute;left:6px;top:15px;bottom:16px;width:1px;background:#c7d9e9}.origins .top-node{position:relative;margin-left:16px;width:calc(100% - 16px);text-align:left}.origins .top-node:before{content:"";position:absolute;left:-17px;top:50%;width:17px;height:1px;background:#c7d9e9;transition:background-color .35s}.origins .top-node.is-route:before{background:var(--cyan)}.top-node{width:100%}.top-node small{white-space:normal;text-align:right}.origins small{text-align:right}.platforms{grid-template-columns:1fr}.platform,.platform.featured{min-height:0}.platform.featured{padding-bottom:26px}.package-specs dd{font-size:.78rem}.package-specs dt{font-size:.63rem}.proof-meta{overflow-wrap:anywhere}.hero-diagram:before{background-size:28px 28px}}
@media(max-width:390px){.topology{padding-left:12px;padding-right:12px}.scenario-controls button{font-size:.79rem}.package{padding:27px 20px}.package.featured{padding:26px 19px}.package-specs div{padding:0 5px}.package-specs dd{font-size:.74rem}.preset div{font-size:.59rem}}
@media(prefers-reduced-motion:reduce){.trust.is-visible .trust-row span:before,.trust.is-visible .client-logos{animation:none}.origin-routes .route-active{stroke-dashoffset:0}.topology.is-entering .top-node,.topology.is-entering .origins{opacity:1}}
.preset-title,.preset div,.preset strong{font-size:.72rem}.package-specs dt{font-size:.72rem}.diagram-top{font-size:.73rem}.flow-node small{font-size:.72rem}
@media(max-width:390px){.preset div,.preset strong,.package-specs dt{font-size:.69rem}.package-specs dd{font-size:.76rem}.diagram-top{font-size:.66rem}}