/* Linx Networks Telephony landing page — lightweight, responsive, reduced-motion aware. */
:root{--bg:#07111e;--bg2:#0a1726;--panel:#0d1d2e;--panel2:#102337;--text:#f3f8fb;--muted:#9fb2c2;--line:rgba(153,190,211,.16);--teal:#16d8ce;--teal2:#0099a8;--orange:#f15a42;--yellow:#ffc72c;--font:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.section-wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:18px;z-index:1000;background:var(--teal);color:#06131f;padding:10px 14px;border-radius:6px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,17,30,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(153,190,211,.12)}.nav-shell{width:min(1380px,calc(100% - 48px));min-height:82px;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:39px;height:39px;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linejoin:round}.brand-name{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.13em;line-height:1.15}.brand-name>span{color:var(--teal)}.brand-name small{display:block;font:600 8px var(--font);letter-spacing:.19em;color:#8da4b6;margin-top:5px}.primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.5vw,24px);margin-left:auto}.nav-link{font-size:12px;font-weight:600;color:#c4d0da;white-space:nowrap;transition:color .2s;background:none;border:0;padding:30px 0;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--teal)}.nav-group{position:relative}.nav-dropdown{display:flex;align-items:center;gap:8px}.chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.nav-group.open .chevron{transform:rotate(225deg) translate(-1px,-1px)}.dropdown-panel{position:absolute;top:calc(100% - 10px);left:-18px;min-width:232px;padding:8px;background:#0d1c2c;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 45px #0007;display:none}.nav-group.open .dropdown-panel,.nav-group:focus-within .dropdown-panel{display:block;animation:drop-in .18s ease-out}.dropdown-panel a{display:block;padding:10px 12px;border-radius:7px;font-size:12px;color:#b9cbd8}.dropdown-panel a:hover{background:#143247;color:var(--teal)}.dropdown-right{left:auto;right:0}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--teal);color:#04161d;border-radius:5px;padding:12px 15px;font-size:11px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);background:#57eee5}.nav-cta span{font-size:15px}.mobile-cta,.nav-toggle{display:none}
.hero{position:relative;min-height:660px;padding-top:74px;padding-bottom:58px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:40px;isolation:isolate}.hero-grid{position:absolute;inset:0 -28px;z-index:-1;opacity:.27;background-image:linear-gradient(rgba(59,131,156,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(59,131,156,.12) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,transparent,black 30%,black 90%,transparent)}.hero:before{content:"";position:absolute;z-index:-1;width:460px;height:460px;border-radius:50%;left:-260px;top:70px;background:#0099a8;filter:blur(160px);opacity:.12}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#a3bac8;margin:0 0 22px;display:flex;align-items:center;gap:10px}.status-dot,.live-state i,.caption-pulse{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 13px #16d8ce80}.hero h1,.section-heading h2,.architecture-copy h2,.usecase-copy h2,.faq-heading h2,.cta-inner h2{font-family:var(--display);font-size:clamp(42px,5.3vw,72px);letter-spacing:-.065em;line-height:1.04;margin:0;font-weight:600}.hero h1 span,.section-heading h2 span,.architecture-copy h2 span,.usecase-copy h2 span,.faq-heading h2 span,.cta-inner h2 span{color:var(--teal)}.hero-lede{max-width:490px;color:#a9bac8;font-size:15px;line-height:1.85;margin:24px 0 27px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:0 19px;border-radius:5px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.button-primary{background:var(--teal);color:#04161d}.button-quiet{border:1px solid rgba(164,196,212,.22);color:#d5e0e7}.button-quiet:hover{border-color:var(--teal);color:var(--teal)}.play-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid #6c899a;border-radius:50%;font-size:8px;padding-left:2px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:39px;padding-top:22px;border-top:1px solid var(--line);max-width:430px}.proof-icon{width:34px;height:34px;border:1px solid #1e5662;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.proof-icon svg{width:20px;stroke:var(--teal);fill:none;stroke-width:1.6}.hero-proof p{margin:0;display:grid;gap:3px}.hero-proof strong{font-size:11px;font-weight:700}.hero-proof p span{font-size:10px;color:#8298a9}.hero-visual{position:relative;min-width:0;border:1px solid rgba(99,172,189,.25);border-radius:17px;background:radial-gradient(ellipse at 50% 44%,rgba(17,87,105,.3),transparent 55%),linear-gradient(145deg,#0d2132,#07121f 72%);box-shadow:0 32px 90px #0004;overflow:hidden}.visual-topline,.visual-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;color:#7696a9;font:700 8px var(--font);letter-spacing:.13em}.visual-topline{border-bottom:1px solid rgba(153,190,211,.1)}.live-state{display:flex;align-items:center;gap:7px;color:#9be7dd}.live-state i{width:5px;height:5px}.comms-stage{position:relative;padding:3px 8px 0}.comms-svg{width:100%;height:auto;display:block;overflow:visible}.orbit{fill:none;stroke:#2b7283;stroke-width:1;stroke-dasharray:2 9;opacity:.45;transform-origin:310px 255px}.orbit-one{animation:orbit-spin 52s linear infinite}.orbit-two{stroke:#12d8ce;stroke-dasharray:1 12;opacity:.18;animation:orbit-spin 35s linear infinite reverse}.route{fill:none;stroke:#1b6d7b;stroke-width:1.4;stroke-dasharray:5 7;opacity:.85}.route-a,.route-c,.route-e{animation:route-flow 3.6s linear infinite}.route-b,.route-d,.route-f{animation:route-flow 4.2s linear infinite reverse}.node>rect:first-child{fill:#0d2233;stroke:#1d6070;stroke-width:1.2}.node-screen{fill:#071522;stroke:#245365;stroke-width:1}.device-line{fill:none;stroke:#19d8ce;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.node text{fill:#9bb4c2;font:700 8px var(--font);letter-spacing:1px;text-anchor:middle}.node-led{fill:var(--teal);filter:url(#glow)}.cloud-shape{fill:url(#cloudFill);stroke:#24c9c6;stroke-width:1.4}.core-halo{fill:#13d8ce;opacity:.04;stroke:#1ecac7;stroke-width:1;stroke-dasharray:3 8;transform-origin:center;animation:halo-breathe 3.6s ease-in-out infinite}.cloud-wave{fill:none;stroke:#16d8ce;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 3;animation:route-flow 2.5s linear infinite}.core-dot{fill:#f6d97b;filter:url(#glow);animation:dot-pulse 2s ease-in-out infinite}.cloud-core text{fill:#e1f5f4;text-anchor:middle;font:700 10px var(--font);letter-spacing:1.4px}.cloud-core .core-sub{fill:#6f9eae;font:600 7px var(--font);letter-spacing:1.8px}.signal-rings circle{fill:none;stroke:#18d9ce;stroke-width:1;opacity:0;transform-origin:310px 255px;animation:signal-expand 4s ease-out infinite}.signal-rings circle:nth-child(2){animation-delay:2s}.packet{fill:#b7fff6;filter:url(#glow)}.packet-one{offset-path:path("M310 250 Q205 125 126 125");animation:packet-move 3.8s linear infinite}.packet-two{offset-path:path("M310 275 Q430 365 510 410");animation:packet-move 4.4s linear infinite;animation-delay:1s}.packet-three{offset-path:path("M310 250 Q430 125 500 137");animation:packet-move 4s linear infinite;animation-delay:2s}.visual-caption{display:flex;align-items:center;gap:9px;padding:8px 15px 13px;color:#9ab1bf;font-size:9px}.visual-caption b{margin-left:auto;font-size:7px;letter-spacing:.12em;color:#5f8c9c}.caption-pulse{width:5px;height:5px;flex-shrink:0}.visual-footer{border-top:1px solid rgba(153,190,211,.1);padding:12px 18px}.mini-square{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:7px}.hero-bottom{position:absolute;bottom:17px;left:0;right:0;display:flex;justify-content:space-between;color:#587183;font-size:8px;letter-spacing:.15em;font-weight:700}.hero-bottom b{color:var(--teal);font-size:13px;margin-left:8px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#091725;padding:20px max(28px,calc((100% - var(--max))/2));gap:20px}.trust-strip>div{display:flex;align-items:center;gap:12px;color:#c6d5df;font-size:11px;font-weight:600}.trust-number{color:var(--teal);font:600 11px var(--display);border-right:1px solid #2a4757;padding-right:13px}
.section{padding:110px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading h2,.architecture-copy h2,.usecase-copy h2,.faq-heading h2{font-size:clamp(35px,4vw,52px)}.section-heading .eyebrow,.architecture-copy .eyebrow,.usecase-copy .eyebrow,.faq-heading .eyebrow{margin-bottom:19px}.section-intro{max-width:390px;margin:0 0 5px;color:var(--muted);font-size:13px;line-height:1.85}.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.solution-card{position:relative;min-height:326px;padding:24px 21px 20px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(150deg,rgba(18,41,59,.85),rgba(9,23,37,.9));overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.solution-card:hover{transform:translateY(-5px);border-color:#2a8b92;background:linear-gradient(150deg,#102c3e,#091725)}.card-index{font:700 8px var(--font);letter-spacing:.14em;color:#66899c}.solution-icon{width:51px;height:51px;display:grid;place-items:center;margin:27px 0 20px;border:1px solid #1e5b68;border-radius:12px;background:#0a2938}.solution-icon svg{width:29px;height:29px;stroke:var(--teal);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.solution-card h3{font:600 18px var(--display);letter-spacing:-.025em;margin:0 0 11px}.solution-card p{font-size:11px;color:#9bb0be;line-height:1.8;margin:0 0 18px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:800;color:var(--teal);position:relative;z-index:2}.text-link span{font-size:15px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.card-graphic{position:absolute;right:-4px;bottom:-6px;opacity:.22;pointer-events:none}.cloud-mini{display:flex;gap:5px;align-items:center;transform:rotate(-20deg)}.cloud-mini span{width:34px;height:34px;border:1px solid var(--teal);border-radius:50%;animation:mini-pulse 3s infinite}.cloud-mini span:nth-child(2){animation-delay:.8s}.cloud-mini span:nth-child(3){animation-delay:1.6s}.cloud-mini i{position:absolute;left:-20px;width:120px;border-top:1px dashed var(--teal)}.rack-mini{display:grid;gap:5px;padding:10px}.rack-mini i{display:block;width:78px;height:12px;border:1px solid var(--teal);border-radius:2px}.rack-mini i:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--teal);margin:3px 0 0 7px;box-shadow:9px 0 #f15a42}.uc-mini span{display:block;position:absolute;width:35px;height:35px;border:1px solid var(--teal);border-radius:50%;right:12px;bottom:10px}.uc-mini span:nth-child(2){right:44px;bottom:26px}.uc-mini span:nth-child(3){right:70px;bottom:5px}.uc-mini i{position:absolute;width:70px;border-top:1px dashed var(--teal);right:26px;bottom:31px;transform:rotate(-30deg)}.device-mini div{width:74px;height:48px;border:1px solid var(--teal);border-radius:5px;transform:skewY(-8deg)}.device-mini span{position:absolute;left:13px;bottom:0;width:90px;border-top:1px dashed var(--teal)}
.architecture-section{padding:95px max(28px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;background:#0a1826;border-block:1px solid var(--line)}.architecture-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:500px;margin:24px 0}.check-list{list-style:none;padding:0;margin:0 0 29px;display:grid;gap:12px}.check-list li{font-size:12px;color:#c5d3dc;display:flex;align-items:center;gap:11px}.check-list li span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #23666b;color:var(--teal);border-radius:50%;font-size:10px}.architecture-visual{padding:22px;border:1px solid #224657;border-radius:12px;background:linear-gradient(145deg,#0e2233,#081421);box-shadow:0 20px 55px #0002;position:relative;overflow:hidden}.architecture-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(22,216,206,.025) 50%);background-size:100% 5px;pointer-events:none}.architecture-label{display:flex;justify-content:space-between;font:700 8px var(--font);letter-spacing:.13em;color:#7498aa;padding-bottom:19px;border-bottom:1px solid var(--line)}.label-code{color:#4b7485}.flow-start,.flow-engine,.flow-destination{display:flex;align-items:center;gap:13px;border:1px solid #1e4e61;background:#0b1a29;border-radius:7px;padding:14px 16px;position:relative;z-index:1}.flow-start{margin-top:20px}.flow-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#133644;color:var(--teal);font-size:18px}.flow-start b,.flow-engine b,.flow-destination b{display:block;font-size:10px;letter-spacing:.08em}.flow-start small,.flow-engine small,.flow-destination small{display:block;font-size:9px;color:#7f9aab;margin-top:3px}.flow-connector{height:35px;width:1px;margin-left:32px;background:#1e6d78;position:relative}.flow-connector i{position:absolute;width:5px;height:5px;border-radius:50%;left:-2px;background:var(--teal);animation:connector-drop 1.7s linear infinite}.flow-connector i:nth-child(2){animation-delay:.55s}.flow-connector i:nth-child(3){animation-delay:1.1s}.flow-engine{border-color:#23878b;background:linear-gradient(100deg,#0c303d,#0b1c2b)}.engine-core{display:grid;place-items:center;width:40px;height:40px;background:#0c3942;border-radius:8px}.engine-core svg{width:27px;stroke:var(--teal);fill:none;stroke-width:1.3}.engine-status{margin-left:auto;color:var(--teal);font:700 8px var(--font);letter-spacing:.1em}.flow-branches{margin:0 0 0 32px;padding:13px 0 0 22px;border-left:1px solid #1e6d78;display:grid;gap:8px;position:relative}.flow-branches:before{content:"";position:absolute;top:0;left:0;width:60%;border-top:1px solid #1e6d78}.flow-destination{padding:10px 12px;min-height:57px}.destination-icon{width:28px;height:28px;display:grid;place-items:center;color:var(--teal);background:#10303b;border-radius:6px}.destination-status{margin-left:auto;color:#567d8d;font:700 9px var(--display)}.architecture-note{color:#66889a;font-size:9px;margin:16px 0 0;display:flex;align-items:center;gap:8px}.architecture-note span{width:5px;height:5px;background:var(--orange);border-radius:50%}
.vendor-section{background:var(--bg)}.vendor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.vendor-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--line);border-radius:8px;background:#0b1a29;transition:border-color .2s,transform .2s}.vendor-card:hover{border-color:#287d87;transform:translateY(-3px)}.vendor-symbol{width:43px;height:43px;border:1px solid #254b5d;border-radius:9px;display:grid;place-items:center;color:var(--teal);font:700 23px var(--display);background:#102b3b}.symbol-g{color:#8de6d4}.symbol-x{color:var(--orange)}.symbol-uc{font-size:12px;letter-spacing:-.06em}.vendor-card>span:nth-child(2){display:grid;gap:4px}.vendor-card b{font-size:13px}.vendor-card small{font-size:10px;color:#8299a8}.vendor-arrow{margin-left:auto;color:var(--teal);font-size:17px}.vendor-disclaimer{font-size:10px;color:#6e8798;margin:17px 0 0}
.usecase-section{background:#0a1927;border-block:1px solid var(--line);padding:100px 0}.usecase-inner{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.usecase-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin:23px 0}.usecase-list{border-top:1px solid var(--line)}.usecase-row{display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:14px;padding:21px 0;border-bottom:1px solid var(--line)}.usecase-no{font:600 12px var(--display);color:var(--teal)}.usecase-row h3{font:600 17px var(--display);margin:0 0 4px}.usecase-row p{font-size:11px;color:#8da4b4;margin:0}.usecase-arrow{color:#557e90;transition:color .2s,transform .2s}.usecase-row:hover .usecase-arrow{color:var(--teal);transform:translate(3px,-3px)}
.process-section{background:var(--bg)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.process-step{position:relative;padding:20px 18px 20px 0;border-top:1px solid #295160}.step-number{font:600 12px var(--display);color:var(--teal)}.step-track{position:absolute;top:-2px;left:0;width:28px;border-top:3px solid var(--teal)}.process-step h3{font:600 19px var(--display);margin:26px 0 9px}.process-step p{font-size:11px;line-height:1.85;color:#8fa6b5;margin:0;max-width:230px}
.faq-section{padding:100px 0;background:#0a1927;border-block:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-heading>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:290px;margin:20px 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{cursor:pointer;list-style:none;position:relative;padding:20px 36px 20px 0;font-size:13px;font-weight:700;color:#dce7ed}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:5px;top:16px;color:var(--teal);font-size:22px;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{font-size:12px;line-height:1.85;color:#93aab9;margin:0;padding:0 35px 20px 0}
.closing-cta{position:relative;overflow:hidden;background:linear-gradient(110deg,#0b2535,#0a1b2a 60%,#0b2c35);border-bottom:1px solid var(--line)}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:77px;padding-bottom:77px}.cta-inner h2{font-size:clamp(38px,4.3vw,58px)}.cta-inner>div:first-child>p:last-child{font-size:12px;color:#9ab0bf;max-width:460px;margin:18px 0 0}.cta-actions{display:grid;gap:16px;justify-items:start}.cta-contact{font-size:11px;color:#a6bbc8}.cta-contact span{color:var(--teal);padding-left:8px}.cta-orbit{position:absolute;border:1px solid rgba(22,216,206,.15);border-radius:50%;width:540px;height:540px;right:-100px;top:-280px}.cta-orbit-two{width:400px;height:400px;right:-30px;top:-210px;border-style:dashed;animation:orbit-spin 70s linear infinite}
.site-footer{background:#06101b}.footer-main{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.2fr;gap:42px;padding-top:60px;padding-bottom:55px}.footer-brand>p{font-size:11px;line-height:1.9;color:#8299a8;max-width:270px;margin:20px 0}.footer-email{font-size:11px;color:var(--teal);font-weight:700}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-column h2{font:600 12px var(--display);margin:4px 0 8px}.footer-column>a{font-size:10px;color:#8da4b3;transition:color .2s}.footer-column>a:hover{color:var(--teal)}.footer-offices p{font-size:10px;line-height:1.8;color:#8da4b3;margin:0 0 5px}.footer-offices p b{color:#d6e2e9}.footer-offices>a{color:var(--teal)}.footer-bottom{border-top:1px solid var(--line)}.footer-bottom>div{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#607a8b;font-size:9px}.footer-bottom a{color:#9db2c0}
.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.js-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.js-ready .solution-card:nth-child(2),.js-ready .vendor-card:nth-child(2),.js-ready .process-step:nth-child(2){transition-delay:.07s}.js-ready .solution-card:nth-child(3),.js-ready .vendor-card:nth-child(3),.js-ready .process-step:nth-child(3){transition-delay:.14s}.js-ready .solution-card:nth-child(4),.js-ready .vendor-card:nth-child(4),.js-ready .process-step:nth-child(4){transition-delay:.21s}
@keyframes drop-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes route-flow{to{stroke-dashoffset:-48}}@keyframes halo-breathe{0%,100%{opacity:.04;transform:scale(.96)}50%{opacity:.15;transform:scale(1.04)}}@keyframes dot-pulse{0%,100%{opacity:.65;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@keyframes signal-expand{0%{opacity:.4;transform:scale(.65)}100%{opacity:0;transform:scale(1.35)}}@keyframes packet-move{0%{offset-distance:0%;opacity:0}10%{opacity:1}85%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes mini-pulse{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes connector-drop{0%{top:0;opacity:0}20%{opacity:1}100%{top:100%;opacity:0}}
@media(min-width:1500px){.hero{min-height:720px}.hero h1{font-size:78px}}@media(max-width:1160px){.nav-shell{gap:18px}.primary-nav{gap:13px}.nav-link{font-size:11px}.desktop-cta{font-size:10px;padding:11px}.hero{gap:25px}.hero h1{font-size:clamp(43px,5.3vw,62px)}.architecture-section{gap:42px}.usecase-inner{gap:55px}.footer-main{gap:25px}}
@media(max-width:980px){.nav-shell{min-height:74px;width:calc(100% - 36px)}.nav-toggle{display:flex;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);background:#0c1b2b;border-radius:6px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.nav-toggle span{width:17px;height:1.5px;background:#d7e5ec;transition:transform .2s,opacity .2s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}.desktop-cta{display:none}.primary-nav{position:fixed;inset:74px 0 0;overflow-y:auto;background:rgba(6,16,27,.98);backdrop-filter:blur(18px);padding:16px 22px 34px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility .25s}.primary-nav.nav-open{transform:translateX(0);visibility:visible}.nav-link{padding:14px 4px;font-size:14px;text-align:left;width:100%}.nav-group{border-bottom:1px solid var(--line)}.nav-dropdown{justify-content:space-between}.dropdown-panel,.dropdown-right{position:static;box-shadow:none;border:0;border-radius:0;background:#0a1928;padding:0 0 8px 13px;min-width:0}.nav-group.open .dropdown-panel{display:block}.dropdown-panel a{font-size:13px;padding:11px}.mobile-cta{display:inline-flex;margin-top:18px;align-self:flex-start}.hero{grid-template-columns:1fr;padding-top:56px;gap:35px;max-width:790px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(48px,8vw,72px)}.hero-visual{max-width:700px;width:100%;margin:auto}.hero-bottom{position:static;margin-top:30px;grid-column:1}.trust-strip{grid-template-columns:repeat(2,1fr);padding:20px 28px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-card{min-height:290px}.architecture-section{grid-template-columns:1fr;padding:80px 28px}.architecture-copy{max-width:650px}.architecture-visual{width:100%;max-width:700px;margin:auto}.usecase-inner{grid-template-columns:1fr;gap:35px}.usecase-copy{max-width:650px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-heading{max-width:600px}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.section-wrap{width:calc(100% - 36px)}.brand-mark{width:34px;height:34px}.brand-name{font-size:13px}.hero{padding-top:46px;padding-bottom:30px;min-height:0}.hero h1{font-size:clamp(42px,12vw,59px)}.hero-lede{font-size:13px;margin:19px 0 23px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-proof{margin-top:27px}.hero-visual{border-radius:11px}.visual-topline,.visual-footer{padding:11px 12px;font-size:7px}.comms-stage{padding:0}.visual-caption{font-size:7px;padding:4px 9px 9px}.visual-caption b{font-size:6px}.hero-bottom{font-size:6px;letter-spacing:.08em}.trust-strip{padding:18px;gap:15px 10px}.trust-strip>div{font-size:9px;gap:7px}.trust-number{padding-right:7px}.section{padding:72px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.architecture-copy h2,.usecase-copy h2,.faq-heading h2{font-size:clamp(33px,9vw,44px)}.section-intro{font-size:12px;margin-top:18px}.solution-grid{grid-template-columns:1fr;gap:11px}.solution-card{min-height:0;padding:20px}.solution-icon{margin:20px 0 15px}.solution-card p{max-width:420px}.architecture-section{padding:68px 18px;gap:30px}.architecture-visual{padding:13px}.flow-start,.flow-engine{padding:10px;gap:9px}.flow-start b,.flow-engine b,.flow-destination b{font-size:8px}.flow-start small,.flow-engine small,.flow-destination small{font-size:7px}.engine-core{width:31px;height:31px}.flow-destination{padding:8px;min-height:50px}.destination-icon{width:23px;height:23px}.flow-branches{margin-left:22px;padding-left:13px}.flow-connector{margin-left:24px}.architecture-note{font-size:8px}.vendor-grid{grid-template-columns:1fr}.vendor-card{padding:14px}.usecase-section{padding:70px 0}.usecase-row{grid-template-columns:30px 1fr 16px;gap:10px;padding:17px 0}.usecase-row h3{font-size:15px}.usecase-row p{font-size:10px}.process-grid{grid-template-columns:repeat(2,1fr);gap:28px 17px}.process-step h3{font-size:17px}.faq-section{padding:70px 0}.faq-item summary{font-size:12px;padding-right:30px}.faq-item p{font-size:11px}.cta-inner{display:block;padding-top:65px;padding-bottom:65px}.cta-inner h2{font-size:clamp(37px,10vw,49px)}.cta-actions{margin-top:26px}.cta-actions .button{width:100%}.footer-main{grid-template-columns:1fr;gap:30px;padding-top:44px;padding-bottom:38px}.footer-bottom>div{padding-top:14px;padding-bottom:14px;align-items:flex-start;flex-direction:column;gap:8px}.cta-orbit{right:-300px}.cta-orbit-two{right:-230px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-ready .reveal{opacity:1;transform:none}}

/* Mobile navigation reliability and accessibility patch */
.nav-toggle{position:relative;z-index:102;flex-shrink:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
@media(max-width:980px){.site-header{z-index:110}.primary-nav{z-index:109;inset:74px 0 0;min-height:calc(100dvh - 74px);overscroll-behavior:contain}.nav-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.primary-nav a:focus-visible,.nav-dropdown:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.primary-nav.nav-open{visibility:visible;pointer-events:auto}.primary-nav:not(.nav-open){pointer-events:none}}
@media(max-width:420px){.nav-shell{width:calc(100% - 28px);gap:12px}.brand-name{font-size:13px}.brand-mark{width:34px;height:34px}.nav-toggle{width:44px;height:44px}}

/* Shared mobile navigation safety overrides */
@media(max-width:980px){.site-header{z-index:1000!important}.nav-toggle{display:flex!important;position:relative!important;z-index:1003!important;flex-shrink:0!important}.primary-nav{position:fixed!important;z-index:1001!important;inset:74px 0 0!important;max-height:calc(100dvh - 74px)!important;overflow-y:auto!important;transform:translateX(102%)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.primary-nav.nav-open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.desktop-cta{display:none!important}.primary-nav .mobile-cta{display:inline-flex!important}}


/* Final mobile navigation spacing fix */
@media (max-width: 980px) {
  .primary-nav {
    box-sizing: border-box !important;
    padding: 10px 18px 24px !important;
    gap: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    line-height: 1.35 !important;
  }
  .primary-nav > .nav-link,
  .primary-nav > .nav-group > .nav-dropdown {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 4px !important;
    line-height: 1.35 !important;
    text-align: left !important;
  }
  .primary-nav > .nav-group {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .primary-nav .dropdown-panel,
  .primary-nav .dropdown-right {
    display: none !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 8px 12px !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .primary-nav .nav-group.open > .dropdown-panel,
  .primary-nav .nav-group.open > .dropdown-right {
    display: block !important;
  }
  .primary-nav .dropdown-panel a {
    display: block !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    line-height: 1.35 !important;
  }
  .primary-nav .mobile-cta {
    align-self: stretch !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 14px 0 0 !important;
  }
}

/* Mobile viewport overflow fix: prevent horizontal page scrolling/cropping */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
@supports not (overflow: clip) {
  html, body { overflow-x: hidden; }
}
@media (max-width: 980px) {
  .site-header,
  main,
  footer,
  .section-wrap,
  .nav-shell {
    max-width: 100%;
  }
  .primary-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    transform: translateX(100%) !important;
  }
  .primary-nav.nav-open {
    transform: translateX(0) !important;
  }
  .hero-grid { right: 0; left: 0; }
  .hero-copy,
  .hero-visual,
  .hero-actions,
  .hero-actions .button {
    min-width: 0;
    max-width: 100%;
  }
  img, video, iframe, svg { max-width: 100%; }
}