/* Brand blue and navy from the supplied Meridyn artwork. */
:root{--brand:#15a7e0;--brand-rgb:21,167,224;--brand-navy:#1e355e;--cyan:#48baff;--base:#0a0e14;--text:#f3f5f7;--muted:#aab5c2;--line:rgba(181,204,222,.16);color-scheme:dark;font-family:Inter,"Helvetica Neue",Arial,sans-serif;background:var(--base);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--base);padding:16px}.skip:focus{top:16px}
.header{height:104px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:2;background:#0a0e14}.wordmark{font-size:29px;font-weight:750;letter-spacing:3px;line-height:1}.wordmark span{display:block;font-size:9px;letter-spacing:6px;margin-top:9px;color:var(--brand)}nav{display:flex;gap:36px;font-size:14px;color:#c6cdd5}nav a:hover{color:var(--brand)}.header-contact{font-size:14px;border-bottom:1px solid #5a7378;padding:12px 0}.header-contact span{margin-left:30px;color:var(--brand)}
.hero{min-height:max(710px,calc(100svh - 104px));position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 35%,#0e2632 0%,#101a26 33%,#0a0e14 74%)}.atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform;pointer-events:none}.aurora-one{width:900px;height:210px;right:-190px;top:230px;background:linear-gradient(90deg,transparent,rgba(var(--brand-rgb),.15),#08759455);transform:rotate(-35deg);animation:aurora 19s ease-in-out infinite alternate}.aurora-two{width:600px;height:130px;right:-250px;top:140px;background:#3379ca40;animation:aurora 24s ease-in-out infinite alternate-reverse}.mesh-wrap{width:min(1100px,90vw);height:100%;position:absolute;right:-210px;top:-35px;animation:drift 30s ease-in-out infinite alternate;transform-origin:65% 50%}.mesh-wrap svg{width:100%;height:110%;overflow:visible}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0e14 0%,#0a0e14ed 24%,#0a0e1480 48%,transparent 73%),linear-gradient(0deg,#0a0e14,transparent 23%,transparent 85%,#0a0e1460)}
.hero-inner{position:relative;padding:clamp(104px,15vh,175px) 6% 140px;max-width:1000px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:2.1px;font-weight:550;color:#b6c9d0;margin-bottom:32px}.rule{width:30px;height:2px;background:var(--brand)}h1{font-size:clamp(36px,4.1vw,56px);font-weight:550;line-height:1.13;letter-spacing:-2px;margin:0;max-width:760px}h1 span{color:#4cbae6}.intro{max-width:610px;font-size:17px;line-height:1.85;color:var(--muted);margin:28px 0 32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;font-weight:600;padding:18px 23px;min-height:55px;border:1px solid transparent;position:relative;transition:transform .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--brand);color:#071517;box-shadow:0 0 35px rgba(var(--brand-rgb),.13)}.primary:after{content:"";position:absolute;inset:0;box-shadow:0 0 30px rgba(var(--brand-rgb),.45);opacity:0;transition:opacity .3s}.primary:hover:after{opacity:1}.secondary{border-color:#50616b;background:#0b131a80}.secondary:hover{border-color:var(--brand)}.assurance{color:#80929f;font-size:12px;margin-top:26px;letter-spacing:.3px}.hero-bottom{position:absolute;bottom:30px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;letter-spacing:1.5px;color:#8294a3}.hero-bottom a{letter-spacing:0;color:#c0cbd2}.hero-bottom a span{margin-left:18px;color:var(--brand)}.motion{border:0;background:transparent;color:#a7b7c4;font-size:12px;cursor:pointer;padding:8px;letter-spacing:0}.motion span{margin-right:5px}.network-label{position:absolute;right:14%;font:11px ui-monospace,monospace;letter-spacing:1.6px;color:#8baebc;pointer-events:none}.network-label i{display:block;width:66px;height:1px;background:linear-gradient(90deg,#5ebccc80,transparent);margin-top:9px}.label-cloud{top:20%;right:13%}.label-secure{top:49%;right:5%}.label-connect{top:72%;right:20%}
.partners{padding:44px 6% 35px;background:#0c1119;border-top:1px solid var(--line)}.partner-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.partner-heading h2{font-size:12px;letter-spacing:2px;font-weight:550;margin:0;color:#b8c6d1}.partner-heading>span{font-size:12px;color:#738696}.logos{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:35px 0 31px;align-items:center}.logos li{height:58px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#a5b0bc;transition:color .3s}.logos li:last-child{border:0}.logos li:hover{color:var(--partner)}.cisco{flex-direction:column;font-size:18px;letter-spacing:4px;font-weight:700;gap:4px}.cisco-bars{font-size:20px;letter-spacing:0;line-height:.7}.palo{font-size:20px;font-weight:700;line-height:1}.palo-symbol{font-size:32px;letter-spacing:-12px;margin-right:17px}.networks{display:block;letter-spacing:3px;font-size:8px;margin-top:5px}.microsoft{gap:8px;font-size:22px;font-weight:500}.windows{width:23px;height:23px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.windows i{background:currentColor}.vmware{font-size:29px;letter-spacing:-1.8px}.hp span{font-size:35px;font-style:italic;border:2px solid currentColor;border-radius:50%;width:45px;height:45px;text-align:center;line-height:39px;letter-spacing:-5px;padding-right:5px}.dell{font-size:26px;font-weight:750;letter-spacing:-1px}.partners>p{text-align:center;font-size:13px;color:#8697a6;margin:0;line-height:1.6}.paused .aurora,.paused .mesh-wrap,.paused .node-pulse{animation-play-state:paused!important}.node-pulse{animation:pulse 5s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes aurora{to{transform:translate(-55px,55px) rotate(-28deg) scale(1.12)}}@keyframes drift{to{transform:translate(-25px,18px) rotate(5deg)}}@keyframes pulse{from{opacity:.35}to{opacity:1}}@media(min-width:1600px){.hero-inner{max-width:1150px}.intro{max-width:610px}.mesh-wrap{right:-110px;width:1200px}}
@media(max-width:1000px){nav{gap:20px}.mesh-wrap{right:-300px;width:1000px;opacity:.75}.network-label{display:none}.hero-inner{max-width:780px}.logos{grid-template-columns:repeat(3,1fr);row-gap:25px}.logos li:nth-child(3){border:0}.partner-heading>span{display:none}}
@media(max-width:640px){.header{height:85px;padding:0 7%;gap:12px}.wordmark{font-size:22px;letter-spacing:2px}.wordmark span{font-size:7px;letter-spacing:4.5px}nav{display:none}.header-contact{font-size:13px}.header-contact span{margin-left:12px}.hero{min-height:calc(100svh - 85px)}.hero-inner{padding:85px 7% 155px}.eyebrow{font-size:10px;letter-spacing:1.2px;gap:9px;line-height:1.6;margin-bottom:24px}.rule{width:20px;flex-shrink:0}h1{font-size:clamp(36px,8.7vw,50px);letter-spacing:-1.4px;line-height:1.16}.intro{font-size:16px;line-height:1.8;margin:24px 0 28px}.actions{gap:12px}.button{font-size:13px;gap:15px;padding:16px 18px;flex:1;white-space:nowrap}.assurance{font-size:12px;line-height:1.6;max-width:280px}.mesh-wrap{right:-530px;top:100px;opacity:.6}.shade{background:linear-gradient(90deg,#0a0e14e8,#0a0e1470),linear-gradient(0deg,#0a0e14,transparent 60%)}.hero-bottom{left:7%;right:7%;bottom:21px;padding-top:18px}.hero-bottom>span{display:none}.hero-bottom a{font-size:12px}.partners{padding:32px 7%}.logos{margin:28px 0}.logos li{height:52px}.palo{font-size:15px}.palo-symbol{font-size:25px;margin-right:12px}.networks{font-size:6px}.microsoft{font-size:16px;gap:5px}.windows{width:18px;height:18px}.vmware{font-size:24px}.dell{font-size:24px}.partners>p{font-size:12px}.motion{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion{display:none}}

/* Supplied network artwork, with transform-only atmospheric motion. */
.wordmark img{display:block;width:220px;height:auto}.atmosphere:before{content:"";position:absolute;inset:-3%;background:url("hero-architecture-v3.png") center right/cover no-repeat;animation:scene-drift 28s ease-in-out infinite alternate;opacity:.85}.mesh-wrap{opacity:.16}.paused .atmosphere:before{animation-play-state:paused}.primary{color:#06141c}.shade{background:linear-gradient(90deg,#0a0e14f5 0%,#0a0e14da 28%,#0a0e1470 48%,transparent 76%),linear-gradient(0deg,#0a0e14,transparent 30%)}@keyframes scene-drift{to{transform:scale(1.04) translate(-.6%,.5%)}}@media(max-width:640px){.wordmark img{width:155px}.atmosphere:before{background-position:64% center;opacity:.5}.shade{background:linear-gradient(90deg,#0a0e14e8,#0a0e1480),linear-gradient(0deg,#0a0e14,transparent 60%)}}

/* Cursor and scroll offsets use independent translate, leaving ambient transforms intact. */
.atmosphere:before{inset:-15% -7%;translate:calc(var(--cursor-x,0px) * -.65) calc(var(--cursor-y,0px) * -.65 + var(--scroll-depth,0px));will-change:transform}
.mesh-wrap{translate:calc(var(--cursor-x,0px) * 1.4) calc(var(--cursor-y,0px) * 1.4 + var(--scroll-depth,0px) * .45)}
.aurora-one{translate:calc(var(--cursor-x,0px) * -.9) calc(var(--cursor-y,0px) * -.9 + var(--scroll-depth,0px) * .65)}
.aurora-two{translate:calc(var(--cursor-x,0px) * 1.8) calc(var(--cursor-y,0px) * 1.8)}
@media(prefers-reduced-motion:reduce){.atmosphere:before,.mesh-wrap,.aurora{translate:none!important;will-change:auto}}

/* New glass-ribbon scene: slow orbit with a separate passing light plane. */
.atmosphere:before{animation:glass-orbit 24s ease-in-out infinite alternate;opacity:.95;transform-origin:75% 50%}
.mesh-wrap{display:none}
.atmosphere:after{content:"";position:absolute;inset:-25%;pointer-events:none;background:linear-gradient(115deg,transparent 48%,rgba(21,167,224,.025) 52%,rgba(76,186,230,.15) 57%,transparent 63%);mix-blend-mode:screen;animation:light-pass 14s ease-in-out infinite alternate;will-change:transform,opacity}
.paused .atmosphere:after{animation-play-state:paused}
@keyframes glass-orbit{from{transform:scale(1.02) rotate(-1.5deg) translate3d(0,-.5%,0)}to{transform:scale(1.1) rotate(1.5deg) translate3d(-1.3%,1.3%,0)}}
@keyframes light-pass{from{transform:translate3d(-12%,-4%,0);opacity:.25}to{transform:translate3d(12%,4%,0);opacity:.85}}
@media(max-width:640px){.atmosphere:before{opacity:.65}}
@media(prefers-reduced-motion:reduce){.atmosphere:after{animation:none!important;opacity:.2;will-change:auto}}

/* Continuous forward camera movement; overlapping planes conceal the loop reset. */
.atmosphere:before{animation:none;transform:none;translate:none;opacity:.3}
.forward-scene{position:absolute;inset:-10% -7%;translate:calc(var(--cursor-x,0px) * -.5) calc(var(--cursor-y,0px) * -.5 + var(--scroll-depth,0px) * .6);pointer-events:none}
.forward-plane{position:absolute;inset:0;background:url("hero-architecture-v3.png") center right/cover no-repeat;transform-origin:72% 43%;animation:forward-flight 28s linear infinite;will-change:transform,opacity}
.forward-plane:nth-child(2){animation-delay:-14s}
@keyframes forward-flight{
  0%{transform:scale(1) translate3d(0,0,0);opacity:0}
  12%{opacity:1}
  50%{opacity:1}
  62%{opacity:0}
  100%{transform:scale(1.85) translate3d(-1.5%,1%,0);opacity:0}
}
.paused .forward-plane{animation-play-state:paused}
@media(max-width:640px){.forward-plane{background-position:64% center}.forward-scene{opacity:.7}}
@media(prefers-reduced-motion:reduce){.forward-scene{translate:none!important}.forward-plane{animation:none!important;transform:none!important;will-change:auto}.forward-plane:nth-child(2){display:none}}

/* Architectural direction: cinematic film, editorial typography, quieter framing. */
.hero-film{width:100%;height:100%;object-fit:cover;object-position:80% center;display:block}
.forward-scene{inset:-5% -3%;opacity:.95}
.network-label,.aurora,.atmosphere:after{display:none}
.hero-inner{max-width:1100px;padding-top:clamp(110px,17vh,180px)}
h1{font-weight:500;letter-spacing:-2.3px;line-height:1.1}
.hero .intro{max-width:570px;margin-top:32px}
.shade{background:linear-gradient(90deg,#0a0e14ee 0%,#0a0e14c9 32%,#0a0e1430 66%,transparent 85%),linear-gradient(0deg,#0a0e14,transparent 25%)}
@media(max-width:640px){.hero-inner{padding-top:80px}h1{letter-spacing:-1.5px}.hero-film{object-position:72% center}.forward-scene{opacity:.6}}
@media(prefers-reduced-motion:reduce){.hero-film{visibility:hidden}.atmosphere:before{opacity:.85}}

/* Live liquid gradient; all prior image and film layers are retired. */
.atmosphere{background:linear-gradient(115deg,#080d14 12%,#173752 48%,#52a0d4 65%,#0b1624 83%)}
.atmosphere:before,.atmosphere:after{display:none!important}
#liquid-background{display:block;width:100%;height:100%;position:absolute;inset:0}
.shade{background:linear-gradient(90deg,rgba(10,14,20,.88),rgba(10,14,20,.6) 36%,rgba(10,14,20,.08) 75%),linear-gradient(0deg,#0a0e14,transparent 19%);pointer-events:none}
@media(max-width:640px){.shade{background:linear-gradient(90deg,#0a0e14dd,#0a0e1470),linear-gradient(0deg,#0a0e14,transparent 20%)}}
/* Unified homepage: generous editorial sections, consistent typography and rules. */
html{scroll-padding-top:28px}.hero{min-height:780px}.hero-inner{padding-top:105px;padding-bottom:140px;max-width:1000px}.hero h1{font-size:clamp(48px,5.2vw,72px);letter-spacing:-2.6px}.hero-lead{font-size:22px;line-height:1.45;margin:26px 0 0;color:#e0e9f0}.hero .intro{font-size:16px;line-height:1.8;max-width:600px;margin-top:17px}.header .wordmark img{width:190px}.content-section{padding:100px 6%;border-top:1px solid var(--line)}.kicker{font-size:12px!important;letter-spacing:2px;color:#4cbae6!important;margin:0 0 28px!important;font-weight:600}.content-section h2{font-weight:500;font-size:clamp(30px,3.3vw,46px);line-height:1.14;letter-spacing:-1.4px;margin:0}.content-section h3{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.45px;margin:0 0 15px}.content-section p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.split,.section-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start}.section-heading{align-items:end;margin-bottom:55px}.section-heading>p{max-width:440px}.era{background:#0d141e}.solutions{background:#0a0e14}.solution-row{display:grid;grid-template-columns:55px 1fr 1.1fr;gap:30px;padding:35px 0;border-top:1px solid var(--line)}.solution-row h3{font-size:25px}.index{font:14px ui-monospace,monospace;color:#4cbae6;padding-top:7px}.text-link{display:inline-flex;gap:24px;align-items:center;margin-top:22px;font-size:14px;font-weight:550;color:#e5edf3}.text-link span{color:var(--brand);transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.text-link:hover{color:#4cbae6}.why{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;background:radial-gradient(ellipse at 0 20%,#10283c,#0c131d 60%)}.why-intro>p:last-child{margin-top:26px;max-width:530px}.why h2 span,.contact-section h2 span{color:#4cbae6}.principles article{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.principles article:last-child{margin-bottom:0}.principles h3{margin-bottom:8px}.capabilities{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 8%;margin-top:55px}.capabilities article{border-top:1px solid #295170;padding-top:25px}.process{background:#0d141e}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:0;margin:0}.steps li{border-top:1px solid #31506a;padding-top:24px}.step-number{display:block;font:14px ui-monospace,monospace;color:#4cbae6;margin-bottom:32px}.steps h3{font-size:25px}.steps p{font-size:15px}.insights{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}.contact-section{background:radial-gradient(ellipse at 90% 110%,#164464,#102239 45%,#0b131e 85%);position:relative}.contact-section h2{font-size:clamp(36px,4.2vw,60px)}.contact-section>p:not(.kicker){max-width:610px;margin:28px 0}.footer{padding:60px 6% 25px;background:#080c12;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8%;padding-bottom:48px}.footer-brand p{font-size:14px;line-height:1.8;color:var(--muted);max-width:320px;margin-top:20px}.footer h2{font-size:12px;letter-spacing:1.8px;font-weight:500;color:#91a7ba;margin:10px 0 24px}.footer-top>div:not(:first-child) a{display:block;font-size:14px;color:#c8d3dd;margin-bottom:17px}.footer a:hover{color:var(--brand)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;font-size:12px;line-height:1.6;color:#8496a6}.partners .partner-heading>span{max-width:480px;text-align:right}.partners{padding-top:35px;padding-bottom:30px}
@media(min-width:1800px){.content-section,.header,.partners,.footer{padding-left:max(6%,calc((100vw - 1550px)/2));padding-right:max(6%,calc((100vw - 1550px)/2))}}
@media(max-width:850px){.split,.section-heading,.why,.insights{grid-template-columns:1fr;gap:28px}.content-section{padding:70px 7%}.solution-row{grid-template-columns:35px 1fr;gap:18px}.solution-row>div{grid-column:2}.solution-row h3{margin:0}.steps{grid-template-columns:repeat(2,1fr);gap:35px}.why-intro{margin-bottom:10px}.footer-top{gap:30px}.hero{min-height:760px}.hero-inner{padding-top:90px}}
@media(max-width:640px){.hero{min-height:830px}.hero-inner{padding-top:65px;padding-bottom:125px}.hero h1{font-size:48px;letter-spacing:-1.8px}.hero-lead{font-size:20px}.hero .intro{font-size:15px}.header .wordmark img{width:155px}.content-section{padding:58px 7%}.content-section h2{font-size:32px}.kicker{font-size:11px!important;letter-spacing:1.5px;margin-bottom:22px!important}.capabilities{grid-template-columns:1fr;gap:28px;margin-top:35px}.section-heading{margin-bottom:35px}.solution-row h3{font-size:22px}.solution-row{padding:27px 0}.content-section p{font-size:15px}.steps{gap:28px 22px}.steps h3{font-size:22px}.steps p{font-size:14px}.step-number{margin-bottom:24px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.contact-section h2{font-size:39px}}

.mobile-menu{display:none}@media(max-width:640px){.header-contact{display:none}.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;font-size:14px;padding:12px;color:#d1dfeb}.mobile-menu nav{position:absolute;top:84px;left:0;right:0;background:#0c1520;padding:25px 7%;display:flex;flex-direction:column;gap:24px;border-bottom:1px solid var(--line)}.mobile-menu:not([open]) nav{display:none}}

@media(max-width:1000px){.logos{grid-template-columns:repeat(3,minmax(0,1fr))}.logos li{min-width:0}}@media(max-width:640px){.cisco-bars{font-size:17px}.microsoft{font-size:14px}.palo{font-size:13px}.palo-symbol{margin-right:10px}}