:root{--bg:oklch(98% 0 0);--sidebar-bg:oklch(98.5% .003 248);--card:oklch(100% 0 0);--card-alt:oklch(98.5% .003 248);--border:oklch(88% 0 0);--border-soft:#e6e6e6;--border-strong:#94a3b8;--ice:oklch(95% .02 255);--ice-strong:#0169ab1a;--ink:oklch(20% .02 258);--text:oklch(42% .02 265);--text-sub:#4f5b6d;--text-muted:#94a3b8;--text-mute-2:#64748b;--teal:oklch(63% .11 167);--blue:oklch(48% .13 255);--blue-600:oklch(48% .13 255);--brand-grad:linear-gradient(135deg, oklch(63% .11 167) 0%, oklch(48% .13 255) 100%);--brand-grad-soft:linear-gradient(135deg, oklch(63% .11 167/.1) 0%, oklch(48% .13 255/.1) 100%);--success:oklch(63% .11 167);--success-bg:#e9ffec;--success-bd:#3d8c26;--info:oklch(48% .13 255);--info-bg:oklch(95% .02 255);--warn:oklch(72% .16 63);--warn-bg:#fff4e6;--error:oklch(51% .19 28);--error-bg:#fdecec;--shadow-sm:0 1px 0 0 #0169ab0f;--shadow-md:0 4px 16px 0 #0169ab14;--shadow-elev:0 8px 28px 0 #0169ab24;--sidebar-w:256px;--sidebar-collapsed:68px;--header-h:72px;--font:"Google Sans Flex", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.22s}*{box-sizing:border-box}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.45}#root{min-height:100vh}.t-title-main{color:var(--ink);letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:1.1}.t-kpi{color:var(--ink);letter-spacing:-.02em;font-size:32px;font-weight:400;line-height:1.1}.t-page-title{color:#3b3c4a;letter-spacing:-.025em;font-size:24px;font-weight:500;line-height:1.2}.t-subtitle{color:var(--text);font-size:20px;font-weight:500}.t-focus{color:var(--ink);font-size:16px;font-weight:600}.t-body{color:var(--text);font-size:14px;font-weight:400}.t-small{color:var(--text-mute-2);font-size:12px;font-weight:400}.t-muted{color:var(--text-muted)}.t-section-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:500}.card{background:var(--card);border:1px solid var(--border);border-radius:0}.card-pad{padding:20px}.panel{background:var(--card);border:1px solid var(--border)}.divide{border-top:1px solid var(--border)}.btn{height:34px;font-family:var(--font);border:1px solid var(--border);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform .12s var(--ease);background:#fff;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{background:var(--card-alt);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand-grad);color:#fff;border-color:#0000;box-shadow:0 1px #0169ab26}.btn-primary:hover{filter:brightness(1.05);background:var(--brand-grad)}.btn-ghost{color:var(--text-sub);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--ice);color:var(--ink)}.btn-danger{color:var(--error);border-color:var(--border);background:#fff}.btn-danger:hover{background:var(--error-bg);border-color:var(--error)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-icon{width:34px;padding:0}.input,.select,.textarea{border:1px solid var(--border);width:100%;height:36px;font:inherit;color:var(--ink);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#fff;border-radius:0;outline:none;padding:0 12px}.textarea{resize:vertical;height:auto;min-height:80px;padding:10px 12px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.input::placeholder{color:var(--text-muted)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ink);font-size:12px;font-weight:500}.input-search{padding-left:36px}.search-wrap{position:relative}.search-wrap .ico{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.badge{letter-spacing:.02em;border:1px solid var(--border);height:22px;color:var(--text);background:#fff;border-radius:0;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);border-color:var(--success);color:#1d6b1d}.badge-info{background:var(--info-bg);border-color:var(--info);color:var(--info)}.badge-warn{background:var(--warn-bg);border-color:var(--warn);color:#a5591f}.badge-error{background:var(--error-bg);border-color:var(--error);color:var(--error)}.badge-mute{border-color:var(--border);color:var(--text-mute-2);background:#f1f5f9}.badge-dot:before{content:"";background:currentColor;width:6px;height:6px;display:inline-block}.table-wrap{border:1px solid var(--border);background:#fff;overflow:hidden}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl thead th{text-align:left;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;background:var(--card-alt);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:500}.tbl tbody td{color:var(--text);border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:14px 16px}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background var(--dur) var(--ease)}.tbl tbody tr:hover{background:var(--card-alt)}.tbl .cell-id{font-family:var(--mono);color:var(--text-mute-2);font-size:12px}.tbl .cell-strong{color:var(--ink);font-weight:500}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.tab{color:var(--text-mute-2);cursor:pointer;transition:color var(--dur), border-color var(--dur);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500}.tab:hover{color:var(--ink)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.nav-item{height:36px;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:12px;padding:0 16px;font-size:13px;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--ice);color:var(--ink)}.nav-item.active{color:var(--ink);border-left-color:var(--blue);background:#fff}.nav-item.primary{background:var(--brand-grad);color:#fff;border-left:none;height:40px}.nav-item.primary:hover{filter:brightness(1.05);color:#fff}.nav-item .ico{text-align:center;flex:none;width:18px;font-size:14px}.nav-section{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:14px 16px 6px;font-size:11px;font-weight:500}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.between{justify-content:space-between}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.divider{background:var(--border);width:100%;height:1px}.kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--text-mute-2);background:#fff;padding:2px 6px;font-size:11px}.page-enter{animation:pageIn .32s var(--ease-out)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade .2s var(--ease-out)}@keyframes fade{0%{opacity:0}to{opacity:1}}.kpi-icon{background:var(--brand-grad-soft);width:36px;height:36px;color:var(--blue);border:1px solid var(--border);justify-content:center;align-items:center;font-size:16px;display:inline-flex}.toggle{border:1px solid var(--border);cursor:pointer;width:34px;height:20px;transition:background var(--dur) var(--ease);background:#e2e8f0;position:relative}.toggle:after{content:"";border:1px solid var(--border);width:16px;height:16px;transition:transform var(--dur) var(--ease);background:#fff;position:absolute;top:1px;left:1px}.toggle.on:after{border-color:var(--blue);transform:translate(14px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.progress{background:#e2e8f0;height:4px;position:relative;overflow:hidden}.progress>div{background:var(--brand-grad);height:100%;transition:width .4s var(--ease-out)}.chip{border:1px solid var(--border);height:26px;color:var(--text-sub);cursor:pointer;transition:all var(--dur) var(--ease);background:#fff;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--border-strong)}.chip.active{background:var(--info-bg);border-color:var(--blue);color:var(--blue)}.avatar{background:var(--brand-grad);color:#fff;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:inline-flex}.avatar.sq{border-radius:0}.tt-wrap{position:relative}.tt-wrap .tt{background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease);z-index:40;padding:4px 8px;font-size:11px;font-weight:500;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(8px)}.tt-wrap:hover .tt{opacity:1}.modal-backdrop{z-index:100;animation:fade .2s var(--ease-out);background:#171b2459;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);box-shadow:0 20px 60px 0 var(--ice-strong);width:560px;max-width:92vw;max-height:86vh;animation:modalIn .24s var(--ease-out);background:#fff;flex-direction:column;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-bd{flex:1;padding:22px;overflow:auto}.modal-ft{border-top:1px solid var(--border);background:var(--card-alt);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.sys-tile{border:1px solid var(--border);transition:border-color var(--dur), transform var(--dur);cursor:pointer;background:#fff;flex-direction:column;gap:8px;padding:16px;display:flex}.sys-tile:hover{border-color:var(--blue)}.empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.status-dot{width:8px;height:8px;display:inline-block}.status-dot.ok{background:var(--success)}.status-dot.info{background:var(--blue)}.status-dot.warn{background:var(--warn)}.status-dot.err{background:var(--error)}.spark{width:100%;height:40px}html.dark{--bg:#0f1117;--sidebar-bg:#161b27;--card:#1a2030;--card-alt:#161b27;--border:#2a3245;--border-soft:#232d40;--border-strong:#3d4f6b;--ice:#0169ab26;--ice-strong:#0169ab33;--ink:#eff2f7;--text:#a8b4c8;--text-sub:#8494aa;--text-muted:#546070;--text-mute-2:#8494aa;--shadow-md:0 4px 16px 0 #00000059;--shadow-elev:0 8px 28px 0 #00000073}html.dark body{background:var(--bg);color:var(--text)}html.dark .btn{background:var(--card);border-color:var(--border);color:var(--ink)}html.dark .btn:hover{background:var(--card-alt)}html.dark .btn-primary{background:var(--brand-grad);color:#fff;border-color:#0000}html.dark .btn-ghost{color:var(--text);background:0 0;border-color:#0000}html.dark .btn-ghost:hover{background:var(--ice)}html.dark .input,html.dark .select,html.dark .textarea{background:var(--card);border-color:var(--border);color:var(--ink)}html.dark .input::placeholder{color:var(--text-muted)}html.dark .tbl thead th{background:var(--card-alt);color:var(--text-muted)}html.dark .tbl tbody td{color:var(--text);border-color:var(--border-soft)}html.dark .modal{background:var(--card);border-color:var(--border)}html.dark .modal-ft{background:var(--card-alt);border-color:var(--border)}html.dark .nav-item{color:var(--text)}html.dark .nav-item:hover{background:var(--ice);color:var(--ink)}html.dark .nav-item.active{background:var(--brand-grad);color:#fff}html.dark .badge,html.dark .chip{background:var(--card);border-color:var(--border);color:var(--text)}html.dark .chip.active{background:var(--ice);border-color:var(--blue);color:#60a5fa}html.dark .t-page-title{color:var(--ink)}html.dark .t-focus{color:var(--ink)!important}html.dark .t-kpi{color:var(--ink)}html.dark .cell-strong{color:var(--ink)!important}html.dark .cell-id{color:var(--text-muted)!important}html.dark .kpi-icon{border-color:var(--border);background:#0169ab2e}html.dark .progress{background:#2a3245}html.dark .sys-tile{background:var(--card);border-color:var(--border)}html.dark .sys-tile:hover{border-color:var(--blue)}html.dark .kbd{background:var(--card);border-color:var(--border);color:var(--text-muted)}html.dark ::-webkit-scrollbar-thumb{background:#2a3245}html.dark ::-webkit-scrollbar-thumb:hover{background:#3d4f6b}html.dark .table-wrap,html.dark .table-wrap *{color:var(--text)!important}html.dark .table-wrap{background:var(--card)!important;border-color:var(--border)!important}html.dark .tbl thead tr,html.dark .tbl thead th{background:var(--card-alt)!important;color:var(--text-muted)!important;border-color:var(--border)!important}html.dark .tbl tbody tr{background:var(--card)!important;border-color:var(--border-soft)!important}html.dark .tbl tbody tr:hover{background:var(--card-alt)!important}html.dark .tbl tbody td{color:var(--text)!important;border-color:var(--border-soft)!important;background:0 0!important}html.dark .tbl .cell-strong{color:var(--ink)!important}html.dark .tbl .cell-id{color:var(--text-muted)!important}html.dark .card{background:var(--card)!important;border-color:var(--border)!important}html.dark .card-pad,html.dark [style*="background: rgb(255, 255, 255)"],html.dark [style*="background-color: rgb(255, 255, 255)"],html.dark [style*="background: white"],html.dark [style*="backgroundColor: #fff"]{background:var(--card)!important}html.dark .table-wrap>div[style]{background:var(--card-alt)!important;border-color:var(--border)!important}html.dark main *{color:var(--text)}html.dark main .t-focus,html.dark main h1,html.dark main h2,html.dark main h3{color:var(--ink)!important}html.dark main .t-small{color:var(--text-mute-2)!important}html.dark main .t-muted{color:var(--text-muted)!important}.gswitch-track{display:inline-block;position:relative;overflow:hidden}.main-gradient{background:radial-gradient(ellipse at top left, #25a18e12 0%, transparent 55%), radial-gradient(ellipse at bottom right, #0169ab12 0%, transparent 55%), var(--bg)}html.dark .main-gradient{background:radial-gradient(ellipse at top left, #25a18e0f 0%, transparent 50%), radial-gradient(ellipse at bottom right, #0169ab0f 0%, transparent 50%), var(--bg)}.toggle{border:1px solid var(--border);cursor:pointer;background:#cbd5e1;width:36px;height:20px;transition:background .2s,border-color .2s;display:inline-block;position:relative}.toggle:after{content:"";background:#fff;width:14px;height:14px;transition:left .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.toggle.on{background:var(--blue);border-color:var(--blue)}.toggle.on:after{left:18px}html.dark .toggle{border-color:var(--border);background:#2a3245}html.dark .toggle:after{background:#8494aa}html.dark .toggle.on{background:var(--blue);border-color:var(--blue)}html.dark .toggle.on:after{background:#fff}@media print{.no-print{display:none!important}}:root{--maxw:1200px;--gutter:40px;--sec-pad:120px}html,body{height:auto}body{background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--brand-grad);width:22px;height:2px;display:inline-block}.eyebrow.center:before{display:none}.section-head{max-width:640px}.section-head .eyebrow{margin-bottom:16px}h2.sec-title{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:40px;font-weight:600;line-height:1.08}.sec-sub{color:var(--text-sub);margin:16px 0 0;font-size:16px;line-height:1.6}.btn-lg{letter-spacing:.01em;height:50px;padding:0 24px;font-size:14px}.btn-xl{height:56px;padding:0 30px;font-size:15px}.btn-outline-strong{border-color:var(--ink);color:var(--ink);background:#fff}.btn-outline-strong:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-flow{position:relative;overflow:hidden}.btn-flow>*{z-index:1;position:relative}.btn-flow:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff80 50%,#0000 100%);width:55%;height:100%;animation:3.6s ease-in-out infinite btnSheen;position:absolute;top:0;left:-160%;transform:skew(-18deg)}.btn-flow:hover:after{animation-duration:1.6s}@keyframes btnSheen{0%{left:-160%}55%,to{left:170%}}@media (prefers-reduced-motion:reduce){.btn-flow:after{animation:none;display:none}}.nav{z-index:60;-webkit-backdrop-filter:saturate(180%)blur(14px);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#ffffffd1;border-bottom:1px solid #0000;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav-inner{align-items:center;gap:28px;height:72px;display:flex}.nav-logo{align-items:center;gap:0;display:flex}.nav-logo img{width:auto;height:26px}.nav-links{align-items:center;gap:28px;margin-left:20px;display:flex}.nav-link{color:var(--text-sub);transition:color var(--dur) var(--ease);padding:4px 0;font-size:13.5px;font-weight:500;position:relative}.nav-link:hover{color:var(--ink)}.nav-link:after{content:"";background:var(--brand-grad);width:0;height:2px;transition:width var(--dur) var(--ease);position:absolute;bottom:-2px;left:0}.nav-link:hover:after{width:100%}.nav-link-btn{font:inherit;cursor:pointer;background:0 0;border:0}.nav-cta{align-items:center;gap:10px;margin-left:auto;display:flex}.hero{background:radial-gradient(70% 60% at 12% 0,#25a18e14 0%,#0000 60%),radial-gradient(60% 70% at 100% 30%,#0169ab14 0%,#0000 60%),#fff;padding:44px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;transition:opacity var(--dur) var(--ease);background-image:linear-gradient(#0169ab0b 1px,#0000 1px),linear-gradient(90deg,#0169ab0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 30%,#000 0%,#0000 78%);mask-image:radial-gradient(80% 80% at 50% 30%,#000 0%,#0000 78%)}body.no-grid .hero:before{opacity:0}.pipes{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0% 46%,#000 62%);mask-image:linear-gradient(90deg,#0000 0% 46%,#000 62%)}.hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero-copy{max-width:600px}.hero h1{color:var(--ink);letter-spacing:-.03em;margin:22px 0 0;font-size:58px;font-weight:600;line-height:1.04}.hero h1 .accent{background:var(--brand-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-sub);max-width:520px;margin:22px 0 0;font-size:18px;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-trust{color:var(--text-mute-2);align-items:center;gap:18px;margin-top:30px;font-size:13px;display:flex}.hero-trust .dot{background:var(--border-strong);border-radius:50%;width:4px;height:4px}.hero-trust strong{color:var(--ink);font-weight:600}.reveal{opacity:0;transform:translateY(14px)}body.anim-ready .reveal{animation:revealUp .72s var(--ease-out) forwards}.reveal.d1{animation-delay:.15s}.reveal.d2{animation-delay:.28s}.reveal.d3{animation-delay:.41s}.reveal.d4{animation-delay:.54s}.reveal.d5{animation-delay:.67s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}body.anim-settled .reveal,body.anim-settled .mockup,body.anim-settled .mock-float{opacity:1!important;transform:none!important}.mockup{border:1px solid var(--border);box-shadow:var(--shadow-elev);opacity:0;background:#fff;position:relative;transform:translateY(26px)scale(.985)}body.anim-ready .mockup{animation:revealUp .9s var(--ease-out) .6s forwards}.mockup-bar{border-bottom:1px solid var(--border);background:var(--card-alt);align-items:center;gap:7px;height:40px;padding:0 14px;display:flex}.mockup-bar .tl{background:#d9d9d9;border-radius:50%;width:9px;height:9px}.mockup-url{color:var(--text-mute-2);font-size:11px;font-family:var(--mono);border:1px solid var(--border);background:#fff;flex:1;max-width:240px;margin-left:12px;padding:3px 10px}.mock-body{grid-template-columns:168px 1fr;min-height:360px;display:grid}.mock-side{background:var(--sidebar-bg);border-right:1px solid var(--border);padding:14px 0}.mock-side .brandrow{align-items:center;gap:8px;padding:0 16px 14px;display:flex}.mock-side .brandrow img{height:16px}.mock-nav{flex-direction:column;display:flex}.mock-nav .mi{height:32px;color:var(--text-sub);border-left:2px solid #0000;align-items:center;gap:10px;padding:0 16px;font-size:11.5px;font-weight:500;display:flex}.mock-nav .mi.on{color:var(--ink);border-left-color:var(--blue);background:#fff}.mock-nav .mi .ic{color:currentColor;width:13px;height:13px}.mock-main{background:var(--bg);padding:18px}.mock-h{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mock-h .ttl{color:var(--ink);font-size:15px;font-weight:600}.mock-kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.mk{border:1px solid var(--border);background:#fff;padding:11px 12px}.mk .lbl{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.mk .val{color:var(--ink);letter-spacing:-.02em;margin-top:4px;font-size:20px;font-weight:600}.mk .val small{color:var(--success);margin-left:4px;font-size:11px;font-weight:600}.mock-chart{border:1px solid var(--border);background:#fff;flex-direction:column;height:132px;padding:12px;display:flex}.mock-chart .ch-h{color:var(--text-mute-2);margin-bottom:8px;font-size:10px;font-weight:500}.bars{flex:1;align-items:flex-end;gap:7px;display:flex}.bars span{background:var(--brand-grad);opacity:.85;flex:1}.mock-float{border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--ink);opacity:0;background:#fff;align-items:center;gap:9px;padding:9px 13px;font-size:11.5px;display:flex;position:absolute}body.anim-ready .mock-float{animation:revealUp .7s var(--ease-out) 1.05s forwards}.mock-float .ck{background:var(--success-bg);width:22px;height:22px;color:var(--success);place-items:center;display:grid}.mock-float.f1{top:-18px;right:26px}.mock-float.f2{bottom:30px;left:-26px}.mock-float strong{font-weight:600}.mock-float .sub{color:var(--text-muted);font-size:10px}.logos{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:#fff;padding:46px 0}.logos .lbl{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:12px}.logos-note{text-align:center;color:var(--text-sub);max-width:52ch;margin:0 auto 26px;font-size:14px}.logo-carousel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.logo-track{align-items:center;gap:64px;width:max-content;animation:34s linear infinite logoScroll;display:flex}.logo-carousel:hover .logo-track{animation-play-state:paused}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-logo{color:#8b97a8;letter-spacing:-.01em;opacity:.9;white-space:nowrap;transition:color var(--dur), opacity var(--dur);align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.client-logo:hover{color:var(--text-sub);opacity:1}.client-logo .gl{border:2px solid;width:18px;height:18px}.client-logo .gl.round{border-radius:50%}.client-logo .gl.tri{border:9px solid #0000;border-top:none;border-bottom:16px solid;width:0;height:0}.client-mark{opacity:.86;width:auto;height:46px;transition:opacity var(--dur);display:block}.client-link{text-decoration:none}.client-link:hover .client-mark,.client-link:focus-visible .client-mark{opacity:1}.client-link:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.modules{padding:var(--sec-pad) 0;background:#fff}.mod-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;display:grid}.mod{transition:background var(--dur) var(--ease);background:#fff;padding:34px 30px;position:relative}.mod:hover{background:var(--card-alt)}.mod:hover .mod-ico{background:var(--brand-grad);color:#fff;border-color:#0000}.mod-ico{background:var(--brand-grad-soft);border:1px solid var(--border);width:46px;height:46px;color:var(--blue);transition:all var(--dur) var(--ease);place-items:center;display:grid}.mod-ico svg{width:22px;height:22px}.mod h3{color:var(--ink);letter-spacing:-.01em;margin:20px 0 0;font-size:17px;font-weight:600}.mod p{color:var(--text-sub);margin:9px 0 0;font-size:13.5px;line-height:1.6}.mod .mtag{color:var(--blue);opacity:0;transition:all var(--dur) var(--ease);align-items:center;gap:5px;margin-top:16px;font-size:11px;font-weight:600;display:inline-flex;transform:translate(-4px)}.mod:hover .mtag{opacity:1;transform:translate(0)}.industries{padding:var(--sec-pad) 0;background:var(--card-alt);border-top:1px solid var(--border-soft)}.ind-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;display:grid}.ind{transition:background var(--dur) var(--ease);background:#fff;padding:34px 30px}.ind:hover{background:var(--card-alt)}.ind:hover .ind-ico{background:var(--brand-grad);color:#fff;border-color:#0000}.ind-ico{background:var(--brand-grad-soft);border:1px solid var(--border);width:46px;height:46px;color:var(--blue);transition:all var(--dur) var(--ease);place-items:center;display:grid}.ind-ico svg{width:22px;height:22px}.ind h3{color:var(--ink);letter-spacing:-.01em;margin:20px 0 0;font-size:17px;font-weight:600}.ind p{color:var(--text-sub);margin:9px 0 0;font-size:13.5px;line-height:1.6}.how{padding:var(--sec-pad) 0;background:var(--card-alt);border-top:1px solid var(--border-soft)}.steps{grid-template-columns:repeat(4,1fr);gap:0;margin-top:56px;display:grid;position:relative}.step{padding:0 26px 0 0;position:relative}.step .num{border:1px solid var(--border);width:44px;height:44px;color:var(--blue);font-size:16px;font-weight:600;font-family:var(--mono);z-index:2;background:#fff;place-items:center;display:grid;position:relative}.step .connector{background:var(--border);height:1px;position:absolute;top:22px;left:44px;right:26px}.step:last-child .connector{display:none}.step h4{color:var(--ink);margin:22px 0 0;font-size:16px;font-weight:600}.step p{color:var(--text-sub);margin:8px 0 0;font-size:13.5px;line-height:1.6}.step .ph{color:var(--text-muted);font-size:11px;font-family:var(--mono);margin-top:12px}.stats{color:#fff;background:linear-gradient(135deg, color-mix(in oklab, var(--blue) 72%, #000) 0%, var(--blue) 45%, var(--teal) 100%);padding:80px 0;position:relative;overflow:hidden}.stats:before{content:"";opacity:.5;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.stats .wrap{position:relative}.stats-head{text-align:center;max-width:640px;margin:0 auto 52px}.stats-head .eyebrow{color:#ffffffd9;justify-content:center}.stats-head .eyebrow:before{background:#fff9}.stats-head h2{letter-spacing:-.02em;margin:14px 0 0;font-size:34px;font-weight:600}.stat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat{background:#ffffff0d;border:1px solid #ffffff2e;padding:26px 24px}.stat .v{letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:1}.stat .k{opacity:.82;margin-top:10px;font-size:13px}.testi{padding:var(--sec-pad) 0;background:#fff}.testi-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;display:grid}.tcard{border:1px solid var(--border);transition:border-color var(--dur), box-shadow var(--dur);flex-direction:column;padding:30px;display:flex}.tcard:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.tcard .quote-mark{color:var(--teal);height:22px;font-size:44px;font-weight:700;line-height:.6}.tcard .q{color:var(--text);flex:1;margin:18px 0 0;font-size:15px;line-height:1.65}.tcard .who{border-top:1px solid var(--border-soft);align-items:center;gap:12px;margin-top:26px;padding-top:20px;display:flex}.tcard .who .av{background:var(--brand-grad);color:#fff;place-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:grid}.tcard .who .nm{color:var(--ink);font-size:13.5px;font-weight:600}.tcard .who .rl{color:var(--text-muted);font-size:12px}.cta-final{padding:var(--sec-pad) 0;background:var(--card-alt);border-top:1px solid var(--border-soft)}.cta-box{border:1px solid var(--border);text-align:center;background:#fff;padding:64px 60px;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:radial-gradient(50% 80% at 0 100%,#25a18e1a,#0000 60%);position:absolute;inset:0}.cta-glow{pointer-events:none;filter:blur(8px);background:radial-gradient(42% 70%,#0169ab47,#25a18e29 42%,#0000 70%);height:150%;animation:9s ease-in-out infinite ctaGlow;position:absolute;top:-55%;left:0;right:0}@keyframes ctaGlow{0%{opacity:.55;transform:translate(-26%)scale(1)}50%{opacity:1;transform:translate(26%)scale(1.12)}to{opacity:.55;transform:translate(-26%)scale(1)}}@media (prefers-reduced-motion:reduce){.cta-glow{animation:none}}.cta-box .inner{max-width:620px;margin:0 auto;position:relative}.cta-box h2{color:var(--ink);letter-spacing:-.025em;margin:0;font-size:42px;font-weight:600;line-height:1.08}.cta-box p{color:var(--text-sub);margin:18px 0 0;font-size:16px;line-height:1.6}.cta-box .hero-ctas{justify-content:center}.footer{background:var(--ink);color:#fff;padding:64px 0 36px}.footer-top{border-bottom:1px solid #ffffff1f;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;display:grid}.footer .fbrand img{filter:brightness(0)invert();height:26px}.footer .fbrand p{color:#fff9;max-width:280px;margin:18px 0 0;font-size:13px;line-height:1.6}.footer .fcol h5{letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin:0 0 18px;font-size:11px;font-weight:600}.footer .fcol a{color:#ffffffc7;transition:color var(--dur);margin-bottom:12px;font-size:13.5px;display:block}.footer .fcol a:hover{color:#fff}.footer-bot{color:#ffffff80;justify-content:space-between;align-items:center;padding-top:28px;font-size:12px;display:flex}.footer-bot .badges{gap:8px;display:flex}.footer-bot .fbadge{color:#ffffffb3;border:1px solid #fff3;padding:4px 10px;font-size:11px}.footer .socials{gap:10px;margin-top:22px;display:flex}.footer .social{color:#ffffffb8;width:36px;height:36px;transition:background var(--dur), color var(--dur), border-color var(--dur), transform .12s var(--ease);border:1px solid #fff3;place-items:center;display:grid}.footer .social svg{width:17px;height:17px}.footer .social:hover{background:var(--brand-grad);color:#fff;border-color:#0000;transform:translateY(-2px)}.platform{padding:var(--sec-pad) 0;border-top:1px solid var(--border-soft);background:#fff}.plat-grid{background:var(--border);border:1px solid var(--border);flex-direction:column;gap:1px;margin-top:52px;display:flex}.plat-card{background:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px 44px;display:grid}.plat-card.reverse .plat-info{order:2}.plat-card.reverse .plat-visual{order:1}.plat-kicker{letter-spacing:.02em;color:var(--blue);align-items:center;gap:9px;font-size:12px;font-weight:600;display:inline-flex}.plat-kicker svg{width:18px;height:18px}.plat-info h3{color:var(--ink);letter-spacing:-.02em;margin:16px 0 0;font-size:26px;font-weight:600;line-height:1.12}.plat-info>p{color:var(--text-sub);margin:14px 0 0;font-size:15px;line-height:1.6}.plat-list{flex-direction:column;gap:11px;margin:22px 0 0;padding:0;list-style:none;display:flex}.plat-list li{color:var(--text);padding-left:26px;font-size:14px;line-height:1.5;position:relative}.plat-list li:before{content:"";background:var(--brand-grad-soft);border:1px solid var(--border);width:16px;height:16px;position:absolute;top:3px;left:0}.plat-list li:after{content:"";border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);width:7px;height:4px;position:absolute;top:7px;left:4px;transform:rotate(-45deg)}.plat-visual.web{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff}.pv-bar{border-bottom:1px solid var(--border);background:var(--card-alt);align-items:center;gap:6px;height:36px;padding:0 13px;display:flex}.pv-bar .tl{background:#d9d9d9;border-radius:50%;width:8px;height:8px}.pv-url{color:var(--text-mute-2);font-size:10.5px;font-family:var(--mono);margin-left:10px}.pv-web-body{padding:18px}.pv-kpis{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pvk{border:1px solid var(--border);flex-direction:column;gap:5px;padding:12px;display:flex}.pvk-l{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:9px}.pvk-v{color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:600}.pv-rows{border:1px solid var(--border);margin-top:14px}.pv-row{color:var(--text);border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:11px 14px;font-size:12.5px;display:flex}.pv-row:last-child{border-bottom:0}.pv-dot{border-radius:50%;flex:none;width:8px;height:8px}.pv-dot.ok{background:var(--success)}.pv-dot.due{background:#e0a21b}.pv-badge{border:1px solid var(--success);color:#1d6b1d;background:var(--success-bg);margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.pv-badge.due{color:#a5591f;background:#fff6e5;border-color:#e0a21b}.plat-visual.mobile{justify-content:center;display:flex}.pv-phone{border:1px solid var(--border);width:248px;box-shadow:var(--shadow-elev);background:#fff;padding:22px 18px 18px;position:relative}.pv-notch{background:var(--border-strong);border-radius:9999px;width:56px;height:5px;margin:0 auto 18px}.pv-app-top{border-bottom:1px solid var(--border-soft);padding-bottom:14px}.pv-app-ttl{color:var(--ink);font-size:15px;font-weight:600;display:block}.pv-app-sub{color:var(--text-mute-2);margin-top:3px;font-size:11.5px;display:block}.pv-checks{flex-direction:column;gap:8px;margin-top:14px;display:flex}.pv-check{color:var(--text-sub);border:1px solid var(--border);align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;display:flex}.pv-check .pv-ck{border:1px solid var(--border);color:#0000;flex:none;place-items:center;width:18px;height:18px;display:grid}.pv-check.done{color:var(--ink)}.pv-check.done .pv-ck{background:var(--success);border-color:var(--success);color:#fff}.pv-check.done .pv-ck svg{width:11px;height:11px}.pv-check.active{border-color:var(--blue);color:var(--ink);box-shadow:inset 0 0 0 1px var(--blue)}.pv-check.active .pv-ck{border-color:var(--blue)}.pv-photo{border:1px dashed var(--border-strong);color:var(--text-mute-2);align-items:center;gap:9px;margin-top:14px;padding:11px;font-size:12px;display:flex}.pv-photo svg{width:18px;height:18px}.pv-sync{color:var(--success);align-items:center;gap:7px;margin-top:14px;font-size:11px;display:flex}.pv-sync-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2.2s ease-out infinite syncPulse;box-shadow:0 0 #25a18e80}@keyframes syncPulse{0%{box-shadow:0 0 #25a18e80}70%,to{box-shadow:0 0 0 7px #25a18e00}}.pipes .pipe{fill:none;stroke:#0169ab29;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px}body.anim-ready .pipes .pipe{animation:pipeDraw 1.25s var(--ease-out) forwards;animation-delay:var(--delay,0s)}@keyframes pipeDraw{to{stroke-dashoffset:0}}.pipes .flow{fill:none;stroke:url(#flowGrad);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 93;stroke-dashoffset:100px;opacity:0}body.anim-ready .pipes .flow{opacity:1;animation:2.6s linear infinite flowRun;animation-delay:var(--fdelay,1.4s)}@keyframes flowRun{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.pipes .node{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.2)}body.anim-ready .pipes .node{animation:nodePop .62s var(--ease-out) forwards;animation-delay:var(--ndelay,0s)}@keyframes nodePop{60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.pipes .node .ring{transform-box:fill-box;transform-origin:50%}body.anim-ready .pipes .node .ring{animation:ringPulse 2.4s var(--ease-out) infinite;animation-delay:var(--ndelay,0s)}@keyframes ringPulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.pipes .pipe{stroke-dashoffset:0}.pipes .node{opacity:1;transform:none}.reveal,.mockup,.mock-float{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=1000px){:root{--sec-pad:84px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero h1{font-size:46px}.mod-grid,.ind-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr);row-gap:40px}.stat-grid{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.plat-card,.plat-card.reverse{grid-template-columns:1fr;gap:32px;padding:40px 32px}.plat-card.reverse .plat-info{order:1}.plat-card.reverse .plat-visual{order:2}}@media (width<=640px){.hero{padding:28px 0 64px}.hero-grid{gap:0}.mockup,.pipes{display:none}.hero h1{font-size:34px}.hero-sub{font-size:16px}}@media (width<=560px){:root{--gutter:22px}.hero h1{font-size:32px}h2.sec-title{font-size:30px}.mod-grid,.ind-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.cta-box{padding:44px 24px}.cta-box h2{font-size:30px}.footer-top{grid-template-columns:1fr;gap:32px}.plat-info h3{font-size:22px}}.modal-dismiss{cursor:default;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.demo-backdrop .modal{z-index:1;position:relative}.demo-modal{width:520px}.demo-modal form{display:contents}.demo-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.demo-kicker{color:var(--text-mute-2);margin:4px 0 0;font-size:13px}.demo-x{flex:none;align-self:flex-start}.demo-x svg{width:16px;height:16px}.demo-bd{flex-direction:column;gap:20px;display:flex}.demo-fieldset{border:0;margin:0;padding:0}.demo-fieldset legend{padding:0}.demo-hint{color:var(--text-muted);margin:4px 0 0;font-size:12px}.field-opt{color:var(--text-muted);font-weight:400}.demo-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.demo-chips .chip{text-align:left;height:32px;font-size:12.5px}.demo-other{margin-top:14px}.demo-error{background:var(--error-bg);border-left:2px solid var(--error);color:var(--error);margin:0;padding:10px 12px;font-size:12.5px;font-weight:500}.demo-legal{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.5}.demo-modal-done{width:420px;position:relative}.demo-done{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 34px 38px;display:flex}.demo-done-ttl{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:600}.demo-done p{color:var(--text-sub);max-width:32ch;margin:0;font-size:14px;line-height:1.6}.demo-done strong{color:var(--ink);font-weight:600}.demo-done a{color:var(--blue);font-weight:600}.demo-done a:hover{text-decoration:underline}.demo-done-ico{background:var(--success-bg);width:46px;height:46px;color:var(--success);justify-content:center;align-items:center;display:inline-flex}.demo-done-ico svg{width:24px;height:24px}.demo-bar{background:var(--border);height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.demo-bar>span{background:var(--brand-grad);width:0;height:100%;animation:demoFill var(--autoclose,4s) linear forwards;display:block}@keyframes demoFill{to{width:100%}}@media (prefers-reduced-motion:reduce){.demo-bar>span{width:100%;animation:none}}.footer .fcol .flink{font:inherit;text-align:left;color:#ffffffc7;cursor:pointer;transition:color var(--dur);background:0 0;border:0;margin-bottom:12px;padding:0;font-size:13.5px;display:block}.footer .fcol .flink:hover{color:#fff}.soon{background:var(--bg);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.soon:before{content:"";pointer-events:none;background-image:linear-gradient(#0169ab0b 1px,#0000 1px),linear-gradient(90deg,#0169ab0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000 0%,#0000 76%);mask-image:radial-gradient(70% 70% at 50% 45%,#000 0%,#0000 76%)}.soon .pipes{opacity:.75;-webkit-mask-image:radial-gradient(62% 62%,#0000 0%,#000 100%);mask-image:radial-gradient(62% 62%,#0000 0%,#000 100%)}.soon-inner{z-index:2;text-align:center;max-width:720px;padding-top:72px;padding-bottom:72px;position:relative}.soon-logo{margin-bottom:40px;display:inline-block}.soon-logo img{height:30px;display:block}.soon .eyebrow{justify-content:center}.soon h1{color:var(--ink);letter-spacing:-.035em;margin:20px 0 0;font-size:66px;font-weight:600;line-height:1.02}.soon h1 .accent{background:var(--brand-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.soon-sub{color:var(--text-sub);max-width:540px;margin:22px auto 0;font-size:17px;line-height:1.65}.soon-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px;display:flex}.soon-note{color:var(--text-mute-2);margin:34px 0 0;font-size:13px}.soon-note a{color:var(--blue);font-weight:500}.soon-note a:hover{text-decoration:underline}@media (width<=560px){.modal-ft{flex-direction:column-reverse}.modal-ft .btn{width:100%}.soon h1{font-size:44px}.soon-ctas .btn{width:100%}}:root{--radius-action:5px}.btn-primary{border-radius:var(--radius-action) 0 var(--radius-action) 0}.btn-flow:after{background:linear-gradient(115deg,#0000 42%,#ffffff4d 50%,#0000 58%);width:auto;animation:none;inset:0;transform:translate(-120%)}.btn-flow:hover:after{transition:transform .85s;animation:none;transform:translate(120%)}