@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Source+Sans+3:wght@400;500;600;700;800&display=swap";#root{min-height:100vh}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--bg-soft:#101010;--panel:#121212c7;--panel-strong:#151515;--text:#f7f7f4;--muted:#a4a4a0;--line:#ffffff1f;--line-strong:#ffffff38;--accent:#e1192b;--accent-strong:#ff3447;--sand:#fff;--shadow:0 34px 100px #00000085;font-family:"Source Sans 3",ui-sans-serif,system-ui,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f3;--bg-soft:#fff;--panel:#ffffffd1;--panel-strong:#fff;--text:#080808;--muted:#62625d;--line:#0000001f;--line-strong:#00000038;--accent:#cf1022;--accent-strong:#a90d1b;--sand:#111;--shadow:0 28px 80px #00000021}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 12%, color-mix(in oklab, var(--accent) 28%, transparent), transparent 24rem), radial-gradient(circle at 10% 88%, #ffffff0f, transparent 34rem), linear-gradient(135deg, var(--bg) 0%, var(--bg-soft) 46%, var(--bg) 100%);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.46;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), linear-gradient(115deg, transparent 0 48%, color-mix(in oklab, var(--accent) 10%, transparent) 49% 50%, transparent 51%);background-size:86px 86px,86px 86px,220px 220px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}main{isolation:isolate;position:relative}.wire-background{z-index:-1;pointer-events:none;opacity:.9;position:fixed;inset:0;overflow:hidden}.wire-background svg{width:100%;height:100%;filter:drop-shadow(0 0 18px color-mix(in oklab, var(--accent) 28%, transparent))}.wire{fill:none;stroke:url(#wireStroke);stroke-width:1.5px;stroke-dasharray:10 20;animation:18s linear infinite wireDrift}.wire.faint{stroke:color-mix(in oklab, var(--text) 12%, transparent);stroke-width:1px;animation-duration:26s}.wire-b{animation-duration:22s;animation-direction:reverse}.wire-c{animation-duration:28s}.packet{fill:var(--accent);filter:drop-shadow(0 0 10px var(--accent));offset-rotate:0deg;animation:7s linear infinite movePacket}.packet-one{offset-path:path("M-80 180 C 230 80, 380 320, 610 230 S 980 50, 1220 190 1510 330, 1680 210")}.packet-two{offset-path:path("M-70 525 C 190 420, 330 640, 560 560 S 880 330, 1130 500 1390 660, 1680 520");animation-duration:8.5s;animation-delay:-2s}.packet-three{offset-path:path("M120 880 C 340 700, 500 760, 750 610 S 1090 360, 1510 430");animation-duration:9.5s;animation-delay:-4.2s}.section-shell{width:min(1480px,100% - 56px);margin:0 auto}.site-header{z-index:20;border:1px solid var(--line);background:color-mix(in oklab, var(--panel) 92%, transparent);width:min(1500px,100% - 28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:4px;justify-content:space-between;align-items:center;gap:18px;margin:14px auto 0;padding:12px 12px 12px 18px;display:flex;position:sticky;top:14px}.brand{letter-spacing:-.03em;text-transform:uppercase;align-items:center;gap:11px;font-weight:800;display:inline-flex}.logo-mark{flex:none;width:36px;height:36px}.logo-shell{fill:color-mix(in oklab, var(--accent) 12%, transparent);stroke:var(--accent);stroke-width:2px}.logo-wire{fill:none;stroke:var(--sand);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.logo-dot{fill:var(--sand)}nav{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:26px;font-size:.9rem;font-weight:700;display:flex}nav a{position:relative}nav a:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}nav a:hover{color:var(--text)}nav a:hover:after{transform:scaleX(1)}.header-actions{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:2px;padding:10px 14px;font-weight:700}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.035em;min-height:48px;box-shadow:0 16px 40px color-mix(in oklab, var(--accent) 24%, transparent);border-radius:2px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{background:var(--accent-strong);box-shadow:0 22px 54px color-mix(in oklab, var(--accent) 34%, transparent);transform:translateY(-2px)}.button.secondary{background:color-mix(in oklab, var(--panel) 80%, transparent);color:var(--text);border-color:var(--line-strong);box-shadow:none}.button.compact{min-height:40px;padding-inline:16px;font-size:.8rem}.hero{grid-template-columns:minmax(0,1.15fr) minmax(470px,.85fr);align-items:center;gap:70px;width:min(1660px,100% - 44px);min-height:820px;padding:92px 0 46px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 16px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em;text-transform:uppercase;font-family:Barlow Condensed,"Source Sans 3",sans-serif;line-height:.88}h1{max-width:1100px;margin-bottom:28px;font-size:clamp(4.4rem,9.4vw,10rem)}h2{max-width:1080px;margin-bottom:20px;font-size:clamp(2.7rem,5.4vw,6rem)}h3{letter-spacing:-.015em;font-size:1.32rem;font-weight:800}.hero-text{max-width:760px;color:var(--muted);font-size:clamp(1.08rem,1.55vw,1.3rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-visual{animation-duration:1s}.architecture-card{border:1px solid var(--line-strong);background:linear-gradient(180deg, color-mix(in oklab, var(--panel) 96%, white 2%), color-mix(in oklab, var(--panel) 78%, transparent));box-shadow:var(--shadow);transform-style:preserve-3d;border-radius:6px;padding:20px;animation:7s ease-in-out infinite panelFloat;position:relative;overflow:hidden}.architecture-card:before{content:"";background:linear-gradient(115deg, transparent, color-mix(in oklab, var(--accent) 26%, transparent), transparent);animation:5.5s ease-in-out infinite scan;position:absolute;inset:-1px;transform:translate(-90%)}.architecture-card:after{content:"";opacity:.28;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 9px,#ffffff09 10px);position:absolute;inset:0}.panel-head,.flow-grid,.terminal-strip{z-index:1;position:relative}.panel-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:14px;padding:4px 4px 18px;font-size:.9rem;font-weight:700;display:flex}.status{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.status i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 8px color-mix(in oklab, var(--accent) 16%, transparent);border-radius:50%;animation:1.8s ease-in-out infinite pulse}.flow-grid{gap:14px;display:grid}.node{border:1px solid var(--line);background:color-mix(in oklab, var(--panel-strong) 90%, transparent);border-radius:4px;min-height:138px;padding:24px;transition:transform .25s,border-color .25s,background .25s}.node:hover{border-color:var(--accent);background:color-mix(in oklab, var(--panel-strong) 82%, var(--accent) 8%);transform:translate(6px)}.node small{color:var(--accent);font-weight:800}.node strong{margin:16px 0 6px;font-size:1.12rem;display:block}.node span{color:var(--muted)}.gateway-node{border-color:color-mix(in oklab, var(--accent) 54%, var(--line))}.route{border-left:1px dashed var(--line-strong);height:48px;margin-left:44px;position:relative}.route em{background:var(--accent);width:9px;height:9px;box-shadow:0 0 16px var(--accent);border-radius:50%;animation:2.4s linear infinite localPacket;position:absolute;top:0;left:-5px}.route-two em{animation-delay:.6s}.terminal-strip{color:#f6f6f6;border:1px solid color-mix(in oklab, var(--accent) 28%, var(--line));background:#050505;border-radius:3px;margin-top:16px;padding:15px;overflow:auto}:root[data-theme=light] .terminal-strip{color:#fff;background:#101010}.proof-strip{border:1px solid var(--line);background:var(--line);border-radius:4px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:130px;display:grid;overflow:hidden}.proof-strip span{background:color-mix(in oklab, var(--panel) 90%, transparent);color:var(--text);text-align:center;text-transform:uppercase;letter-spacing:.04em;padding:26px;font-weight:800}.proof-strip span:before{content:"●";color:var(--accent);margin-right:10px;font-size:.78rem}.split-section,.features,.how-section,.solutions,.pricing,.faq{padding:78px 0}.section-intro{max-width:980px;margin-bottom:36px}.section-intro.centered{text-align:center;margin-inline:auto}.problem-grid,.feature-grid,.solution-grid,.pricing-grid,.steps{gap:18px;display:grid}.problem-grid{grid-template-columns:repeat(4,1fr)}.problem-card,.feature-card,.solution-card,.step,.price-card,.solution-band,.faq-list,.cta{border:1px solid var(--line);background:color-mix(in oklab, var(--panel) 90%, transparent);border-radius:5px;transition:transform .24s,border-color .24s,background .24s;box-shadow:0 16px 46px oklab(0% none none/.18)}.problem-card:hover,.feature-card:hover,.solution-card:hover,.step:hover,.price-card:hover{border-color:color-mix(in oklab, var(--accent) 58%, var(--line));background:color-mix(in oklab, var(--panel) 84%, var(--accent) 7%);transform:translateY(-6px)}.problem-card{min-height:230px;padding:26px}.problem-card span,.feature-icon,.step span{color:var(--accent);letter-spacing:.1em;font-weight:900}.problem-card p,.feature-card p,.solution-card p,.step p,.price-card p,.solution-band p,.cta p,.faq p{color:var(--muted);line-height:1.65}.solution-band{border-left:5px solid var(--accent);grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;margin-top:18px;padding:32px;display:grid}.solution-band strong{font-size:1.45rem;line-height:1.28}.solution-band p{margin:0}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-card,.solution-card,.step,.price-card{padding:30px}.feature-card{min-height:285px}.feature-icon{border:1px solid var(--line-strong);background:color-mix(in oklab, var(--accent) 10%, transparent);border-radius:3px;place-items:center;width:48px;height:48px;margin-bottom:34px;display:grid}.steps{grid-template-columns:repeat(3,1fr)}.step{position:relative;overflow:hidden}.step span{border:1px solid var(--line-strong);background:color-mix(in oklab, var(--accent) 10%, transparent);border-radius:2px;place-items:center;width:44px;height:44px;margin-bottom:34px;display:inline-grid}.step:after{content:"";border:1px solid var(--line);opacity:.42;width:90px;height:90px;position:absolute;inset:auto 24px 24px auto;transform:rotate(45deg)}.solution-grid{grid-template-columns:repeat(4,1fr)}.solution-card{min-height:250px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch}.price-card{flex-direction:column;display:flex;position:relative}.price-card.recommended{border-color:color-mix(in oklab, var(--accent) 78%, var(--line));box-shadow:0 24px 80px color-mix(in oklab, var(--accent) 18%, transparent);transform:translateY(-14px)}.badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.06em;border-radius:2px;padding:7px 10px;font-size:.72rem;font-weight:900;position:absolute;top:18px;right:18px}.price{align-items:end;gap:8px;margin:20px 0;display:flex}.price strong{letter-spacing:-.06em;font-family:Barlow Condensed,sans-serif;font-size:3.6rem}ul{margin:0 0 28px;padding:0;list-style:none}li{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 0}li:before{content:"■";color:var(--accent);vertical-align:middle;margin-right:10px;font-size:.55rem}.price-card .button{margin-top:auto}.pricing-note{text-align:center;color:var(--muted);margin-top:24px}.faq{grid-template-columns:.8fr 1.2fr;gap:44px;display:grid}.faq-list{padding:8px}details{border-bottom:1px solid var(--line);padding:24px}details:last-child{border-bottom:0}summary{cursor:pointer;text-transform:uppercase;letter-spacing:.02em;font-weight:800}summary::marker{color:var(--accent)}.cta{border-left:5px solid var(--accent);justify-content:space-between;align-items:center;gap:28px;margin-top:56px;padding:42px;display:flex}.cta h2{max-width:920px}.cta p{max-width:760px;margin-bottom:0}footer{border-top:1px solid var(--line);width:min(1480px,100% - 56px);color:var(--muted);justify-content:space-between;gap:20px;margin:60px auto 34px;padding-top:24px;display:flex}.reveal{opacity:0;animation:.85s cubic-bezier(.2,.7,.2,1) forwards reveal;transform:translateY(22px)}.delay-1{animation-delay:.14s}.delay-2{animation-delay:.28s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes wireDrift{to{stroke-dashoffset:-320px}}@keyframes movePacket{0%{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes scan{0%,35%{transform:translate(-90%)}60%,to{transform:translate(90%)}}@keyframes localPacket{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(48px)}}@keyframes panelFloat{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}50%{transform:translateY(-10px)rotateX(1deg)rotateY(-1deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 5px color-mix(in oklab, var(--accent) 12%, transparent)}50%{box-shadow:0 0 0 12px color-mix(in oklab, var(--accent) 5%, transparent)}}@media (width<=980px){.site-header{border-radius:5px;flex-wrap:wrap}nav{flex-wrap:wrap;order:3;justify-content:center;gap:14px;width:100%}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.problem-grid,.feature-grid,.solution-grid,.pricing-grid,.steps{grid-template-columns:1fr 1fr}.proof-strip{grid-template-columns:1fr 1fr;margin-bottom:70px}.solution-band,.faq,.cta{grid-template-columns:1fr;display:grid}}@media (width<=640px){.section-shell,.hero{width:min(100% - 28px,1480px)}.site-header{position:static}.header-actions{justify-content:space-between;width:100%}nav{display:none}h1{font-size:clamp(3.1rem,16vw,4.8rem)}.problem-grid,.feature-grid,.solution-grid,.pricing-grid,.steps,.proof-strip{grid-template-columns:1fr}.price-card.recommended{transform:none}.cta{padding:28px}footer{flex-direction:column;width:min(100% - 28px,1480px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}