*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void:#ffffff;--deep:#ffffff;--panel:#f7f8f9;--surface:#f1f4f6;--lift:#e9edf0;--border:rgba(15,23,42,.08);--border-hi:rgba(15,23,42,.18);--cyan:#008055;--blue:#00a870;--purple:#7c3aed;--pink:#db2777;--green:#059669;--amber:#b45309;--red:#dc2626;--orange:#c2410c;--teal:#0f766e;--mint:#32de9b;--text:#2b2b2b;--dim:#4b5563;--muted:#64748b;--font:"Manrope","Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}html{font-family:var(--font);background:var(--void);color:var(--text);overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--blue),var(--mint));border-radius:2px}.skip-link{position:absolute;left:-9999px;top:1rem;z-index:9999;padding:.5rem 1rem;background:var(--cyan);color:#fff;font-weight:700;border-radius:6px;text-decoration:none;font-size:.85rem}.skip-link:focus{left:1rem}nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;gap:2rem;padding:0 2.5rem;height:64px;background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:background .3s,box-shadow .3s}nav.scrolled{background:#fffffff7;box-shadow:0 1px 2px #1018280d}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.nav-logo-icon{width:32px;height:32px;flex-shrink:0}.nav-logo-name{font-size:1.1rem;font-weight:900;letter-spacing:-.04em;color:var(--text)}.nav-links{display:flex;gap:.25rem;list-style:none;flex:1}.nav-links a{padding:.35rem 1rem;color:var(--dim);text-decoration:none;font-size:.825rem;font-weight:600;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap}.nav-links a:hover{color:var(--text);background:#0f172a0a}.nav-right{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.nav-login{color:var(--dim);text-decoration:none;font-size:.825rem;font-weight:500;padding:.35rem .8rem;border-radius:6px;transition:color .15s}.nav-login:hover{color:var(--text)}.nav-demo{padding:.5rem 1.25rem;border-radius:8px;font-size:.825rem;font-weight:700;border:1.5px solid rgba(0,128,85,.35);color:var(--cyan);text-decoration:none;background:#00a8700f;transition:background .15s,border-color .15s,box-shadow .15s;letter-spacing:-.01em;cursor:pointer}.nav-demo:hover{background:#00a8701f;border-color:var(--blue);box-shadow:0 0 20px #00a8701f}.nav-cta{padding:.5rem 1.25rem;border-radius:8px;font-size:.825rem;font-weight:700;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s;letter-spacing:-.01em}.nav-cta:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 16px #00a87040}.hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 1.5rem 5rem;position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:orbFloat 14s ease-in-out infinite}.orb-1{width:600px;height:600px;top:-200px;left:-150px;background:radial-gradient(circle,rgba(0,168,112,.08),transparent 70%);animation-delay:0s}.orb-2{width:500px;height:500px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(50,222,155,.1),transparent 70%);animation-delay:-5s}.orb-3{width:400px;height:400px;top:40%;left:60%;background:radial-gradient(circle,rgba(0,128,85,.06),transparent 70%);animation-delay:-9s}.orb-4{width:350px;height:350px;top:20%;right:5%;background:radial-gradient(circle,rgba(50,222,155,.06),transparent 70%);animation-delay:-3s}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.05)}}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(0,128,85,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,128,85,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 50%,#000,transparent);mask-image:radial-gradient(ellipse 85% 70% at 50% 50%,#000,transparent);animation:gridDrift 20s linear infinite}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(56px)}}.hero-pill{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:999px;border:1px solid rgba(0,128,85,.3);background:#00a87012;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase;margin-bottom:2rem;box-shadow:0 0 24px #00a87014}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue);animation:pulseDot 2s ease infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.hero h1{position:relative;z-index:1;font-size:clamp(2.9rem,7vw,5.5rem);font-weight:800;letter-spacing:-.045em;line-height:.96;margin-bottom:1.5rem}.h1-main{background:linear-gradient(160deg,#16181d,#2b2b2b 55%,#008055);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.h1-sub{position:relative;z-index:1;display:block;font-size:1.1rem;font-weight:400;color:var(--dim);max-width:560px;margin:0 auto 2.5rem;line-height:1.75}.hero-actions{position:relative;z-index:1;display:flex;gap:.875rem;flex-wrap:wrap;justify-content:center}.btn-hero{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 2.1rem;border-radius:10px;font-weight:700;font-size:.95rem;background:linear-gradient(135deg,var(--blue) 0%,var(--cyan) 100%);color:#fff;text-decoration:none;letter-spacing:-.01em;border:none;cursor:pointer;box-shadow:0 8px 32px #00a87047,inset 0 1px #fff3;transition:transform .2s,box-shadow .2s}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 14px 44px #00a87061}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 2.1rem;border-radius:10px;font-weight:600;font-size:.95rem;border:1px solid var(--border-hi);color:var(--text);text-decoration:none;background:#fff;transition:background .2s,border-color .2s,box-shadow .2s}.btn-ghost:hover{background:#00a8700d;border-color:var(--blue);box-shadow:0 0 24px #00a87014}.ticker-wrap{position:relative;z-index:1;width:100%;overflow:hidden;margin-top:3.5rem;padding:1.2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,transparent 8%,transparent 92%,rgba(255,255,255,.95) 100%)}.ticker-track{display:flex;gap:0;animation:ticker 40s linear infinite;width:-moz-max-content;width:max-content}.ticker-track:hover{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem 1.4rem;white-space:nowrap;font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.ticker-item span{font-size:.85rem}.ticker-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.stats-strip{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3.5rem}.stat-item{text-align:center}.stat-num{font-size:2.6rem;font-weight:900;letter-spacing:-.06em;background:linear-gradient(135deg,var(--cyan),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-lbl{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:.35rem}.section{padding:6rem 1.5rem;max-width:1240px;margin:0 auto}.section-h{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin-bottom:.9rem}.h-accent{color:var(--cyan)}.section-p{font-size:1rem;color:var(--dim);max-width:580px;line-height:1.8}.preview-wrap{margin:3.5rem auto 0;max-width:1040px;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 1px 2px #1018280d,0 40px 90px #10182824}.preview-chrome{background:var(--surface);padding:.8rem 1.25rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border)}.chrome-dot{width:12px;height:12px;border-radius:50%}.chrome-addr{flex:1;margin:0 1rem;background:#fff;border:1px solid var(--border);border-radius:7px;padding:.32rem .85rem;font-family:var(--mono);font-size:.7rem;color:var(--muted);text-align:left}.preview-body{background:var(--panel);padding:0;overflow:hidden}.preview-shell{display:flex;height:460px}.psb{width:195px;min-width:195px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;font-size:.72rem}.psb-brand{padding:14px 14px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.psb-icon{width:27px;height:27px;border-radius:7px;background:#00a8701a;display:flex;align-items:center;justify-content:center}.psb-icon svg{width:13px;height:13px;stroke:var(--cyan);fill:none;stroke-width:2}.psb-name{font-weight:900;font-size:.82rem;letter-spacing:-.03em;color:var(--text)}.psb-nav{flex:1;overflow-y:auto;padding:6px 0}.psb-grp{padding:10px 12px 3px;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.psb-item{display:flex;align-items:center;gap:7px;padding:5px 12px;color:var(--dim);cursor:pointer;transition:background .1s,color .1s}.psb-item:hover,.psb-item.active{background:var(--panel);color:var(--text)}.psb-item.active{color:var(--cyan);background:#00a87014}.psb-item svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.psb-badge{margin-left:auto;font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:999px;background:#dc26261a;color:var(--red)}.psb-badge.amber{background:#b453091a;color:var(--amber)}.psb-badge.green{background:#0596691a;color:var(--green)}.psb-badge.cyan{background:#00a8701a;color:var(--cyan)}.pmain{flex:1;display:flex;flex-direction:column;overflow:hidden}.ptop{padding:10px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);flex-shrink:0;background:#ffffffe6}.ptop-title{font-size:.8rem;font-weight:700;flex:1;color:var(--text)}.psearch{display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:4px 9px;width:165px}.psearch input{background:transparent;border:none;outline:none;font-size:.7rem;color:var(--dim);width:100%;font-family:var(--font)}.psearch svg{width:12px;height:12px;stroke:var(--muted);fill:none;stroke-width:2;flex-shrink:0}.pbtn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--muted);cursor:pointer;position:relative}.pbtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.pbtn:hover{background:#0f172a0d;color:var(--dim)}.pnotif-dot{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--red)}.pcontent{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px}.pkpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pkpi-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.pkpi-card:hover{border-color:var(--border-hi);box-shadow:0 2px 8px #1018280f}.pkpi-lbl{font-size:.62rem;color:var(--muted);margin-bottom:5px;display:flex;align-items:center;gap:4px}.pkpi-lbl svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2}.pkpi-val{font-size:1.4rem;font-weight:900;letter-spacing:-.04em;color:var(--text)}.pkpi-delta{font-size:.6rem;margin-top:3px;color:var(--green)}.pkpi-delta.dn{color:var(--red)}.pcard{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.pcard-head{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:5px}.pcard-title{font-size:.72rem;font-weight:700;color:var(--text);flex:1}.pcard-tag{font-size:.6rem;color:var(--muted);padding:2px 7px;border:1px solid var(--border);border-radius:5px}.p2col{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.pinc-row{display:flex;align-items:start;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(15,23,42,.05);font-size:.66rem}.pinc-row:last-child{border-bottom:none}.psev{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-top:4px}.psev.p1{background:var(--red)}.psev.p2{background:#f59e0b}.psev.p3{background:var(--green)}.pinc-title{color:var(--text);margin-bottom:2px;font-weight:500}.pinc-meta{color:var(--muted)}.pinc-time{margin-left:auto;color:var(--muted);white-space:nowrap;flex-shrink:0}.pbadge{display:inline-flex;padding:1px 5px;border-radius:3px;font-size:.58rem;font-weight:600}.pbadge.p1{background:#dc26261a;color:var(--red)}.pbadge.p2{background:#b453091a;color:var(--amber)}.pnodes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 13px}.pnode{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 9px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.pnode:hover{border-color:var(--border-hi);box-shadow:0 2px 6px #1018280d}.pnode-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pnode-dot.g{background:#00a870}.pnode-dot.a{background:#f59e0b}.pnode-dot.r{background:var(--red)}.pnode-name{font-size:.65rem;font-weight:600;color:var(--text)}.pnode-sub{font-size:.58rem;color:var(--muted)}.pnode-val{font-size:.62rem;color:var(--dim);margin-left:auto;white-space:nowrap}.mini-chart{display:flex;align-items:flex-end;gap:2px;height:48px;padding:10px 14px 8px}.mini-bar{flex:1;border-radius:2px 2px 0 0;min-height:3px;transition:opacity .2s}.mini-bar:hover{opacity:.7}.cat-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem;justify-content:center}.cat-tab{padding:.4rem 1rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);color:var(--dim);cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .16s;background:#fff}.cat-tab:active{transform:scale(.97)}.cat-tab.active,.cat-tab:hover{border-color:var(--border-hi);color:var(--text);background:var(--panel)}.cat-tab.active{background:#00a87014;border-color:#00805559;color:var(--cyan)}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden}.mod-card{background:var(--deep);padding:1.6rem;position:relative;transition:background .25s;cursor:pointer;overflow:hidden}.mod-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:var(--mc-glow,rgba(0,168,112,.05));transition:opacity .3s;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000,transparent)}.mod-card:hover{background:#fafcfb}.mod-card:hover:before{opacity:1}.mod-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.9rem}.mod-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.mod-icon svg{width:22px;height:22px}.mod-badge{font-size:.58rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.18rem .55rem;border-radius:5px;border:1px solid var(--ms-border,rgba(0,128,85,.25));color:var(--ms-color,var(--cyan));background:var(--ms-bg,rgba(0,168,112,.07))}.mod-name{font-size:.92rem;font-weight:700;margin-bottom:.3rem;color:var(--text)}.mod-desc{font-size:.76rem;color:var(--dim);line-height:1.68}.mod-pills{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.85rem}.mod-pill{font-size:.6rem;font-weight:600;padding:.18rem .55rem;border-radius:4px;background:var(--panel);color:var(--dim);border:1px solid var(--border)}.mc-cyan{--mc-glow:rgba(0,168,112,.06)}.mc-cyan .mod-icon{background:#00a8701a;color:var(--cyan)}.mc-purple{--mc-glow:rgba(124,58,237,.05)}.mc-purple .mod-icon{background:#7c3aed1a;color:var(--purple)}.mc-green{--mc-glow:rgba(5,150,105,.05)}.mc-green .mod-icon{background:#0596691a;color:var(--green)}.mc-pink{--mc-glow:rgba(219,39,119,.05)}.mc-pink .mod-icon{background:#db27771a;color:var(--pink)}.mc-amber{--mc-glow:rgba(180,83,9,.05)}.mc-amber .mod-icon{background:#d977061a;color:var(--amber)}.mc-blue{--mc-glow:rgba(0,168,112,.05)}.mc-blue .mod-icon{background:#00a87014;color:var(--blue)}.mc-red{--mc-glow:rgba(220,38,38,.05)}.mc-red .mod-icon{background:#dc26261a;color:var(--red)}.mc-teal{--mc-glow:rgba(15,118,110,.05)}.mc-teal .mod-icon{background:#0f766e1a;color:var(--teal)}.mc-orange{--mc-glow:rgba(194,65,12,.05)}.mc-orange .mod-icon{background:#c2410c1a;color:var(--orange)}.mc-cyan .mod-badge{--ms-border:rgba(0,128,85,.25);--ms-color:var(--cyan);--ms-bg:rgba(0,168,112,.07)}.mc-purple .mod-badge{--ms-border:rgba(124,58,237,.25);--ms-color:var(--purple);--ms-bg:rgba(124,58,237,.06)}.mc-green .mod-badge{--ms-border:rgba(5,150,105,.25);--ms-color:var(--green);--ms-bg:rgba(5,150,105,.06)}.mc-pink .mod-badge{--ms-border:rgba(219,39,119,.25);--ms-color:var(--pink);--ms-bg:rgba(219,39,119,.06)}.mc-amber .mod-badge{--ms-border:rgba(180,83,9,.25);--ms-color:var(--amber);--ms-bg:rgba(180,83,9,.06)}.mc-blue .mod-badge{--ms-border:rgba(0,168,112,.25);--ms-color:var(--blue);--ms-bg:rgba(0,168,112,.06)}.mc-red .mod-badge{--ms-border:rgba(220,38,38,.25);--ms-color:var(--red);--ms-bg:rgba(220,38,38,.06)}.mc-teal .mod-badge{--ms-border:rgba(15,118,110,.25);--ms-color:var(--teal);--ms-bg:rgba(15,118,110,.06)}.mc-orange .mod-badge{--ms-border:rgba(194,65,12,.25);--ms-color:var(--orange);--ms-bg:rgba(194,65,12,.06)}.terminal{margin:3.5rem auto 0;max-width:860px;border-radius:16px;overflow:hidden;border:1px solid rgba(15,23,42,.12);box-shadow:0 24px 64px #10182840}.term-bar{background:#0b1220;padding:.7rem 1.15rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(148,163,184,.14)}.td{width:12px;height:12px;border-radius:50%}.td-r{background:#ff5f56}.td-y{background:#ffbd2e}.td-g{background:#27c93f}.term-label{flex:1;text-align:center;font-family:var(--mono);font-size:.68rem;color:#7c8aa0}.term-body{background:#010306;padding:1.5rem 1.75rem;font-family:var(--mono);font-size:.79rem;line-height:1.95;overflow-x:auto;color:#cbd5e1}.tp{color:#38bdf8}.tk{color:#a78bfa}.tv{color:#22c55e}.tw{color:#f59e0b}.te{color:#ef4444}.tm{color:#64748b}.th{color:#60a5fa;font-weight:700}.cursor{display:inline-block;width:7px;height:.9em;background:#38bdf8;vertical-align:text-bottom;animation:blink 1.1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.bento{display:grid;gap:1rem;margin-top:3rem;grid-template-columns:repeat(3,1fr)}.bento-card{background:var(--deep);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:border-color .25s,box-shadow .25s,background .25s;overflow:hidden;position:relative}.bento-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:var(--bc-glow,radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,168,112,.05),transparent));transition:opacity .3s}.bento-card:hover{border-color:var(--border-hi);box-shadow:0 8px 28px #10182814}.bento-card:hover:after{opacity:1}.bento-card.span2{grid-column:span 2}.bento-card.span3{grid-column:span 3}.bento-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#00a87014;color:var(--cyan);margin-bottom:1rem}.bento-icon svg{width:22px;height:22px}.bento-card h3{font-size:.97rem;font-weight:700;margin-bottom:.4rem;color:var(--text)}.bento-card p{font-size:.8rem;color:var(--dim);line-height:1.7}.bc-cyan{--bc-glow:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,168,112,.07),transparent)}.bc-cyan:hover{border-color:#00805566!important;box-shadow:0 8px 28px #00a8701a!important}.bc-purple{--bc-glow:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(124,58,237,.06),transparent)}.bc-purple:hover{border-color:#7c3aed59!important;box-shadow:0 8px 28px #7c3aed14!important}.bc-green{--bc-glow:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(5,150,105,.06),transparent)}.bc-green:hover{border-color:#05966959!important;box-shadow:0 8px 28px #05966914!important}.bc-amber{--bc-glow:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(180,83,9,.06),transparent)}.bc-amber:hover{border-color:#b453094d!important;box-shadow:0 8px 28px #b4530912!important}.bc-pink{--bc-glow:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(219,39,119,.05),transparent)}.bc-pink:hover{border-color:#db27774d!important;box-shadow:0 8px 28px #db277712!important}.bc-red{--bc-glow:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(220,38,38,.05),transparent)}.bc-red:hover{border-color:#dc26264d!important;box-shadow:0 8px 28px #dc262612!important}.billing-panel{margin-top:3rem;background:var(--deep);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.billing-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--panel)}.btab{padding:.65rem 1.25rem;font-size:.78rem;font-weight:500;color:var(--muted);cursor:pointer;transition:color .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.btab.active{color:var(--cyan);border-bottom-color:var(--cyan)}.billing-content{padding:1.75rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.inv-table{width:100%;border-collapse:collapse;font-size:.78rem}.inv-table th{text-align:left;padding:.5rem .75rem;font-size:.63rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.inv-table td{padding:.6rem .75rem;border-bottom:1px solid rgba(15,23,42,.05);color:var(--dim)}.inv-table tr:last-child td{border-bottom:none}.inv-status{display:inline-flex;padding:.15rem .5rem;border-radius:4px;font-size:.62rem;font-weight:600}.status-paid{background:#0596691a;color:var(--green)}.status-pending{background:#b453091a;color:var(--amber)}.status-overdue{background:#dc26261a;color:var(--red)}.gateway-list{display:flex;flex-direction:column;gap:.75rem}.gateway{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--border);border-radius:11px;padding:1rem 1.1rem;transition:border-color .2s,box-shadow .2s}.gateway:hover{border-color:var(--border-hi);box-shadow:0 2px 8px #1018280d}.gw-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.gw-name{font-size:.82rem;font-weight:600;color:var(--text)}.gw-sub{font-size:.7rem;color:var(--muted);margin-top:.1rem}.gw-status{margin-left:auto;font-size:.65rem;font-weight:600;padding:.2rem .55rem;border-radius:4px;background:#0596691a;color:var(--green)}.cta{text-align:center;padding:8rem 1.5rem;position:relative;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:500px;background:radial-gradient(ellipse,rgba(0,168,112,.08) 0%,rgba(50,222,155,.05) 40%,transparent 70%);pointer-events:none}.cta h2{position:relative;z-index:1;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:900;letter-spacing:-.055em;line-height:1.03;margin-bottom:1rem}.cta-sub{position:relative;z-index:1;color:var(--dim);font-size:1rem;max-width:500px;margin:0 auto 2.5rem;line-height:1.8}.cta-actions{position:relative;z-index:1;display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap}footer{border-top:1px solid var(--border);padding:3rem 2.5rem;display:grid;grid-template-columns:1.5fr auto;align-items:start;gap:3rem;background:var(--panel)}.foot-brand{font-size:1.1rem;font-weight:900;letter-spacing:-.04em;color:var(--text);margin-bottom:.4rem}.foot-copy{font-size:.75rem;color:var(--muted);line-height:1.7}.foot-links{display:flex;gap:1.75rem;list-style:none}.foot-links a{color:var(--dim);text-decoration:none;font-size:.78rem;transition:color .15s}.foot-links a:hover{color:var(--cyan)}.demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s}.demo-overlay.open{opacity:1;pointer-events:all}.demo-modal{background:#fff;border:1px solid var(--border);border-radius:20px;width:100%;max-width:490px;overflow:hidden;box-shadow:0 40px 100px #1018284d;transform:translateY(20px) scale(.97);transition:transform .3s}.demo-overlay.open .demo-modal{transform:translateY(0) scale(1)}.demo-modal-head{padding:1.7rem 1.85rem 1.3rem;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#00a8700d,#32de9b0a)}.demo-modal-head h3{font-size:1.25rem;font-weight:900;letter-spacing:-.04em;color:var(--text);margin-bottom:.3rem}.demo-modal-head p{font-size:.8rem;color:var(--dim);line-height:1.65}.demo-close{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--panel);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .15s,color .15s}.demo-close:hover{background:var(--lift);color:var(--text)}.demo-form{padding:1.6rem 1.85rem;display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--dim)}.form-group input,.form-group select,.form-group textarea{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:.7rem .9rem;font-size:.85rem;color:var(--text);font-family:var(--font);outline:none;transition:border-color .15s,box-shadow .15s;resize:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--muted)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#00805580;box-shadow:0 0 0 3px #00a8701a}.form-group select option{background:#fff;color:var(--text)}.demo-submit{width:100%;padding:.9rem;border-radius:11px;font-weight:700;font-size:.95rem;background:linear-gradient(135deg,var(--blue) 0%,var(--cyan) 100%);color:#fff;border:none;cursor:pointer;letter-spacing:-.01em;box-shadow:0 8px 28px #00a87038;transition:opacity .15s,transform .15s}.demo-submit:hover{opacity:.92;transform:translateY(-1px)}.demo-success{padding:2.75rem 1.85rem;text-align:center;display:none;flex-direction:column;align-items:center;gap:.75rem}.demo-success.show{display:flex}.demo-success-icon{font-size:2.8rem;margin-bottom:.25rem}.demo-success h4{font-size:1.15rem;font-weight:900;color:var(--text)}.demo-success p{font-size:.85rem;color:var(--dim);line-height:1.7;max-width:320px}.africa-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.africa-map-svg{position:absolute;right:-5%;top:50%;transform:translateY(-48%);width:62%;max-width:720px;height:auto;opacity:.35;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.95) 35%,rgba(0,0,0,0) 100%),linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 8%,rgba(0,0,0,.8) 92%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to left,#000000f2 35%,#0000),linear-gradient(to bottom,#0000,#000c 8%,#000c 92%,#0000);mask-composite:intersect;-webkit-mask-composite:destination-in;animation:mapDrift 30s ease-in-out infinite}@keyframes mapDrift{0%,to{transform:translateY(-48%) scale(1)}50%{transform:translateY(-50%) scale(1.015)}}@keyframes alertPop{0%,to{opacity:0;transform:scale(.92)}15%,85%{opacity:1;transform:scale(1)}}.cockpit-live-badge{display:inline-flex;align-items:center;gap:4px;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.18rem .55rem;border-radius:4px;background:#0596691a;border:1px solid rgba(5,150,105,.25);color:var(--green);margin-left:auto}.cockpit-live-dot{width:5px;height:5px;border-radius:50%;background:var(--green);animation:pulseDot 1.5s ease infinite}.pview{display:none!important}.pview.pview-active{display:flex!important;flex-direction:column;gap:12px;flex:1;overflow-y:auto;padding:14px 18px}.bv-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bv-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px}.bv-label{font-size:.6rem;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em}.bv-val{font-size:1.3rem;font-weight:900;letter-spacing:-.04em;color:var(--text)}.bv-delta{font-size:.6rem;color:var(--green);margin-top:2px}.bv-gateways{display:flex;flex-direction:column;gap:5px}.bv-gw{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:.68rem}.bv-gw-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--green)}.bv-gw-name{color:var(--text);font-weight:600;flex:1}.bv-gw-stat{color:var(--muted);font-size:.62rem}.bv-gw-sub{color:var(--muted);font-size:.6rem}.bv-gw-amount{color:var(--dim);font-size:.65rem;white-space:nowrap}.bv-status{display:inline-block;padding:2px 7px;border-radius:4px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bv-status.paid{background:#0596691a;color:var(--green);border:1px solid rgba(5,150,105,.2)}.bv-status.pending{background:#b4530914;color:var(--amber);border:1px solid rgba(180,83,9,.2)}.bv-status.overdue{background:#dc26261a;color:var(--red);border:1px solid rgba(220,38,38,.2)}.bv-delta.up{color:var(--green)}.bv-delta.dn{color:var(--red)}.bgp-table{width:100%;border-collapse:collapse;font-size:.68rem}.bgp-table th{text-align:left;padding:.4rem .65rem;font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)}.bgp-table td{padding:.5rem .65rem;border-bottom:1px solid rgba(15,23,42,.05);color:var(--dim)}.bgp-table tr:last-child td{border:none}.bgp-status-up{display:inline-flex;align-items:center;gap:4px;color:var(--green);font-weight:600;font-size:.62rem}.bgp-status-up:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.bgp-status-down{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-weight:600;font-size:.62rem}.bgp-status-down:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0}.bgp-mini-map{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden;height:110px;display:flex;align-items:center;justify-content:center}.psb-item[data-view].active{color:var(--cyan)!important;background:#00a87014!important}.psb-item[data-view=billing].active{color:var(--green)!important;background:#05966912!important}.psb-item[data-view=bgp].active{color:var(--purple)!important;background:#7c3aed0f!important}@media (min-width:769px){.nav-hamburger{display:none}.mobile-menu{display:none!important}}@media (max-width:768px){.africa-map-svg{width:100%;right:auto;top:0;transform:none;opacity:.18;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,0,0,.6),transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(0,0,0,.6),transparent)}nav{padding:0 1rem;gap:1rem}.nav-logo{flex-shrink:0}.nav-links{display:none!important}.nav-right .nav-demo,.nav-right .nav-cta{display:none}.nav-hamburger{display:flex}.preview-shell{height:auto;flex-direction:column}.psb{width:100%;min-width:0;height:auto;border-right:none;border-bottom:1px solid var(--border)}.psb-nav{display:none}.bento{grid-template-columns:1fr}.bento-card.span2,.bento-card.span3{grid-column:span 1}.billing-content{grid-template-columns:1fr}.metrics{flex-wrap:wrap}.metric{flex:calc(50% - 1px)}footer{grid-template-columns:1fr}.p2col{grid-template-columns:1fr}.pkpi{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.pricing-grid,.testimonial-grid{grid-template-columns:1fr!important}}#particleCanvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.35}.grad-line{height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--mint),transparent);opacity:.3}.section-tint-purple{background:radial-gradient(ellipse 80% 60% at 80% 50%,rgba(0,168,112,.035),transparent)}.section-tint-cyan{background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(0,168,112,.035),transparent)}.section-tint-green{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(50,222,155,.05),transparent)}.section-tint-pink{background:radial-gradient(ellipse 80% 60% at 20% 60%,rgba(15,23,42,.025),transparent)}.mc-cyan:hover{box-shadow:0 8px 28px #00a8701a}.mc-purple:hover{box-shadow:0 8px 28px #7c3aed14}.mc-green:hover{box-shadow:0 8px 28px #05966914}.mc-pink:hover{box-shadow:0 8px 28px #db277714}.mc-amber:hover{box-shadow:0 8px 28px #b4530914}.mc-red:hover{box-shadow:0 8px 28px #dc262614}.mc-teal:hover{box-shadow:0 8px 28px #0f766e14}.mc-orange:hover{box-shadow:0 8px 28px #c2410c14}.mc-blue:hover{box-shadow:0 8px 28px #00a87014}@keyframes newPulse{0%,to{box-shadow:0 0 #00a87059}60%{box-shadow:0 0 0 6px #00a87000}}.mod-badge-new{animation:newPulse 2.4s ease infinite;background:#00a8701a!important;border-color:#00805559!important;color:var(--cyan)!important}.orb-5{width:320px;height:320px;top:55%;left:30%;background:radial-gradient(circle,rgba(50,222,155,.05),transparent 70%);animation-delay:-7s}.orb-6{width:280px;height:280px;top:10%;left:45%;background:radial-gradient(circle,rgba(0,128,85,.04),transparent 70%);animation-delay:-12s}.gw-status{transition:box-shadow .2s}.gateway:hover .gw-status{box-shadow:0 0 14px #0596694d}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:8px 9px;margin-left:.5rem;flex-shrink:0}.nav-hamburger span{display:block;height:1.5px;background:var(--dim);border-radius:2px;transition:transform .2s,opacity .2s,background .2s}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{position:fixed;top:64px;left:0;right:0;z-index:199;background:#fffffff7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:1rem 1.5rem 1.5rem;transform:translateY(-110%);opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:.15rem}.mobile-menu a{display:block;padding:.75rem .5rem;color:var(--dim);text-decoration:none;font-size:.9rem;font-weight:500;border-radius:8px;border-bottom:1px solid rgba(15,23,42,.05);transition:color .15s,background .15s}.mobile-menu a:hover{color:var(--text);background:#0f172a08}.mobile-menu-ctas{display:flex;flex-direction:column;gap:.65rem;margin-top:1.1rem}.mobile-menu-ctas .nav-demo{width:100%;text-align:center;padding:.65rem}.mobile-menu-ctas .nav-cta{width:100%;text-align:center;padding:.65rem;display:block}.sticky-demo{position:fixed;bottom:1.75rem;right:1.75rem;z-index:300;display:flex;align-items:center;gap:.55rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:700;font-size:.88rem;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;text-decoration:none;cursor:pointer;border:none;box-shadow:0 8px 32px #00a8704d,0 2px 8px #10182826;transform:translateY(100px);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s,box-shadow .2s;letter-spacing:-.01em;white-space:nowrap}.sticky-demo.visible{transform:translateY(0);opacity:1}.sticky-demo:hover{box-shadow:0 12px 40px #00a87066,0 2px 8px #10182826;transform:translateY(-2px)!important}.sticky-demo svg{width:15px;height:15px;flex-shrink:0}@media (max-width:768px){.nav-hamburger{display:flex}.nav-links,.nav-right .nav-demo,.nav-right .nav-cta{display:none}.sticky-demo{bottom:1rem;right:1rem;padding:.65rem 1.2rem;font-size:.82rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.ticker-track{animation:none;transform:none}.hero-grid,.orb{animation:none}.africa-scene{display:none}.fade-up{opacity:1;transform:none}}