:root{--color-bg:#f9fafb;--color-bg-opacity:rgba(249,250,251,.86);--color-menu-bg:#fff;--color-menu-bg-2:#e6e7eb;--color-menu-bg-3:#fff;--color-border:#e6e7eb;--color-border-fade:#eef0f5;--color-text:#1f2937;--color-text-fade:rgba(31,41,55,.7);--color-sub-text:#6c7280;--page-width:1200px;--grad:linear-gradient(90deg,#3c82f6 0%,#8b5df6 100%);--shadow:0 18px 60px rgba(31,41,55,.08)}
@media(prefers-color-scheme:dark){:root{--color-bg:#171717;--color-bg-opacity:rgba(23,23,23,.88);--color-menu-bg:#262626;--color-menu-bg-2:#2d2d2d;--color-menu-bg-3:#212121;--color-border:#404040;--color-border-fade:#272727;--color-text:#fff;--color-text-fade:rgba(255,255,255,.72);--color-sub-text:#8d8d8d;--shadow:0 18px 60px rgba(0,0,0,.24)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;-webkit-font-smoothing:antialiased;background:var(--color-bg);font-family:PingFangSC,PingFang SC,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:400;font-size:14px;color:var(--color-text);line-height:20px}a{color:var(--color-text-fade);text-decoration:none;transition:all .3s ease-in-out}a:hover,a:active{color:var(--color-text)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}ul,ol,li,dl,dt,dd{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-weight:400}img{max-width:100%;display:block}.page-container{margin:0 auto;width:var(--page-width)}.mobile-only{display:none}.laptop-only{display:block}
.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg-opacity);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,231,235,.6)}.nav-wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--color-text)}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--grad);display:grid;place-items:center;box-shadow:0 12px 30px rgba(60,130,246,.26)}.brand-mark i{width:15px;height:15px;border-radius:50%;border:3px solid #fff;position:relative}.brand-mark i:before,.brand-mark i:after{content:"";position:absolute;width:7px;height:7px;background:#fff;border-radius:50%}.brand-mark i:before{left:-9px;top:1px}.brand-mark i:after{right:-9px;bottom:1px}.brand-text{font-size:17px;font-weight:600}.version{font-size:12px;color:var(--color-sub-text);padding:3px 7px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-menu-bg)}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:14px}.demo-link{padding:9px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-menu-bg);box-shadow:0 8px 28px rgba(31,41,55,.04)}
.banner-container{position:relative;margin-top:86px;height:550px;overflow:hidden}.hero-bg{position:absolute;inset:-20px 0 0 420px;pointer-events:none}.orbit{position:absolute;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(60,130,246,.24),rgba(139,93,246,.07) 58%,transparent 68%);filter:blur(.2px);animation:float 7s ease-in-out infinite}.orbit-a{width:380px;height:380px;right:80px;top:0}.orbit-b{width:260px;height:260px;right:360px;top:110px;animation-delay:-2s}.orbit-c{width:180px;height:180px;right:50px;top:260px;animation-delay:-4s}.mesh{position:absolute;right:72px;top:58px;width:540px;height:360px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.1));border:1px solid var(--color-border);box-shadow:var(--shadow);overflow:hidden}.mesh:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 30%,rgba(60,130,246,.25),transparent 28%),radial-gradient(circle at 73% 52%,rgba(139,93,246,.2),transparent 30%),linear-gradient(90deg,transparent 49%,rgba(60,130,246,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(139,93,246,.1) 50%,transparent 51%);background-size:100% 100%,100% 100%,70px 70px,70px 70px;animation:gridMove 12s linear infinite}.mesh span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 8px rgba(60,130,246,.08),0 0 34px rgba(60,130,246,.35);animation:pulse 2.4s ease-in-out infinite}.mesh span:nth-child(1){left:70px;top:76px}.mesh span:nth-child(2){left:220px;top:142px;animation-delay:.4s}.mesh span:nth-child(3){left:390px;top:92px;animation-delay:.8s}.mesh span:nth-child(4){left:340px;top:250px;animation-delay:1.2s}.mesh span:nth-child(5){left:118px;top:270px;animation-delay:1.6s}.banner-container>.title{display:flex;flex-direction:column;gap:34px;position:relative;z-index:2}.banner-container>.title p{font-family:HelveticaExt,HelveticaNeue,Arial,sans-serif;font-size:60px;line-height:60px;letter-spacing:-2px}.banner-container>.title span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-container>.content{position:relative;z-index:2;margin-top:30px;width:510px;font-size:16px;line-height:28px;color:var(--color-sub-text)}.banner-container>.btns-container{position:relative;z-index:2;margin-top:30px;display:flex;gap:10px}.banner-container>.btns-container .tag{padding:9px 15px;border-radius:6px;background:#1f2937;color:#fff;transition:.25s}.banner-container>.btns-container .tag:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,41,55,.14)}.banner-container>.btns-container .ghost{background:var(--color-menu-bg);color:var(--color-text);border:1px solid var(--color-border)}.banner-container>.install-command-container{position:relative;z-index:2;margin-top:92px;display:flex}.install-command{background:var(--color-menu-bg);border-radius:8px;border:1px solid var(--color-border);padding:16px 20px 16px 30px;box-shadow:var(--shadow);display:flex;align-items:center;gap:28px}.install-command span{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.install-command b{font-weight:400;color:var(--color-sub-text);border-left:1px solid var(--color-border);padding-left:18px}
.features-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 0}.feature-item{height:360px;border-radius:24px;background:var(--color-menu-bg);border:1px solid var(--color-border);box-sizing:border-box;padding:30px;position:relative;overflow:hidden;opacity:.88;transition:all .3s ease-in-out;box-shadow:0 10px 40px rgba(31,41,55,.025)}.feature-item:hover{opacity:1;transform:translateY(-3px);box-shadow:var(--shadow)}.feature-item>.content{position:absolute;z-index:2}.feature-item>.content .title{font-weight:500;font-size:24px;color:var(--color-text);line-height:33px}.feature-item>.content .title .plus{width:40px;height:20px;background:var(--grad);border-radius:4px;font-size:14px;color:#fff;display:inline-flex;align-items:center;justify-content:center}.feature-item>.content .content{margin-top:14px;color:var(--color-sub-text);max-width:390px}.f-1-3{width:386px}.f-2-3{width:794px}.f-3-3{width:100%}.f-1-2{width:590px}.content-delivery .content,.waf .content,.edge-content .content,.reverse-proxy .content,.multi-tenant .content,.ipv6 .content,.smart-dns .content,.visualization .content,.api .content{left:30px;bottom:30px}.cluster .content{left:30px;top:30px}.animated-card{position:absolute;z-index:1}.animated-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(60,130,246,.16),transparent 60%);filter:blur(16px)}.cdn-flow{right:18px;top:24px;width:230px;height:210px}.cdn-flow i,.shield-flow i,.proxy-lines i,.tenant-card i,.dns-card i{position:absolute;border-radius:999px;background:var(--grad);box-shadow:0 0 30px rgba(60,130,246,.22)}.cdn-flow i:nth-child(1){width:80px;height:80px;left:72px;top:50px}.cdn-flow i:nth-child(n+2){width:18px;height:18px;animation:pulse 2s infinite}.cdn-flow i:nth-child(2){left:20px;top:22px}.cdn-flow i:nth-child(3){right:22px;top:18px;animation-delay:.4s}.cdn-flow i:nth-child(4){left:172px;bottom:24px;animation-delay:.8s}.cdn-flow:after,.edge-map:after,.cluster-graph:after{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 47%,rgba(60,130,246,.22) 49%,transparent 51%),linear-gradient(-35deg,transparent 47%,rgba(139,93,246,.18) 49%,transparent 51%);background-size:110px 80px;animation:gridMove 8s linear infinite}.shield-flow{right:110px;top:28px;width:310px;height:270px}.shield-flow:after{content:"";position:absolute;left:78px;top:22px;width:150px;height:176px;background:linear-gradient(135deg,rgba(60,130,246,.95),rgba(139,93,246,.95));clip-path:polygon(50% 0,92% 18%,82% 76%,50% 100%,18% 76%,8% 18%);box-shadow:0 26px 60px rgba(60,130,246,.25);animation:float 5s ease-in-out infinite}.shield-flow i{width:9px;height:70px;opacity:.45;animation:rain 2s linear infinite}.shield-flow i:nth-child(1){left:30px;top:10px}.shield-flow i:nth-child(2){right:40px;top:40px;animation-delay:.6s}.shield-flow i:nth-child(3){left:220px;top:0;animation-delay:1.2s}.edge-map{right:20px;bottom:0;width:430px;height:298px;background:radial-gradient(circle at 50% 50%,rgba(60,130,246,.12),transparent 58%)}.edge-map i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 8px rgba(60,130,246,.08);animation:pulse 2.6s infinite}.edge-map i:nth-child(1){left:80px;top:92px}.edge-map i:nth-child(2){left:210px;top:52px;animation-delay:.3s}.edge-map i:nth-child(3){left:318px;top:138px;animation-delay:.6s}.edge-map i:nth-child(4){left:160px;top:205px;animation-delay:.9s}.edge-map i:nth-child(5){left:355px;top:235px;animation-delay:1.2s}.proxy-lines{left:56px;top:42px;width:288px;height:208px}.proxy-lines:before{border:1px solid var(--color-border);border-radius:20px;background:linear-gradient(135deg,rgba(60,130,246,.12),rgba(139,93,246,.05))}.proxy-lines i{left:42px;width:204px;height:11px;animation:scan 2.2s ease-in-out infinite}.proxy-lines i:nth-child(1){top:48px}.proxy-lines i:nth-child(2){top:94px;animation-delay:.35s}.proxy-lines i:nth-child(3){top:140px;animation-delay:.7s}.cluster-graph{left:160px;top:100px;width:880px;height:250px}.cluster-graph i{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 9px rgba(60,130,246,.08),0 0 34px rgba(139,93,246,.24);animation:pulse 2.6s infinite}.cluster-graph i:nth-child(1){left:0;top:100px}.cluster-graph i:nth-child(2){left:145px;top:44px;animation-delay:.2s}.cluster-graph i:nth-child(3){left:295px;top:138px;animation-delay:.4s}.cluster-graph i:nth-child(4){left:455px;top:82px;animation-delay:.6s}.cluster-graph i:nth-child(5){left:610px;top:18px;animation-delay:.8s}.cluster-graph i:nth-child(6){left:720px;top:160px;animation-delay:1s}.cluster-graph i:nth-child(7){left:830px;top:94px;animation-delay:1.2s}.tenant-card{right:32px;top:44px;width:245px;height:190px}.tenant-card i{width:120px;height:76px;border-radius:16px;background:linear-gradient(135deg,rgba(60,130,246,.9),rgba(139,93,246,.9));animation:float 5s ease-in-out infinite}.tenant-card i:nth-child(1){left:0;top:45px}.tenant-card i:nth-child(2){right:0;top:0;animation-delay:-1.5s}.tenant-card i:nth-child(3){right:30px;bottom:0;animation-delay:-3s}.ipv6-card{right:54px;top:70px;width:220px;height:120px;border-radius:22px;background:linear-gradient(135deg,rgba(60,130,246,.18),rgba(139,93,246,.1));border:1px solid var(--color-border);display:grid;place-items:center}.ipv6-card i{font-size:42px;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:float 5s ease-in-out infinite}.dns-card{right:46px;top:50px;width:240px;height:160px}.dns-card:before{border-radius:50%;border:1px dashed rgba(60,130,246,.35);animation:spin 12s linear infinite}.dns-card i{width:20px;height:20px}.dns-card i:nth-child(1){left:110px;top:65px}.dns-card i:nth-child(2){left:24px;top:22px;animation:pulse 2s infinite}.dns-card i:nth-child(3){right:24px;bottom:20px;animation:pulse 2s .5s infinite}.chart-card{right:48px;top:60px;width:305px;height:230px;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.chart-card i{position:absolute;bottom:0;width:28px;border-radius:8px 8px 0 0;background:var(--grad);animation:bars 2.6s ease-in-out infinite}.chart-card i:nth-child(1){left:40px;height:80px}.chart-card i:nth-child(2){left:100px;height:132px;animation-delay:.2s}.chart-card i:nth-child(3){left:160px;height:108px;animation-delay:.4s}.chart-card i:nth-child(4){left:220px;height:170px;animation-delay:.6s}.api-card{right:60px;top:40px;width:300px;height:250px;border-radius:22px;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(60,130,246,.09),rgba(139,93,246,.05))}.api-card i{position:absolute;left:36px;right:36px;height:13px;border-radius:999px;background:linear-gradient(90deg,rgba(60,130,246,.9),rgba(139,93,246,.35));animation:scan 2s ease-in-out infinite}.api-card i:nth-child(1){top:52px}.api-card i:nth-child(2){top:94px;right:86px;animation-delay:.25s}.api-card i:nth-child(3){top:136px;right:56px;animation-delay:.5s}.api-card i:nth-child(4){top:178px;right:120px;animation-delay:.75s}
.panels-container{margin-top:60px;padding-top:90px;display:flex}.panels-container>.left{position:relative}.tabs{display:flex}.panels-container>.left .tabs{width:270px;flex-direction:column;gap:16px}.tab{display:flex;justify-content:center;align-items:center;background:var(--color-menu-bg);border-radius:8px;border:1px solid var(--color-border);font-weight:500;font-size:20px;text-align:center;transition:.25s}.panels-container>.left .tabs .tab{width:180px;height:60px}.tab.current{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 18px 40px rgba(60,130,246,.18)}.panels-container>.left .decoration{width:476px;height:530px;position:absolute;top:350px;right:44px;background:radial-gradient(circle at 40% 40%,rgba(60,130,246,.18),transparent 48%),radial-gradient(circle at 70% 75%,rgba(139,93,246,.14),transparent 45%);filter:blur(1px)}.panels-container>.separator{width:2px;height:114px;background:linear-gradient(0deg,#3c82f6,#8b5df6)}.panels-container>.right{flex:1;padding-left:90px;position:relative;z-index:2}.panels-container>.right .content{display:none;padding-bottom:60px}.panels-container>.right .content.current{display:block}.panels-container>.right .title p{font-weight:500;font-size:24px;line-height:33px}.panels-container>.right .sub-title{margin-top:16px;color:var(--color-sub-text)}.btn-container{margin-top:24px}.btn{display:flex;justify-content:center;align-items:center;width:112px;height:50px;border-radius:8px;border:1px solid #8b5df6;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.img-container{margin-top:30px}.panel-visual{width:836px;height:528px;border-radius:24px;background:var(--color-menu-bg);border:1px solid var(--color-border);box-shadow:var(--shadow);position:relative;overflow:hidden}.panel-visual:before{content:"";position:absolute;left:0;top:0;bottom:0;width:180px;background:var(--color-menu-bg-3);border-right:1px solid var(--color-border)}.panel-visual:after{content:"";position:absolute;left:220px;top:40px;width:560px;height:42px;border-radius:12px;background:linear-gradient(90deg,rgba(60,130,246,.16),rgba(139,93,246,.08));box-shadow:0 76px 0 rgba(108,114,128,.08),0 152px 0 rgba(108,114,128,.08),0 228px 0 rgba(108,114,128,.08)}.panel-visual span{position:absolute;border-radius:18px;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(60,130,246,.06));z-index:2;animation:float 6s ease-in-out infinite}.panel-visual span:nth-child(1){left:220px;top:120px;width:170px;height:120px}.panel-visual span:nth-child(2){left:420px;top:120px;width:170px;height:120px;animation-delay:-1s}.panel-visual span:nth-child(3){left:620px;top:120px;width:170px;height:120px;animation-delay:-2s}.panel-visual span:nth-child(4){left:220px;top:290px;width:570px;height:170px;animation-delay:-3s}.panel-visual.user span:nth-child(4){height:130px}.panels-2-container{position:relative;z-index:2;display:flex;flex-wrap:wrap;margin-top:10px}.panel-item{box-sizing:border-box;height:400px;width:25%;border:1px solid var(--color-border-fade);padding:30px 20px;transition:.25s}.panel-item:hover{background:var(--color-menu-bg);transform:translateY(-2px)}.mini-icon{width:50px;height:50px;border-radius:16px;background:var(--grad);position:relative;box-shadow:0 14px 34px rgba(60,130,246,.18)}.mini-icon:after{content:"";position:absolute;inset:14px;border-radius:8px;background:#fff;opacity:.9}.panel-item .title{margin-top:30px;font-size:24px}.panel-item .list{margin-top:24px;display:flex;flex-direction:column;gap:16px}.panel-item .item{color:var(--color-sub-text);list-style-type:disc;margin-left:18px}.application-scenario{margin-top:130px}.application-scenario>.title{font-size:30px;line-height:42px;text-align:center}.application-scenario>.tabs{margin-top:50px;display:flex;justify-content:center;gap:16px}.application-scenario>.tabs .tab{width:128px;height:60px}.application-scenario>.content{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:80px}.scene-copy{display:none}.scene-copy.current{display:block}.application-scenario .left .title{display:flex;align-items:center;font-size:20px;line-height:28px}.application-scenario .left .title .dec{margin-right:14px;width:3px;height:18px;background:linear-gradient(180deg,#3c82f6 0%,#8b5df6 100%)}.application-scenario .left .content{margin-top:10px;margin-bottom:44px}.application-scenario .left .content p{color:var(--color-sub-text)}.map-visual{width:450px;height:390px;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(60,130,246,.16),transparent 52%),radial-gradient(circle at 50% 50%,transparent 42%,rgba(139,93,246,.12) 43%,transparent 44%);border:1px solid var(--color-border);animation:float 7s ease-in-out infinite}.map-visual:before{content:"";position:absolute;inset:35px;border:1px dashed rgba(60,130,246,.3);border-radius:50%;animation:spin 20s linear infinite}.map-visual span{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 8px rgba(60,130,246,.08);animation:pulse 2.4s infinite}.map-visual span:nth-child(1){left:210px;top:50px}.map-visual span:nth-child(2){left:90px;top:150px;animation-delay:.3s}.map-visual span:nth-child(3){right:90px;top:170px;animation-delay:.6s}.map-visual span:nth-child(4){left:170px;bottom:80px;animation-delay:.9s}.map-visual span:nth-child(5){right:120px;bottom:75px;animation-delay:1.2s}.download-docs{margin-top:130px}.section-head{text-align:center}.section-head h2,.cta-section h2{font-size:30px;line-height:42px}.section-head p,.cta-section p{margin-top:12px;color:var(--color-sub-text)}.resource-grid{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource-card{min-height:132px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-menu-bg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 36px rgba(31,41,55,.03)}.resource-card b{font-size:20px;font-weight:500;color:var(--color-text)}.resource-card span{color:var(--color-sub-text)}.cta-section{margin-top:120px;margin-bottom:90px;border-radius:24px;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(60,130,246,.12),rgba(139,93,246,.08));padding:44px 52px;display:flex;align-items:center;justify-content:space-between}.cta-section a{padding:14px 22px;border-radius:8px;background:#1f2937;color:#fff}.footer{border-top:1px solid var(--color-border);padding:28px 0;color:var(--color-sub-text)}.footer-inner{display:flex;justify-content:space-between}.footer a{margin-left:22px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:.65}}@keyframes gridMove{0%{background-position:0 0}100%{background-position:140px 70px}}@keyframes rain{0%{transform:translateY(-30px);opacity:0}30%{opacity:.55}100%{transform:translateY(190px);opacity:0}}@keyframes scan{0%,100%{transform:translateX(0);opacity:.55}50%{transform:translateX(22px);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{0%,100%{transform:scaleY(.75)}50%{transform:scaleY(1)}}
@media(max-width:767px){:root{--page-width:17.25rem}html{font-size:20px}.mobile-only{display:block}.laptop-only{display:none}.site-header{position:sticky}.nav-wrap{height:3.2rem}.brand-text{font-size:.75rem}.version{font-size:.5rem}.menu-btn{width:2rem;height:2rem;display:flex;flex-direction:column;gap:.26rem;justify-content:center;align-items:center}.menu-btn span{width:1.1rem;height:2px;background:var(--color-text)}.mobile-menu{display:none;position:absolute;left:0;right:0;top:3.2rem;background:var(--color-bg-opacity);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:.8rem 1.2rem}.mobile-menu.open{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.banner-container{margin-top:1.5rem;height:auto;padding-bottom:1.2rem}.hero-bg{position:relative;inset:auto;height:9.8rem;margin-top:1rem;order:2}.mesh{right:auto;left:0;top:0;width:17.25rem;height:9rem;border-radius:.8rem}.orbit{display:none}.banner-container>.title{gap:.85rem}.banner-container>.title p{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.05rem}.banner-container>.content{margin-top:.75rem;width:auto;font-size:.6rem;line-height:.83rem}.banner-container>.btns-container{margin-top:.85rem;gap:.5rem;flex-wrap:wrap}.banner-container>.btns-container .tag{padding:.3rem .7rem;border-radius:.2rem;font-size:.6rem}.banner-container>.install-command-container{margin-top:1rem}.install-command{border-radius:.3rem;padding:.73rem .6rem;font-size:.55rem;width:100%;gap:.5rem;justify-content:space-between}.install-command b{padding-left:.5rem}.features-container{margin-top:1.55rem;flex-direction:column;gap:.5rem}.feature-item{height:9rem;border-radius:.6rem;padding:.75rem}.feature-item>.content .title{font-size:1rem;line-height:1.4rem}.feature-item>.content .content{margin-top:.4rem;font-size:.7rem;line-height:1rem;max-width:10rem}.feature-item>.content{left:.75rem!important;bottom:.75rem!important;top:auto!important}.f-1-3,.f-2-3,.f-3-3,.f-1-2{width:100%}.cdn-flow{right:.2rem;top:.5rem;transform:scale(.62);transform-origin:top right}.shield-flow{right:-1rem;top:.25rem;transform:scale(.52);transform-origin:top right}.edge-map{right:-2rem;top:.1rem;transform:scale(.55);transform-origin:top right}.proxy-lines,.tenant-card,.ipv6-card,.dns-card,.chart-card,.api-card{right:-1rem;left:auto;top:.4rem;transform:scale(.55);transform-origin:top right}.cluster-graph{left:0;top:1.7rem;transform:scale(.36);transform-origin:top left}.panels-container{margin-top:1.48rem;padding-top:0;flex-direction:column}.panels-container>.left .tabs{width:auto;height:5.7rem;padding-top:2.5rem;flex-direction:row;gap:.5rem;background:radial-gradient(circle at 30% 50%,rgba(60,130,246,.15),transparent 45%)}.panels-container>.left .tabs .tab{width:5.75rem;height:1.9rem;border-radius:.2rem;font-size:.65rem}.panels-container>.left .decoration,.panels-container>.separator{display:none}.panels-container>.right{margin-top:.2rem;padding-left:0}.panels-container>.right .content{padding-bottom:2rem}.panels-container>.right .title p{font-size:.75rem;line-height:1.05rem}.panels-container>.right .sub-title{margin-top:.4rem;font-size:.65rem}.btn-container{margin-top:.75rem}.btn{width:4.55rem;height:1.9rem;border-radius:.2rem}.img-container{margin-top:1.48rem}.panel-visual{width:15.75rem;height:10.05rem;margin:0 auto;border-radius:.6rem}.panel-visual:before{width:3.2rem}.panel-visual:after{left:4rem;top:.8rem;width:10rem;height:.8rem;box-shadow:0 1.7rem 0 rgba(108,114,128,.08),0 3.4rem 0 rgba(108,114,128,.08),0 5.1rem 0 rgba(108,114,128,.08)}.panel-visual span:nth-child(1){left:4rem;top:2.3rem;width:3rem;height:2.1rem}.panel-visual span:nth-child(2){left:7.5rem;top:2.3rem;width:3rem;height:2.1rem}.panel-visual span:nth-child(3){left:11rem;top:2.3rem;width:3rem;height:2.1rem}.panel-visual span:nth-child(4){left:4rem;top:5.3rem;width:10rem;height:3.2rem}.panels-2-container{margin-top:1.13rem}.panel-item{height:auto;min-height:13.1rem;width:50%;padding:.75rem .5rem}.mini-icon{width:1.88rem;height:1.88rem;border-radius:.5rem}.mini-icon:after{inset:.5rem}.panel-item .title{margin-top:.75rem;font-size:.75rem}.panel-item .list{margin-top:.5rem;gap:.4rem}.panel-item .item{font-size:.6rem;line-height:.83rem}.application-scenario{margin-top:2.25rem}.application-scenario>.title{font-size:1rem;line-height:1.4rem}.application-scenario>.tabs{margin-top:1.5rem;gap:.5rem;flex-wrap:wrap}.application-scenario>.tabs .tab{flex:1;min-width:7.5rem;height:1.9rem;font-size:.65rem}.application-scenario>.content{margin-top:1.5rem;gap:1.5rem;flex-direction:column-reverse}.application-scenario .left .title{font-size:.75rem}.application-scenario .left .title .dec{margin-right:.45rem;width:.13rem;height:.6rem}.application-scenario .left .content{margin-top:.5rem;margin-bottom:1rem}.application-scenario .left .content p{font-size:.7rem}.map-visual{width:11.25rem;height:9.75rem}.download-docs{margin-top:2.5rem}.section-head h2,.cta-section h2{font-size:1rem;line-height:1.4rem}.section-head p,.cta-section p{font-size:.65rem}.resource-grid{margin-top:1.2rem;grid-template-columns:1fr;gap:.6rem}.resource-card{min-height:4.8rem;border-radius:.6rem;padding:.8rem}.resource-card b{font-size:.8rem}.cta-section{margin-top:2.5rem;margin-bottom:2rem;border-radius:.7rem;padding:1rem;display:block}.cta-section a{display:inline-block;margin-top:.8rem;padding:.5rem .8rem;border-radius:.25rem}.footer{font-size:.6rem}.footer-inner{display:block}.footer a{margin:.3rem .6rem 0 0;display:inline-block}}

/* Pricing plans - replaces download/docs section */
.pricing-section{margin-top:130px;position:relative}.pricing-section:before{content:"";position:absolute;left:50%;top:86px;width:760px;height:260px;transform:translateX(-50%);background:radial-gradient(circle at 42% 45%,rgba(60,130,246,.16),transparent 56%),radial-gradient(circle at 62% 55%,rgba(139,93,246,.14),transparent 58%);filter:blur(12px);pointer-events:none}.pricing-grid{position:relative;z-index:2;margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{min-height:470px;border:1px solid var(--color-border);border-radius:24px;background:var(--color-menu-bg);padding:30px;box-shadow:0 12px 40px rgba(31,41,55,.035);position:relative;overflow:hidden;transition:all .3s ease-in-out;display:flex;flex-direction:column}.price-card:before{content:"";position:absolute;right:-86px;top:-86px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(60,130,246,.15),transparent 64%)}.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(139,93,246,.45)}.price-card.featured{border-color:rgba(139,93,246,.55);box-shadow:0 18px 70px rgba(60,130,246,.12)}.price-card.featured:after{content:"Hot";position:absolute;right:24px;top:24px;width:48px;height:24px;border-radius:999px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.price-top{position:relative;z-index:2}.price-top .badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(60,130,246,.1);color:#3c82f6;margin-bottom:20px}.price-card.featured .price-top .badge{background:var(--grad);color:#fff}.price-top h3{font-weight:500;font-size:26px;line-height:36px;color:var(--color-text)}.price-top p{margin-top:12px;color:var(--color-sub-text);min-height:42px}.price{position:relative;z-index:2;margin-top:28px;padding-bottom:26px;border-bottom:1px solid var(--color-border)}.price b{font-size:42px;line-height:52px;font-weight:600;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price span{margin-left:8px;color:var(--color-sub-text)}.price-card ul{position:relative;z-index:2;margin-top:26px;display:flex;flex-direction:column;gap:15px;flex:1}.price-card li{color:var(--color-text-fade);display:flex;align-items:center;gap:10px}.price-card li:before{content:"";width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#3c82f6,#8b5df6);box-shadow:0 0 0 5px rgba(60,130,246,.08);flex:none}.price-card>a{position:relative;z-index:2;margin-top:30px;height:50px;border-radius:8px;border:1px solid #8b5df6;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#3c82f6 0%,#8b5df6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-card.featured>a{background:var(--grad);-webkit-text-fill-color:#fff;color:#fff;box-shadow:0 16px 34px rgba(60,130,246,.18)}
@media(max-width:767px){.pricing-section{margin-top:2.5rem}.pricing-section:before{top:2rem;width:16rem;height:10rem}.pricing-grid{margin-top:1.2rem;grid-template-columns:1fr;gap:.7rem}.price-card{min-height:auto;border-radius:.7rem;padding:1rem}.price-card.featured:after{right:.9rem;top:.9rem;width:2.2rem;height:1.1rem;font-size:.5rem}.price-top .badge{height:1.2rem;padding:0 .55rem;margin-bottom:.7rem;font-size:.55rem}.price-top h3{font-size:1rem;line-height:1.4rem}.price-top p{margin-top:.4rem;min-height:auto;font-size:.65rem;line-height:.95rem}.price{margin-top:1rem;padding-bottom:.9rem}.price b{font-size:1.5rem;line-height:1.9rem}.price span{font-size:.6rem}.price-card ul{margin-top:.9rem;gap:.55rem}.price-card li{font-size:.65rem}.price-card li:before{width:.58rem;height:.58rem;box-shadow:0 0 0 .2rem rgba(60,130,246,.08)}.price-card>a{margin-top:1rem;height:1.9rem;border-radius:.25rem;font-size:.65rem}}

/* customer panel only adjustment */
.customer-panel-only .left .tabs{gap:0}
.customer-panel-only .left .tabs .tab{cursor:default}
.customer-panel-only .right .content{padding-bottom:80px}
@media(max-width:767px){.customer-panel-only .left .tabs{height:3.8rem;padding-top:1.2rem;justify-content:center}.customer-panel-only .right .content{padding-bottom:2rem}}