*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#050812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:3px;outline:2px solid #7dd3fc}:root{--bg:#050812;--bg-2:#0a1020;--surface:#0a1020e0;--surface-strong:#030712f0;--border:#7dd3fc2e;--border-strong:#38bdf87a;--text:#f8fafc;--text-soft:#e2e8f0;--text-muted:#b6c4d6;--accent:#38bdf8;--accent-strong:#0ea5e9;--accent-deep:#0369a1;--green:#34d399;--amber:#f59e0b;--shadow:0 24px 70px #00000052;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}body{overflow-x:hidden}.site-shell{min-height:100vh;color:var(--text);background:linear-gradient(180deg, #080d1cdb, #030712f5), var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.section-pad{padding:clamp(68px,8vw,104px) 6vw}.site-nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030712d1;border-bottom:1px solid #94a3b824;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px 6vw;display:grid;position:sticky;top:0}.brand-lockup{color:var(--text);letter-spacing:0;align-items:center;gap:12px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--border-strong);width:42px;height:34px;color:var(--accent);background:#0ea5e914;border-radius:6px;place-items:center;font-size:12px;font-weight:950;display:inline-grid;box-shadow:0 0 24px #38bdf829}.nav-links{justify-content:center;gap:clamp(14px,3vw,34px);font-size:14px;font-weight:800;display:flex}.nav-links a{color:var(--text-soft);text-decoration:none;transition:color .18s;position:relative}.nav-links a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .22s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a:focus-visible{color:#fff}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.button{cursor:pointer;min-height:46px;font:inherit;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:900;line-height:1;text-decoration:none;transition:border-color .18s,box-shadow .18s,color .18s,background .18s,transform .18s;display:inline-flex;position:relative;overflow:hidden}.button span{z-index:1;position:relative}.button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);transition:transform .42s;position:absolute;inset:0;transform:translate(-120%)}.button:hover,.button:focus-visible{transform:translateY(-2px)scale(1.015)}.button:hover:before,.button:focus-visible:before{transform:translate(120%)}.button-primary{color:#03111f;background:#0ea5e9;border-color:#7dd3fc94;box-shadow:0 16px 42px #0ea5e93d}.button-primary:hover,.button-primary:focus-visible{color:#fff;background:#0284c7;border-color:#e0f2fee0;box-shadow:0 18px 52px #0ea5e957,0 0 0 1px #7dd3fc52}.button-secondary,.button-ghost{color:var(--text);background:#0f172aad;border-color:#94a3b847}.button-secondary:hover,.button-secondary:focus-visible,.button-ghost:hover,.button-ghost:focus-visible{border-color:var(--border-strong);background:#082f498f;box-shadow:0 16px 42px #0ea5e92e}.button-ghost{min-height:40px;padding:12px 14px;font-size:13px}.hero{border-bottom:1px solid #38bdf81f;min-height:min(760px,100vh - 72px);position:relative;overflow:hidden}.hero-grid-motion{pointer-events:none;background-image:linear-gradient(#38bdf814 1px,#0000 1px),linear-gradient(90deg,#38bdf812 1px,#0000 1px);background-size:74px 74px;animation:16s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000b8,#0000002e);mask-image:linear-gradient(90deg,#000000b8,#0000002e)}.hero-data-flow{pointer-events:none;opacity:.38;background:linear-gradient(115deg,#0000 0 42%,#38bdf833 47%,#0000 52% 100%),linear-gradient(#0ea5e914,#0000 38%);animation:7s ease-in-out infinite data-flow;position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:clamp(32px,6vw,70px);width:min(100%,1220px);margin:0 auto;display:grid;position:relative}.hero-copy h1{color:#fff;letter-spacing:0;max-width:830px;margin:22px 0 20px;font-size:clamp(44px,7vw,84px);font-weight:950;line-height:.96}.hero-lede{max-width:780px;color:var(--text-soft);margin:0;font-size:clamp(18px,2vw,22px);line-height:1.55}.status-badge,.section-label{width:fit-content;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#0ea5e914;border:1px solid #7dd3fc57;border-radius:6px;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.status-badge{padding:8px 11px}.section-label{padding:7px 10px}.cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-console,.dashboard-preview,.contact-panel,.service-card,.workflow-step{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #94a3b82e}.hero-console{border-color:#38bdf852;padding:16px;position:relative;overflow:hidden}.hero-console:before,.dashboard-preview:before{pointer-events:none;content:"";background:linear-gradient(#38bdf824,#0000 38%);position:absolute;inset:0}.console-topbar,.dashboard-header,.activity-header{justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.console-topbar,.dashboard-header{border-bottom:1px solid #94a3b829;padding-bottom:16px}.console-topbar strong,.dashboard-header strong{color:#fff;margin-top:4px;font-size:18px;display:block}.console-kicker,.mini-label,.module-tag{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.status-pill{min-height:30px;color:var(--accent);text-transform:uppercase;white-space:nowrap;background:#0ea5e914;border:1px solid #38bdf857;border-radius:6px;align-items:center;padding:7px 10px;font-size:11px;font-weight:950;display:inline-flex}.status-pill-live{position:relative}.status-pill-live:before{content:"";background:var(--green);border-radius:999px;width:7px;height:7px;margin-right:7px;animation:1.7s ease-in-out infinite pulse-dot;box-shadow:0 0 16px #34d399cc}.status-pill-alert{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b6b}.status-pill-done{color:var(--green);background:#34d39914;border-color:#34d3996b}.signal-stack{gap:10px;margin:18px 0;display:grid;position:relative}.signal-row,.activity-row{background:#03071294;border:1px solid #94a3b81f;border-radius:6px;align-items:center;gap:12px;display:grid}.signal-row{color:var(--text-soft);grid-template-columns:1fr auto;padding:14px}.signal-row.active{box-shadow:inset 3px 0 0 var(--accent);border-color:#38bdf870}.signal-row strong{color:#fff}.hero-console-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid;position:relative}.hero-console-grid div{background:#0ea5e912;border:1px solid #38bdf82e;border-radius:6px;padding:16px}.hero-console-grid strong{color:#fff;margin-top:8px;font-size:28px;display:block}.section-heading{width:min(100%,850px);margin-bottom:34px}.section-heading.narrow{text-align:center;width:min(100%,760px);margin-left:auto;margin-right:auto}.section-heading h2,.contact-panel h2,.demo-modal h2{color:#fff;margin:18px 0 16px;font-size:clamp(32px,5vw,58px);font-weight:950;line-height:1.02}.section-heading p,.contact-panel p,.demo-modal p,.service-card p,.workflow-step p{color:var(--text-muted);font-size:17px;line-height:1.58}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(100%,1220px);display:grid}.service-card{flex-direction:column;align-items:flex-start;min-height:336px;padding:24px;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;transition:transform .28s;position:absolute;top:0;left:24px;right:24px;transform:translate(-42%)}.service-card:hover,.service-card:focus-within{border-color:#38bdf88f;transform:translateY(-8px);box-shadow:0 26px 70px #00000061,0 0 0 1px #38bdf83d}.service-card:hover:before,.service-card:focus-within:before{transform:translate(42%)}.service-icon{width:50px;height:50px;color:var(--accent);background:#0ea5e914;border:1px solid #38bdf857;border-radius:6px;place-items:center;margin-bottom:18px;transition:background .22s,color .22s,transform .22s;display:grid}.service-card:hover .service-icon,.service-card:focus-within .service-icon{color:#fff;background:#0ea5e95c;transform:translateY(-3px)rotate(-2deg)}.service-icon-svg{stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8px;width:25px;height:25px}.service-card h3,.workflow-step h3{color:#fff;margin:14px 0 10px;font-size:23px;line-height:1.12}.service-card p{margin:0 0 22px}.card-action{margin-top:auto}.workflow{background:#03071280;border-top:1px solid #38bdf81f;border-bottom:1px solid #38bdf81f}.workflow-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(100%,1220px);margin:44px auto 0;display:grid;position:relative}.workflow-track:before{content:"";background:linear-gradient(90deg, var(--accent), #38bdf824, var(--accent));background-size:220% 100%;height:2px;animation:3.6s ease-in-out infinite progress-line;position:absolute;top:36px;left:12.5%;right:12.5%}.workflow-step{z-index:1;background:#0a1020f0;min-height:250px;padding:22px;position:relative}.step-index{color:#fff;background:#0b1224;border:1px solid #38bdf875;border-radius:6px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:950;display:inline-grid;box-shadow:0 0 0 6px #030712e0}.workflow-step p{margin:0}.center-action{justify-content:center;margin-top:34px;display:flex}.demo-layout{grid-template-columns:minmax(0,.8fr) minmax(420px,1.05fr);align-items:center;gap:clamp(30px,6vw,68px);width:min(100%,1220px);margin:0 auto;display:grid}.dashboard-preview{border-color:#38bdf857;padding:18px;position:relative;overflow:hidden}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid;position:relative}.metric-card{background:#0307129e;border:1px solid #94a3b829;border-radius:6px;padding:16px}.metric-card span{min-height:32px;color:var(--text-muted);font-size:12px;font-weight:850;line-height:1.28;display:block}.metric-card strong{color:#fff;margin-top:12px;font-size:clamp(26px,3vw,38px);line-height:1;display:block}.metric-blue{border-color:#38bdf847}.metric-green{border-color:#34d3994d}.metric-amber{border-color:#f59e0b4d}.activity-panel{background:#020617bd;border:1px solid #94a3b824;border-radius:6px;padding:16px;position:relative}.activity-header{color:#fff;padding-bottom:12px;font-size:14px;font-weight:900}.activity-list{gap:8px;display:grid}.activity-row{grid-template-columns:minmax(160px,1.2fr) minmax(100px,.8fr) minmax(128px,.9fr);padding:12px}.activity-row strong{color:#fff;font-size:14px;display:block}.activity-row span{color:var(--text-muted);font-size:12px;font-weight:800}.inline-console-button{color:#fff;cursor:pointer;width:100%;font:inherit;background:#0ea5e938;border:1px solid #7dd3fc7a;border-radius:6px;margin-top:12px;padding:13px 14px;font-size:13px;font-weight:950;transition:border-color .18s,background .18s,transform .18s}.inline-console-button:hover,.inline-console-button:focus-visible{background:#0ea5e95c;border-color:#e0f2fee0;transform:translateY(-1px)}.contact{padding-bottom:clamp(76px,10vw,126px)}.contact-panel{background:linear-gradient(135deg,#0ea5e929,#0000 42%),#0a1020f0;border-color:#38bdf85c;width:min(100%,1080px);margin:0 auto;padding:clamp(30px,6vw,54px)}.contact-panel p{max-width:780px;margin:0;font-size:clamp(18px,2vw,21px)}.site-footer{color:var(--text-muted);border-top:1px solid #94a3b824;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 6vw;font-size:13px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.demo-modal{border-radius:var(--radius);background:#070d1c;border:1px solid #38bdf86b;width:min(100%,560px);padding:30px;position:relative;box-shadow:0 30px 90px #00000080}.demo-modal p{margin:0 0 24px}.modal-close{width:34px;height:34px;color:var(--text);cursor:pointer;font:inherit;background:#0f172ac7;border:1px solid #94a3b838;border-radius:6px;place-items:center;font-weight:900;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover,.modal-close:focus-visible{border-color:var(--border-strong);color:var(--accent)}.reveal{opacity:0;transition:opacity .62s,transform .62s;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes grid-drift{0%{background-position:0 0}to{background-position:74px 74px}}@keyframes data-flow{0%,to{opacity:.24;transform:translate(-4%)}50%{opacity:.46;transform:translate(4%)}}@keyframes pulse-dot{0%,to{opacity:.65;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes progress-line{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (width<=1100px){.site-nav{grid-template-columns:1fr auto}.nav-links{order:3;grid-column:1/-1;justify-content:flex-start}.hero-inner,.demo-layout{grid-template-columns:1fr}.service-grid,.metric-grid,.workflow-track{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-track:before{display:none}}@media (width<=720px){.section-pad{padding:58px 20px}.site-nav{flex-direction:column;align-items:flex-start;padding:18px 20px;display:flex;position:static}.nav-links{justify-content:space-between;gap:10px;width:100%;padding-bottom:4px;overflow-x:auto}.nav-cta,.cta-row .button,.button{width:100%}.hero{min-height:auto}.hero-copy h1{font-size:clamp(40px,13vw,58px)}.hero-console-grid,.service-grid,.workflow-track,.metric-grid{grid-template-columns:1fr}.service-card,.workflow-step{min-height:auto}.activity-row{grid-template-columns:1fr;gap:8px}.console-topbar,.dashboard-header,.activity-header{flex-direction:column;align-items:flex-start}.status-badge{align-items:flex-start;line-height:1.35}.demo-modal{padding:26px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}
