:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#07111f;color:#e5edf7}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#102a43 0,#07111f 48%)}main{max-width:720px;padding:48px}.badge{display:inline-block;border:1px solid #164e63;color:#67e8f9;border-radius:999px;padding:6px 12px;font-weight:700}h1{font-size:44px;margin:22px 0 12px;letter-spacing:0}p{font-size:18px;line-height:1.7;color:#b7c4d5}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{background:#0891b2;color:#fff;text-decoration:none;border-radius:8px;padding:12px 18px;font-weight:800}.btn.secondary{background:#162033}.brand-trigger{position:fixed;top:24px;left:24px;z-index:10;display:flex;align-items:center;gap:10px;border:1px solid #1e3a56;background:#0b192a;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer;box-shadow:0 10px 30px #0005}.brand-trigger img{width:38px;height:38px;transition:filter .2s,transform .2s}.brand-trigger:hover img,.brand-trigger:focus-visible img{filter:drop-shadow(0 0 9px #22d3ee);transform:scale(1.06)}.brand-trigger span{display:grid;text-align:left}.brand-trigger strong{font-size:14px}.brand-trigger small{color:#8fa6bd}.ecosystem-overlay[hidden]{display:none}.ecosystem-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px}.overlay-backdrop{position:absolute;inset:0;border:0;background:#020817e8;backdrop-filter:blur(8px)}.ecosystem-panel{position:relative;width:min(680px,100%);min-height:600px;display:grid;place-items:center;align-content:center;border:1px solid #264967;border-radius:8px;background:#081522;box-shadow:0 28px 90px #000b;overflow:hidden}.ecosystem-panel h2{position:absolute;top:32px;margin:0;font-size:24px}.ecosystem-panel>p{position:absolute;top:58px;margin:0;font-size:14px}.close-button{position:absolute;top:16px;right:16px;z-index:3;width:38px;height:38px;border:1px solid #31516e;border-radius:50%;background:#10233a;color:#fff;font-size:26px;cursor:pointer}.orbit-center{position:absolute;left:50%;top:50%;translate:-50% -50%;width:112px;height:112px;border:1px solid #1b5373;border-radius:50%;display:grid;place-items:center;background:#0b2034;box-shadow:0 0 42px #06b6d455}.orbit-center img{width:82px;height:82px}.ecosystem-grid{position:relative;width:520px;height:440px}.module{--x:0px;--y:0px;position:absolute;left:50%;top:50%;translate:calc(-50% + var(--x)) calc(-50% + var(--y));width:96px;display:grid;justify-items:center;gap:7px;color:#cbd8e6;text-decoration:none;text-align:center}.module span{width:64px;height:64px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;background:#0d2135;color:#fff;font-weight:900;font-size:16px;box-shadow:0 8px 24px #0008;transition:transform .2s,box-shadow .2s}.module:hover span,.module:focus-visible span{transform:scale(1.12);box-shadow:0 0 24px currentColor}.module strong{font-size:12px;letter-spacing:0}.nfe{--x:0px;--y:-186px;color:#22d3ee}.ecommerce{--x:150px;--y:-116px;color:#38bdf8}.tax{--x:188px;--y:48px;color:#fbbf24}.support{--x:84px;--y:178px;color:#f472b6}.account{--x:-84px;--y:178px;color:#a78bfa}.cloud{--x:-188px;--y:48px;color:#34d399}.erp{--x:-150px;--y:-116px;color:#fb923c}.current span{background:#3b2415}.ecosystem-overlay.is-opening .module{animation:module-in .36s both}.ecosystem-overlay.is-opening .module:nth-child(2){animation-delay:.03s}.ecosystem-overlay.is-opening .module:nth-child(3){animation-delay:.06s}.ecosystem-overlay.is-opening .module:nth-child(4){animation-delay:.09s}.ecosystem-overlay.is-opening .module:nth-child(5){animation-delay:.12s}.ecosystem-overlay.is-opening .module:nth-child(6){animation-delay:.15s}.ecosystem-overlay.is-opening .module:nth-child(7){animation-delay:.18s}@keyframes module-in{from{opacity:0;translate:-50% -50%;transform:scale(.55)}to{opacity:1}}
@media(max-width:620px){body{place-items:start center}.brand-trigger{top:14px;left:14px}.brand-trigger span{display:none}main{padding:110px 24px 36px}h1{font-size:36px}.ecosystem-panel{min-height:min(700px,calc(100vh - 24px));padding:84px 18px 24px;align-content:start;overflow:auto}.ecosystem-panel h2{top:24px}.ecosystem-panel>p{top:50px}.orbit-center{display:none}.ecosystem-grid{width:100%;height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module{position:static;translate:none!important;width:auto;padding:14px 6px;border:1px solid #1e3a56;border-radius:8px;background:#0b192a}.module span{width:56px;height:56px}.module:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}