:root{--ink:#07101d;--navy:#0a1425;--panel:#0e1a2e;--line:#263653;--muted:#9aabc4;--blue:#2e50cf;--violet:#7567ff;--cyan:#63dcff;--white:#f5f7fb;--paper:#eef2f8;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}.page-glow{position:absolute;inset:0 0 auto;height:900px;pointer-events:none;background:radial-gradient(circle at 77% 18%,rgba(76,93,255,.21),transparent 30%),radial-gradient(circle at 15% 10%,rgba(31,176,222,.08),transparent 24%)}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1380px,calc(100% - 64px));height:88px;margin:auto;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;gap:12px;align-items:center;color:#eaf0ff;text-decoration:none;letter-spacing:.09em;font-size:18px;font-weight:300}.brand>span:last-child>span{font-weight:750}.brand-mark{position:relative;display:inline-block;width:35px;height:29px;transform:rotate(-9deg)}.brand-mark i{position:absolute;display:block;width:24px;height:11px;border:5px solid #7684ff;border-right-color:transparent;border-radius:18px}.brand-mark i:first-child{top:0;left:0;transform:rotate(-24deg)}.brand-mark i:last-child{right:0;bottom:0;transform:rotate(156deg)}nav{display:flex;gap:32px}nav a{color:#abb8cb;text-decoration:none;font-size:14px;transition:.2s}nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:11px;color:white;text-decoration:none;font-size:14px;font-weight:650;transition:.25s}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:0 18px}.button-ghost{border-color:#334462;background:rgba(13,25,44,.65)}.button-primary{background:linear-gradient(135deg,#3d4fd9,#6f64f9);box-shadow:0 18px 50px rgba(63,70,212,.28)}.button-text{padding-inline:4px;color:#b9c6da}.hero{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;width:min(1380px,calc(100% - 64px));min-height:720px;margin:auto;padding:72px 0 90px}.hero-copy{position:relative;z-index:2;padding:0 6vw 0 24px}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:24px;color:#9ebcff;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.eyebrow>span{width:28px;height:1px;background:var(--cyan);box-shadow:12px 0 18px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{max-width:700px;margin-bottom:28px;font-size:clamp(54px,6vw,91px);line-height:.94;letter-spacing:-.055em;font-weight:650}h1 em{color:#8b94ff;font-style:normal;font-weight:400}.hero-lede{max-width:650px;color:#b2bfd1;font-size:18px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:24px;margin:34px 0 42px}.trust-row{display:flex;flex-wrap:wrap;gap:0;color:#8293aa;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.trust-row span{padding:0 17px;border-right:1px solid #26354c}.trust-row span:first-child{padding-left:0}.trust-row span:last-child{border:0}.trust-row b{color:#e5ebf4}.product-stage{position:relative;min-height:550px;border:1px solid rgba(133,147,255,.21);border-radius:32px;background:linear-gradient(145deg,rgba(20,34,57,.82),rgba(6,14,27,.55));box-shadow:inset 0 0 100px rgba(72,78,192,.06),0 50px 120px rgba(0,0,0,.28);overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(110,127,185,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,127,185,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 80%,transparent)}.product-stage:after{content:"";position:absolute;left:7%;right:7%;bottom:7%;height:70px;background:radial-gradient(ellipse,rgba(55,72,216,.35),transparent 70%);filter:blur(15px)}.product-image{position:absolute;z-index:3;left:4%;top:35%;width:86%;filter:drop-shadow(0 35px 34px rgba(0,0,0,.5));mix-blend-mode:screen}.status-pill{position:absolute;top:28px;right:30px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #31405d;border-radius:99px;background:#0b1424;color:#b8c5d9;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status-pill span{width:7px;height:7px;border-radius:50%;background:#58e8ad;box-shadow:0 0 14px #58e8ad}.product-label{position:absolute;top:55px;left:43px;display:flex;flex-direction:column}.product-label small{color:#7387a5;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.product-label strong{font-size:30px;font-weight:350;letter-spacing:-.04em}.product-label b{color:#7684ff}.port-callout{position:absolute;z-index:4;display:grid;grid-template-columns:24px auto;column-gap:9px;max-width:190px;padding:12px 14px;border:1px solid rgba(106,125,180,.32);border-radius:10px;background:rgba(6,14,27,.85);backdrop-filter:blur(8px)}.port-callout span{grid-row:1/3;color:#7380ff;font-size:10px}.port-callout b{font-size:11px}.port-callout small{color:#75869f;font-size:9px}.callout-sfp{left:7%;bottom:10%}.callout-lan{right:6%;bottom:18%}.signal-line{position:absolute;z-index:2;width:120px;height:1px;background:linear-gradient(90deg,transparent,#63dcff)}.signal-one{left:15%;bottom:30%;transform:rotate(-47deg)}.signal-two{right:18%;bottom:36%;transform:rotate(50deg)}.proof-strip{display:flex;align-items:center;justify-content:space-between;padding:25px max(32px,calc((100% - 1320px)/2));border-top:1px solid #1c2940;border-bottom:1px solid #1c2940;background:#0b1628;color:#7e90aa;font-size:11px;letter-spacing:.11em}.proof-strip p{margin:0;color:#d9e1ef;font-weight:700}.proof-strip div{display:flex;gap:48px}.section{width:min(1280px,calc(100% - 64px));margin:auto;padding:130px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:40px}.section-heading h2,.spec-content h2,.cta h2{margin-bottom:24px;font-size:clamp(42px,5vw,67px);line-height:1.03;letter-spacing:-.045em}.section-intro{align-self:end;max-width:550px;margin:0 0 8px auto;color:#98a8be;font-size:18px;line-height:1.75}.bento-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.feature-card{position:relative;min-height:390px;padding:40px;border:1px solid #22324e;border-radius:var(--radius);background:linear-gradient(145deg,#0d192c,#0a1424);overflow:hidden}.feature-wide{grid-column:span 2}.feature-number{position:absolute;top:32px;right:35px;color:#54657d;font-size:11px}.feature-card h3{max-width:600px;margin:110px 0 14px;font-size:31px;letter-spacing:-.025em}.feature-card p{max-width:570px;color:#8fa1b9;line-height:1.75}.card-icon{position:absolute;top:38px;left:40px;width:50px;height:50px;border:1px solid #334868;border-radius:13px;background:radial-gradient(circle at 35% 30%,#6775ff,transparent 30%),#111e34;box-shadow:0 15px 35px rgba(49,65,182,.14)}.shield-icon:after{content:"";position:absolute;inset:13px 15px;border:2px solid #b1c6ff;border-radius:9px 9px 13px 13px;clip-path:polygon(50% 0,100% 18%,90% 75%,50% 100%,10% 75%,0 18%)}.network-icon:after{content:"";position:absolute;inset:14px;border:2px dotted #aad5ff;border-radius:50%}.route-icon:after{content:"↗";position:absolute;inset:10px;color:#a9c8ff;text-align:center;font-size:22px}.traffic-visual{position:absolute;right:38px;top:40px;width:44%;height:calc(100% - 80px);padding:28px;border:1px solid #2c3f60;border-radius:16px;background:#091321}.traffic-label{color:#8fa1b9;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.traffic-bars{display:flex;align-items:flex-end;gap:9px;height:155px;margin:24px 0}.traffic-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#716bff,#274780);height:35%}.traffic-bars i:nth-child(2){height:65%}.traffic-bars i:nth-child(3){height:43%}.traffic-bars i:nth-child(4){height:82%}.traffic-bars i:nth-child(5){height:56%}.traffic-bars i:nth-child(6){height:91%}.traffic-bars i:nth-child(7){height:48%}.traffic-bars i:nth-child(8){height:72%}.traffic-bars i:nth-child(9){height:58%}.traffic-stats{display:flex;justify-content:space-between;color:#71829c;font-size:9px}.traffic-stats span{display:flex;flex-direction:column;gap:5px}.traffic-stats b{color:#d9e5f7;font-size:12px}.zone-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.zone-list span{padding:9px 13px;border:1px solid #2d4161;border-radius:99px;color:#8ea3c2;font-size:11px}.link-status{display:grid;gap:10px;margin-top:30px}.link-status span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #263a59;border-radius:9px;color:#879ab5;font-size:11px}.link-status i{width:7px;height:7px;border-radius:50%;background:#51dba2;box-shadow:0 0 10px #51dba2}.link-status b{margin-left:auto;color:#cdd8e8}.observability-card{display:grid;grid-template-columns:1fr .8fr;align-items:center}.observability-card h3{margin:0 0 14px}.mini-dashboard{height:260px;padding:20px;border:1px solid #2c3f60;border-radius:16px;background:#07111f}.dash-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #20314d;color:#9badc5;font-size:11px}.dash-top i{width:45px;height:8px;border-radius:8px;background:#253859}.dash-body{display:flex;align-items:center;gap:35px;height:190px}.ring{display:grid;place-items:center;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,#07111f 58%,transparent 60%),conic-gradient(#6b6fff 84%,#263653 0)}.ring span{font-size:20px}.ring small{font-size:10px;color:#8090a8}.dash-lines{display:grid;gap:12px;flex:1}.dash-lines i{height:9px;border-radius:9px;background:linear-gradient(90deg,#4153c9 68%,#1d2c45 68%)}.dash-lines i:nth-child(2){background:linear-gradient(90deg,#5673b8 46%,#1d2c45 46%)}.dash-lines i:nth-child(3){background:linear-gradient(90deg,#716bff 82%,#1d2c45 82%)}.dash-lines i:nth-child(4){background:linear-gradient(90deg,#3d94b3 57%,#1d2c45 57%)}.deployment{width:100%;padding-inline:max(32px,calc((100% - 1280px)/2));background:linear-gradient(#e9eef6,#f5f7fa);color:#0a1424}.centered{text-align:center}.centered .eyebrow{justify-content:center;color:#4456b8}.centered p{max-width:580px;margin:auto;color:#66748a;font-size:17px}.deployment-tabs{display:flex;justify-content:center;gap:6px;margin:55px auto 24px;padding:5px;width:max-content;border:1px solid #ced6e2;border-radius:11px;background:#e1e7ef}.deployment-tabs button{padding:11px 25px;border:0;border-radius:8px;background:transparent;color:#647186;font:inherit;font-size:13px;cursor:pointer}.deployment-tabs button.active{background:white;color:#111e31;box-shadow:0 6px 20px rgba(34,49,76,.1)}.deployment-panel{display:grid;grid-template-columns:1fr 1fr;min-height:470px;padding:70px;border:1px solid #d7dee8;border-radius:25px;background:#fff;box-shadow:0 35px 80px rgba(32,46,71,.09)}.panel-label{color:#5969cf;font-size:11px;font-weight:750;letter-spacing:.12em}.deployment-panel h3{margin:25px 0 20px;font-size:38px;line-height:1.14;letter-spacing:-.035em}.deployment-panel p{max-width:540px;color:#718097;line-height:1.7}.deployment-panel ul{display:grid;gap:10px;padding:0;list-style:none;color:#435169;font-size:13px}.deployment-panel li:before{content:"✓";margin-right:10px;color:#4c5fd4}.topology{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.topology:before{content:"";position:absolute;top:18%;bottom:18%;width:1px;background:#bdc8d9}.topology-node,.topology-device,.topology-branches span{position:relative;z-index:2;border:1px solid #cbd4e2;background:white}.topology-node{padding:9px 25px;border-radius:99px;color:#617089;font-size:11px}.topology-device{display:flex;flex-direction:column;align-items:center;width:190px;padding:25px;border-radius:16px;box-shadow:0 18px 45px rgba(45,62,96,.12)}.brand-mark.mini{transform:scale(.85) rotate(-9deg);margin-bottom:12px}.topology-device b{font-size:14px}.topology-device small{color:#718097}.topology-branches{position:relative;z-index:2;display:flex;gap:15px}.topology-branches span{padding:11px 15px;border-radius:9px;color:#56667f;font-size:10px}.specifications{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.spec-photo{position:relative;display:grid;place-items:center;min-height:540px;border:1px solid #23344f;border-radius:26px;background:radial-gradient(circle at 50% 45%,#172a48,#0a1424 70%);overflow:hidden}.spec-photo:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,142,197,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,142,197,.06) 1px,transparent 1px);background-size:45px 45px}.spec-photo img{position:relative;width:84%;filter:brightness(.85) contrast(1.1) drop-shadow(0 28px 30px rgba(0,0,0,.45));mix-blend-mode:screen}.photo-tag{position:absolute;z-index:2;left:25px;bottom:22px;padding:8px 11px;border:1px solid #334764;border-radius:7px;background:#0a1423;color:#8ea0b8;font-size:10px}.spec-content>p{color:#95a5ba;line-height:1.7}.spec-content dl{margin:38px 0 22px;border-top:1px solid #263752}.spec-content dl div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #263752}.spec-content dt{color:#7f91aa;font-size:12px}.spec-content dd{margin:0;color:#e4ebf6;font-size:13px}.spec-note{color:#667a96;line-height:1.6}.cta{position:relative;width:min(1380px,calc(100% - 64px));margin-bottom:55px;padding:100px 30px;text-align:center;border:1px solid #39499c;border-radius:30px;background:linear-gradient(135deg,#394bc2,#5f55e8);overflow:hidden}.cta-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(117,224,255,.35),transparent 30%),radial-gradient(circle at 80% 80%,rgba(19,20,103,.45),transparent 38%)}.cta>*:not(.cta-glow){position:relative}.eyebrow.light{justify-content:center;color:#d8ddff}.cta p{max-width:620px;margin:auto;color:#e1e4ff;font-size:17px}.centered-actions{justify-content:center}.button-light{background:white;color:#28349c}.button-outline-light{border-color:rgba(255,255,255,.5)}footer{display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 64px));margin:auto;padding:30px 0 50px;color:#71829a;font-size:12px}footer p{margin:0}@media(max-width:1050px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{padding:0 0 45px}.product-stage{min-height:500px}.intro{grid-template-columns:1fr}.section-intro{margin:0}.feature-wide{grid-column:span 1}.traffic-visual{position:relative;top:auto;right:auto;width:100%;height:250px;margin-top:30px}.feature-wide .feature-card h3{margin-top:110px}.observability-card{display:block}.mini-dashboard{margin-top:30px}.deployment-panel,.specifications{grid-template-columns:1fr}.topology{min-height:390px}.spec-photo{min-height:440px}.proof-strip div{gap:20px}}@media(max-width:720px){.site-header,.hero,.section,.cta,footer{width:min(100% - 32px,1280px)}.site-header{height:72px}.site-header>.button{display:none}.hero{min-height:auto;padding:55px 0 60px}.hero-copy{padding:0}.hero-lede{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.button-text{justify-content:flex-start}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trust-row span{padding:0;border:0}.product-stage{min-height:390px;border-radius:22px}.product-image{top:39%;width:96%;left:2%}.product-label{top:30px;left:25px}.product-label strong{font-size:23px}.status-pill{top:24px;right:20px;font-size:8px}.port-callout{display:none}.proof-strip{align-items:flex-start;flex-direction:column;gap:15px;padding:22px 20px}.proof-strip div{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.section{padding:85px 0}.bento-grid{grid-template-columns:1fr}.feature-card{min-height:350px;padding:28px}.feature-card h3{margin-top:95px;font-size:26px}.traffic-visual{padding:18px}.traffic-bars{height:120px}.traffic-stats span:last-child{display:none}.deployment{width:100%;padding-inline:16px}.deployment-tabs{width:100%}.deployment-tabs button{flex:1;padding-inline:7px}.deployment-panel{padding:35px 24px}.deployment-panel h3{font-size:31px}.topology-branches{gap:6px}.topology-branches span{padding:9px}.specifications{gap:50px}.spec-photo{min-height:340px}.spec-photo img{width:92%}.cta{padding:75px 20px}footer{align-items:flex-start;flex-direction:column;gap:16px}}