:root{--navy: #0B1B3A;--blue: #2864E8;--cyan: #20B8CB;--mint: #27D98E;--red: #E5484D;--bg: #F5F8FC;--surface: #FFFFFF;--surface-2: #EEF3FA;--text: #14243D;--text-2: #526581;--border: #DFE7F2;--primary: #2864E8;--on-primary: #FFFFFF;--accent: #20B8CB;--glow-1: rgba(40, 100, 232, .18);--glow-2: rgba(32, 184, 203, .16);--shadow: 0 1px 2px rgba(11, 27, 58, .04), 0 12px 32px -12px rgba(11, 27, 58, .14);--shadow-lg: 0 2px 4px rgba(11, 27, 58, .04), 0 40px 80px -24px rgba(11, 27, 58, .25);--grid: rgba(11, 27, 58, .05);--r-control: 8px;--r-card: 16px;--r-xl: 24px;--maxw: 1200px;--font-head: "Manrope", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}:root[data-theme=dark]{--bg: #0B1220;--surface: #111D30;--surface-2: #16243B;--text: #F2F6FF;--text-2: #C0CCE0;--border: #2A3A55;--primary: #83AEFF;--on-primary: #0B1220;--accent: #54D7E5;--glow-1: rgba(40, 100, 232, .28);--glow-2: rgba(32, 184, 203, .18);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 40px 80px -24px rgba(0, 0, 0, .7);--grid: rgba(255, 255, 255, .04)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s ease,color .3s ease}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:6px}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.02em;line-height:1.12}.num{font-variant-numeric:tabular-nums}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}section{position:relative}.section{padding:112px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.section-head{max-width:720px;margin:0 auto 56px;text-align:center}.section-head h2{font-size:clamp(32px,4.4vw,48px);margin:14px 0 16px}.section-head p{color:var(--text-2);font-size:18px}.grad-text{background:linear-gradient(100deg,var(--blue) 10%,var(--cyan) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .grad-text{background-image:linear-gradient(100deg,#83aeff 10%,#54d7e5 90%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-control);font-weight:600;font-size:15px;white-space:nowrap;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 8px 24px -8px var(--primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -8px var(--primary)}.btn-ghost{border:1px solid var(--border);background:var(--surface)}.btn-ghost:hover{border-color:var(--primary)}.btn-lg{min-height:52px;padding:0 26px;font-size:16px}.btn svg{width:18px;height:18px;transition:transform .2s ease}.btn:hover svg.arrow{transform:translate(3px)}.logo{display:inline-flex;align-items:center}.logo img{height:32px;width:auto}.logo .on-dark,[data-theme=dark] .logo .on-light{display:none}[data-theme=dark] .logo .on-dark{display:block}.force-dark .logo .on-light{display:none}.force-dark .logo .on-dark{display:block}.nav-wrap{position:fixed;inset:16px 0 auto;z-index:50;padding:0 16px;pointer-events:none}.nav{pointer-events:auto;max-width:var(--maxw);margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 10px 0 20px;border-radius:16px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:box-shadow .3s ease,background .3s ease}.nav.scrolled{box-shadow:var(--shadow)}.nav-links{display:flex;gap:4px}.nav-links a{padding:8px 14px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text-2);transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.nav-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--text-2);transition:background .2s,color .2s}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:20px;height:20px}.theme-toggle .moon,[data-theme=dark] .theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .moon{display:block}.menu-btn{display:none}.mobile-menu{display:none;pointer-events:auto;max-width:var(--maxw);margin:8px auto 0;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.mobile-menu a{display:block;padding:12px 14px;border-radius:8px;font-weight:500}.mobile-menu a:hover{background:var(--surface-2)}.mobile-menu .btn{width:100%;margin-top:8px}.mobile-menu.open{display:block}.hero{padding:168px 0 96px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none}.orb-1{width:560px;height:560px;background:var(--glow-1);top:-120px;left:-120px;animation:drift 18s ease-in-out infinite alternate}.orb-2{width:520px;height:520px;background:var(--glow-2);top:80px;right:-160px;animation:drift 22s ease-in-out infinite alternate-reverse}@keyframes drift{to{transform:translate(60px,40px) scale(1.08)}}.hero-copy{text-align:center;max-width:880px;margin:0 auto}.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:14px;font-weight:500;color:var(--text-2)}.pill .tag{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary);font-weight:600;font-size:12px}.hero h1{font-size:clamp(42px,7.2vw,84px);font-weight:800;letter-spacing:-.035em;margin:28px 0 22px}.hero .lede{font-size:clamp(17px,2vw,20px);color:var(--text-2);max-width:680px;margin:0 auto}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}.hero-points{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:28px;font-size:14px;color:var(--text-2)}.hero-points span{display:inline-flex;align-items:center;gap:8px}.hero-points svg{width:16px;height:16px;color:var(--accent)}.stage{position:relative;margin:72px auto 0;max-width:1100px;perspective:2000px}.app{position:relative;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden;transform:rotateX(8deg) scale(.98);transform-origin:top center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.app.in{transform:rotateX(0) scale(1)}.app-bar{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border)}.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--border)}.app-bar .crumb{font-size:13px;color:var(--text-2)}.app-bar .crumb b{color:var(--text);font-weight:600}.ro-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-2);padding:4px 10px;border-radius:999px;border:1px solid var(--border)}.ro-badge svg{width:13px;height:13px}.app-body{display:grid;grid-template-columns:200px 1fr;min-height:460px}.side{border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.side img{height:22px;width:auto;margin:2px 8px 18px}.side a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;color:var(--text-2);font-weight:500}.side a.on{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.side a svg{width:16px;height:16px}.side .sep{margin:14px 10px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);opacity:.7;font-weight:600}.side .src{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;color:var(--text-2)}.side .src i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 20%,transparent)}.main{padding:22px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;background:var(--bg)}.main-head{grid-column:1 / -1;display:flex;align-items:end;justify-content:space-between;gap:12px}.main-head h4{font-size:20px}.main-head p{font-size:12.5px;color:var(--text-2)}.seg{display:inline-flex;padding:3px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600}.seg span{padding:5px 10px;border-radius:6px;color:var(--text-2)}.seg span.on{background:var(--primary);color:var(--on-primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:16px}.kpi .label{font-size:12px;color:var(--text-2);font-weight:500}.kpi .val{font-family:var(--font-head);font-size:24px;font-weight:700;margin:4px 0 6px;letter-spacing:-.02em}.delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#12a06a}[data-theme=dark] .delta{color:var(--mint)}.delta.down{color:var(--red)}.spark{margin-top:8px;height:28px;width:100%}.chart-card{grid-column:span 3}.chart-card .top{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.chart-card h5{font-family:var(--font-head);font-size:14px}.legend{display:flex;gap:14px;font-size:12px;color:var(--text-2)}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.line-chart{width:100%;height:190px}.line-path{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1) .3s}.app.in .line-path{stroke-dashoffset:0}.area{opacity:0;transition:opacity 1.2s ease 1.2s}.app.in .area{opacity:1}.donut-card h5{font-family:var(--font-head);font-size:14px;margin-bottom:10px}.donut{width:112px;height:112px;margin:4px auto 10px;display:block}.donut-legend{display:grid;gap:6px;font-size:12px;color:var(--text-2)}.donut-legend div{display:flex;justify-content:space-between}.donut-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}.bars-card{grid-column:span 2}.bars{display:flex;align-items:end;gap:8px;height:90px;margin-top:10px}.bars span{flex:1;border-radius:4px 4px 2px 2px;background:color-mix(in srgb,var(--primary) 22%,transparent);height:0;transition:height 1s cubic-bezier(.2,.7,.2,1)}.bars span.hi{background:var(--primary)}.table-card{grid-column:span 2}.mini-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:6px}.mini-table td{padding:7px 0;border-bottom:1px solid var(--border)}.mini-table tr:last-child td{border-bottom:0}.mini-table td:last-child{text-align:right;font-weight:600}.float{position:absolute;z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:14px 16px;font-size:13px;animation:bob 6s ease-in-out infinite}.float-1{left:-36px;top:38%;animation-delay:-2s}.float-2{right:-30px;top:16%}.float-3{right:8%;bottom:-28px;animation-delay:-4s}@keyframes bob{50%{transform:translateY(-10px)}}.float .row{display:flex;align-items:center;gap:10px}.float .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.float .ico svg{width:18px;height:18px}.float small{display:block;color:var(--text-2);font-size:11.5px}.float b{font-family:var(--font-head);font-size:15px}.status{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#12a06a}[data-theme=dark] .status{color:var(--mint)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--mint) 60%,transparent)}70%,to{box-shadow:0 0 0 7px transparent}}.logos{padding:48px 0 24px}.logos p{text-align:center;font-size:14px;color:var(--text-2);margin-bottom:24px}.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.track{display:flex;gap:14px;width:max-content;animation:scroll 40s linear infinite}.marquee:hover .track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-weight:600;font-size:15px;color:var(--text-2);white-space:nowrap}.chip i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.split h2{font-size:clamp(32px,4.4vw,48px);margin:14px 0 18px}.split p.lead{color:var(--text-2);font-size:18px}.chaos{position:relative;height:380px}.chaos .tile{position:absolute;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:13px;font-weight:600;color:var(--text-2);display:flex;gap:8px;align-items:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity 1s ease}.chaos .tile i{width:8px;height:8px;border-radius:50%}.chaos .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:128px;border-radius:32px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:0 0 0 10px color-mix(in srgb,var(--primary) 8%,transparent),0 0 0 22px color-mix(in srgb,var(--primary) 4%,transparent),var(--shadow-lg)}.chaos .hub img{width:80px}.chaos svg.wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.chaos svg.wires path{stroke:var(--border);stroke-width:1.5;fill:none;stroke-dasharray:4 6;animation:flow 1.6s linear infinite}@keyframes flow{to{stroke-dashoffset:-20}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.stat{padding:18px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border)}.stat b{display:block;font-family:var(--font-head);font-size:30px;letter-spacing:-.02em}.stat span{font-size:13.5px;color:var(--text-2)}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.b{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:28px;background:var(--surface);border:1px solid var(--border);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.b:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.b:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 0%),color-mix(in srgb,var(--primary) 10%,transparent),transparent 60%)}.b:hover:after{opacity:1}.b h3{font-size:21px;margin:16px 0 8px}.b p{color:var(--text-2);font-size:15px}.b .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.b .ic.c{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.b .ic svg{width:22px;height:22px}.b-1{grid-column:span 4}.b-2,.b-3,.b-4,.b-5{grid-column:span 2}.b-6{grid-column:span 6;display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center}.widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.w{border:1px dashed var(--border);border-radius:12px;padding:12px;background:var(--bg);min-height:92px;cursor:grab;transition:transform .2s,border-color .2s}.w:hover{transform:scale(1.03);border-color:var(--primary);border-style:solid}.w small{font-size:11px;color:var(--text-2);display:block}.w b{font-family:var(--font-head);font-size:18px}.w svg{width:100%;height:34px;margin-top:4px}.lock-visual{margin-top:24px;display:grid;gap:8px}.scope{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:13px}.scope code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-2)}.tag-ok,.tag-no{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.tag-ok{background:color-mix(in srgb,var(--mint) 18%,transparent);color:#0e8a5b}[data-theme=dark] .tag-ok{color:var(--mint)}.tag-no{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.alert-list{margin-top:20px;display:grid;gap:8px}.alert{display:flex;gap:10px;align-items:start;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:13px}.alert i{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%}.sync-ring{margin-top:20px;display:flex;align-items:center;gap:16px}.sync-ring svg{width:72px;height:72px}.sync-ring b{font-family:var(--font-head);font-size:26px;display:block}.sync-ring span{font-size:13px;color:var(--text-2)}.insight{padding:18px;border-radius:16px;background:var(--bg);border:1px solid var(--border)}.insight-row{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border)}.insight-row:last-child{border-bottom:0}.insight-row .ic{width:32px;height:32px;border-radius:9px;flex:none}.insight-row .ic svg{width:16px;height:16px}.insight-row p{font-size:14px;color:var(--text)}.insight-row small{color:var(--text-2);font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s;position:relative}.steps:before{content:"";position:absolute;top:34px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.35}.step{position:relative;text-align:center;padding:0 12px}.step .n{width:68px;height:68px;margin:0 auto 22px;border-radius:20px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--primary);position:relative;z-index:1}.step .n svg{width:28px;height:28px}.step .n:after{counter-increment:s;content:"0" counter(s);position:absolute;top:-8px;right:-8px;font-size:11px;font-weight:700;background:var(--primary);color:var(--on-primary);border-radius:999px;padding:2px 7px}.step h3{font-size:21px;margin-bottom:8px}.step p{color:var(--text-2);font-size:15px;max-width:320px;margin:0 auto}.roles{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:start}.tabs{display:grid;gap:8px}.tab{text-align:left;padding:18px 20px;border-radius:var(--r-card);border:1px solid transparent;transition:background .2s,border-color .2s}.tab:hover{background:var(--surface)}.tab[aria-selected=true]{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.tab b{font-family:var(--font-head);font-size:18px;display:flex;align-items:center;gap:10px}.tab b em{font-style:normal;font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.tab span{display:block;font-size:14px;color:var(--text-2);margin-top:4px}.tab-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px;box-shadow:var(--shadow);min-height:380px}.tab-panel h3{font-size:22px}.tab-panel>p{color:var(--text-2);margin:6px 0 22px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi-grid .card{background:var(--bg)}.fade-swap{animation:fadeUp .45s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.role-chart{margin-top:14px;padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.role-chart svg{width:100%;height:120px}.band{margin:0 16px;border-radius:32px;overflow:hidden;position:relative;isolation:isolate;background:#0b1220;color:#f2f6ff}.band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(600px 400px at 85% 20%,rgba(40,100,232,.35),transparent 60%),radial-gradient(500px 360px at 10% 90%,rgba(32,184,203,.22),transparent 60%)}.band .eyebrow{color:#83aeff}.band p.lead{color:#c0cce0}.band .split{gap:48px}.checks{display:grid;gap:14px;margin-top:28px}.checks li{list-style:none;display:flex;gap:12px;align-items:start;color:#c0cce0}.checks li b{color:#f2f6ff;font-weight:600}.checks svg{flex:none;width:22px;height:22px;color:#54d7e5;margin-top:2px}.store-row{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.store{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:12px;border:1px solid #2A3A55;background:#111d30;color:#f2f6ff;min-height:52px}.store small{display:block;font-size:11px;color:#c0cce0;line-height:1.1}.store b{font-size:15px;line-height:1.2}.store svg{width:22px;height:22px}.phones{position:relative;height:560px;display:flex;justify-content:center;align-items:center}.phone{width:270px;height:548px;border-radius:44px;padding:10px;position:absolute;background:#1b2840;box-shadow:0 40px 80px -20px #0009,inset 0 0 0 1.5px #2a3a55}.phone .screen{width:100%;height:100%;border-radius:36px;overflow:hidden;display:flex;flex-direction:column;position:relative}.phone.light{transform:translate(-90px) rotate(-6deg);z-index:1}.phone.dark{transform:translate(90px) rotate(5deg) translateY(16px);z-index:2}.p-light{background:#f5f8fc;color:#14243d}.p-dark{background:#0b1220;color:#f2f6ff}.notch{width:92px;height:26px;border-radius:20px;background:#000;position:absolute;top:9px;left:50%;transform:translate(-50%)}.p-status{display:flex;justify-content:space-between;padding:14px 24px 0;font-size:12px;font-weight:600}.p-head{padding:20px 18px 6px;display:flex;align-items:center;justify-content:space-between}.p-head img{height:26px;width:26px;object-fit:contain}.p-head small{font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.65}.p-head h6{font-family:var(--font-head);font-size:16px}.p-body{padding:8px 14px;display:grid;gap:10px;flex:1}.p-card{border-radius:16px;padding:14px}.p-light .p-card{background:#fff;border:1px solid #DFE7F2}.p-dark .p-card{background:#111d30;border:1px solid #2A3A55}.p-card small{font-size:11px;opacity:.7}.p-card b{display:block;font-family:var(--font-head);font-size:24px;letter-spacing:-.02em}.p-card .delta{font-size:11px}.p-card svg{width:100%;height:54px;margin-top:6px}.p-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.p-two b{font-size:18px}.p-nav{display:flex;justify-content:space-around;padding:10px 0 18px;font-size:10px;font-weight:600}.p-light .p-nav{border-top:1px solid #DFE7F2;background:#fff}.p-dark .p-nav{border-top:1px solid #2A3A55;background:#111d30}.p-nav span{display:grid;justify-items:center;gap:3px;opacity:.55}.p-nav span.on{opacity:1;color:#2864e8}.p-dark .p-nav span.on{color:#83aeff}.p-nav svg{width:18px;height:18px}.sec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sec{padding:24px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border)}.sec .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.sec .ic svg{width:20px;height:20px}.sec h4{font-size:17px;margin:14px 0 6px}.sec p{font-size:14px;color:var(--text-2)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.prod{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.prod .shot{height:168px;background:var(--bg);border-bottom:1px solid var(--border);padding:18px;display:grid;gap:8px;align-content:start}.prod .meta{padding:22px}.prod .meta small{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.prod .meta h4{font-size:19px;margin:6px 0}.prod .meta p{color:var(--text-2);font-size:14.5px}.ms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ms div{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px}.ms small{font-size:10.5px;color:var(--text-2);display:block}.ms b{font-family:var(--font-head);font-size:18px}.flow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.flow span{padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.flow span.on{border-color:var(--primary);color:var(--primary)}.flow svg{width:14px;height:14px;color:var(--text-2);flex:none}.faq{max-width:820px;margin:0 auto;display:grid;gap:10px}.faq details{border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border);transition:border-color .2s}.faq details[open]{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:600;font-size:16.5px;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary .plus{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);transition:transform .25s}.faq details[open] summary .plus{transform:rotate(45deg)}.faq summary .plus svg{width:14px;height:14px}.faq details p{padding:0 22px 20px;color:var(--text-2)}.cta{margin:0 16px;border-radius:32px;padding:96px 24px;text-align:center;position:relative;overflow:hidden;isolation:isolate;background:#0b1b3a;color:#f2f6ff}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(700px 360px at 50% 0%,rgba(40,100,232,.55),transparent 70%),radial-gradient(500px 300px at 50% 110%,rgba(32,184,203,.3),transparent 70%)}.cta img.sym{width:84px;margin:0 auto 24px}.cta h2{font-size:clamp(34px,5vw,56px);font-weight:800}.cta p{color:#c0cce0;font-size:18px;max-width:580px;margin:16px auto 32px}.cta form{display:flex;gap:10px;max-width:480px;margin:0 auto}.cta input{flex:1;min-width:0;min-height:52px;padding:0 16px;border-radius:var(--r-control);border:1px solid #2A3A55;background:#111d30b3;color:#f2f6ff;font:inherit;font-size:15px}.cta input::placeholder{color:#8a9ab8}.cta input:focus{outline:none;border-color:#83aeff;box-shadow:0 0 0 3px #83aeff40}.cta .btn-primary{background:#83aeff;color:#0b1220;box-shadow:none}.cta .note{font-size:13px;color:#8a9ab8;margin-top:14px}.cta .ok{display:none;margin-top:14px;color:#54d7e5;font-weight:600}footer{padding:72px 0 40px}.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}.foot p{color:var(--text-2);font-size:14.5px;margin-top:14px;max-width:300px}.foot h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-bottom:14px;font-family:var(--font-body)}.foot ul{list-style:none;display:grid;gap:10px;font-size:15px}.foot ul a:hover{color:var(--primary)}.foot-bottom{margin-top:56px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--text-2)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.logo img.sym{height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted-sm{font-size:12px;color:var(--text-2)}.card-title{font-family:var(--font-head);font-size:14px}.section-tight-top{padding-top:24px}.section-tint{background:linear-gradient(180deg,transparent,var(--surface-2) 30%,var(--surface-2) 70%,transparent)}.float .ico.ico-blue{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.insight-row .ic{display:grid;place-items:center}.alert.alert-row{justify-content:space-between;align-items:center}.alert.alert-surface{background:var(--surface);font-size:12.5px}.alert-surface .status{font-size:12px}.ms.ms-one{grid-template-columns:1fr}.ms.ms-one b{font-size:26px}.ms.ms-one small+b+small{margin-top:4px}.role-chart-title{font-size:13px;font-weight:600;margin-bottom:6px}.band-title{font-size:clamp(32px,4.4vw,48px);margin:14px 0 18px}.p-card b.p-healthy{font-size:16px;color:#27d98e}.cta input.invalid{border-color:var(--red)}.cta .ok{display:block}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.line-path{stroke-dashoffset:0}.area{opacity:1}.app{transform:none}}@media (max-width: 1080px){.float-1,.float-2{display:none}.app-body{grid-template-columns:1fr}.side{display:none}.sec-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 920px){.nav-links,.nav-actions .hide-sm{display:none}.menu-btn{display:grid}.split,.roles,.band .split{grid-template-columns:1fr}.b-1,.b-2,.b-3,.b-4,.b-5{grid-column:span 6}.b-6{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:40px}.steps:before{display:none}.products{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.tabs{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.container{padding:0 16px}.section{padding:80px 0}.hero{padding:132px 0 64px}.main{grid-template-columns:1fr 1fr;padding:14px;gap:10px}.chart-card,.bars-card,.table-card,.donut-card{grid-column:1 / -1}.seg,.float-3{display:none}.stats,.kpi-grid,.sec-grid,.tabs{grid-template-columns:1fr}.phones{height:500px;transform:scale(.82)}.phone.light{transform:translate(-70px) rotate(-6deg)}.phone.dark{transform:translate(70px) rotate(5deg) translateY(16px)}.band,.cta{margin:0 8px;border-radius:24px}.cta form{flex-direction:column}.foot{grid-template-columns:1fr}.chaos{height:320px}.widgets{grid-template-columns:repeat(2,1fr)}.app-bar .crumb{display:none}}
