:root{--bg:#effaf7;--surface:#fff;--surface-soft:#e1f6ed;--surface-glass:#ffffffc7;--fg:#05161f;--muted:#52646b;--border:#cbdcda;--accent:#00906c;--accent-strong:#005d43;--accent-light:#bcefd8;--gold:#e2af27;--danger:#c83b32;--ink:#00141e;--shadow:0 22px 65px #1027361f;--shadow-soft:0 12px 34px #10273614;--radius:8px;--font:"IBM Plex Sans Arabic", "Tajawal", "Segoe UI", system-ui, sans-serif}@supports (color:lab(0% 0 0)){:root{--bg:lab(97.2528% -4.07019 .120711);--surface:lab(100% 0 0);--surface-soft:lab(95.1118% -8.39546 1.57459);--surface-glass:lab(100% 0 0/.78);--fg:lab(6.24175% -4.03505 -8.37846);--muted:lab(40.9516% -5.57259 -6.7749);--border:lab(86.2859% -5.99888 -1.24204);--accent:lab(53.3847% -57.0185 12.4375);--accent-strong:lab(34.4266% -46.8695 10.1396);--accent-light:lab(90.3636% -20.0345 5.36425);--gold:lab(74.6967% 10.562 69.7491);--danger:lab(47.2085% 56.2003 39.3376);--ink:lab(5.33584% -4.48794 -8.81701)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 10%, transparent) 0 1px, transparent 1px 34px), linear-gradient(45deg, color-mix(in oklch, var(--accent) 7%, transparent) 0 1px, transparent 1px 34px), linear-gradient(120deg, color-mix(in oklch, var(--accent) 10%, transparent), transparent 36rem), linear-gradient(180deg, #f8fdfc, var(--bg));min-height:100vh;color:var(--fg);font-family:var(--font);text-rendering:optimizelegibility;background-size:34px 34px,34px 34px,auto,auto;margin:0;line-height:1.65}@supports (color:lab(0% 0 0)){body{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 10%, transparent) 0 1px, transparent 1px 34px), linear-gradient(45deg, color-mix(in oklch, var(--accent) 7%, transparent) 0 1px, transparent 1px 34px), linear-gradient(120deg, color-mix(in oklch, var(--accent) 10%, transparent), transparent 36rem), linear-gradient(180deg, lab(98.9164% -2.03279 .0602603), var(--bg))}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{color:#fff;background:var(--accent)}.wrap{width:min(1160px,100% - 32px);margin:auto}.topbar{z-index:20;border-bottom:1px solid color-mix(in oklch, var(--border) 72%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#ffffffc2;background:lab(100% 0 0/.76);position:sticky;top:0;box-shadow:inset 0 1px #ffffffd9}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.brand{letter-spacing:0;align-items:center;gap:10px;font-weight:950;display:inline-flex}.brand-mark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 92%, white), var(--accent-strong));width:40px;height:40px;box-shadow:0 14px 30px color-mix(in oklch, var(--accent) 34%, transparent);place-items:center;display:grid}.top-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn,.nav-pill{border-radius:var(--radius);border:1px solid color-mix(in oklch, var(--border) 88%, white);background:color-mix(in oklch, var(--surface) 88%, transparent);min-height:42px;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;padding:9px 15px;font-size:14px;font-weight:850;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #fffc}.btn:hover,.nav-pill:hover{border-color:color-mix(in oklch, var(--accent) 38%, var(--border));box-shadow:var(--shadow-soft);transform:translateY(-2px)}.btn:active,.nav-pill:active{transform:translateY(0)}.btn:focus-visible,.nav-pill:focus-visible,input:focus-visible{outline:3px solid color-mix(in oklch, var(--accent) 24%, transparent);outline-offset:2px}.btn.primary{color:#fff;background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 92%, white), var(--accent-strong));box-shadow:0 16px 34px color-mix(in oklch, var(--accent) 30%, transparent);border-color:#0000}.btn.dark{color:#fff;background:linear-gradient(135deg, var(--ink), #0d2e36);border-color:#0000}@supports (color:lab(0% 0 0)){.btn.dark{background:linear-gradient(135deg, var(--ink), lab(16.708% -9.73861 -9.09972))}}.kicker{border-radius:var(--radius);color:var(--accent-strong);background:color-mix(in oklch, var(--accent) 12%, white);border:1px solid color-mix(in oklch, var(--accent) 22%, white);align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffffd9}.hero{padding:72px 0 38px}.hero-redesign{position:relative;overflow:hidden}.hero-redesign:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--accent) 42%, transparent), transparent);pointer-events:none;height:1px;animation:5.5s ease-in-out infinite dataSweep;position:absolute;inset:18% 0 auto}.hero-grid{grid-template-columns:1fr .95fr;align-items:center;gap:42px;display:grid}.hero h1,.page-title{letter-spacing:0;margin:14px 0;font-size:clamp(42px,5vw,66px);line-height:1.04}.lead{max-width:680px;color:var(--muted);margin:0;font-size:20px}.hero-copy{z-index:1;position:relative}.live-kicker:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 45%, transparent);border-radius:50%;animation:1.8s ease-out infinite livePulse}.actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.signal-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;display:grid}.signal{border:1px solid color-mix(in oklch, var(--border) 82%, white);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbd;background:lab(100% 0 0/.74);padding:12px}.signal span,.signal em{color:var(--muted);font-size:12px;font-style:normal;display:block}.signal b{margin:3px 0;font-size:26px;font-weight:950;line-height:1.1;display:block}.signal em{color:var(--accent-strong);font-weight:900}.hero-stage{perspective:1100px;place-items:center;min-height:520px;display:grid;position:relative}.motion-grid{border:1px solid color-mix(in oklch, var(--accent) 18%, transparent);border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in oklch, var(--accent) 9%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in oklch, var(--accent) 9%, transparent) 1px, transparent 1px);opacity:.9;background-size:42px 42px;animation:9s linear infinite gridDrift;position:absolute;inset:42px;transform:rotateX(58deg)rotate(-8deg)}.motion-grid span{background:var(--accent);width:12px;height:12px;box-shadow:0 0 28px color-mix(in oklch, var(--accent) 58%, transparent);border-radius:50%;animation:4.6s ease-in-out infinite nodeFloat;position:absolute}.motion-grid span:first-child{top:22%;right:22%}.motion-grid span:nth-child(2){animation-delay:.7s;top:52%;right:62%}.motion-grid span:nth-child(3){animation-delay:1.2s;top:76%;right:35%}.live-card{z-index:1;border:1px solid color-mix(in oklch, var(--border) 82%, white);border-radius:var(--radius);width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffffc7;background:lab(100% 0 0/.78);animation:6s ease-in-out infinite cardHover;position:relative;overflow:hidden}.role-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;display:grid}.role-tab{border-radius:var(--radius);background:color-mix(in oklch, var(--accent) 5%, white);color:var(--muted);cursor:pointer;border:1px solid #0000;padding:10px;font-weight:900;transition:transform .18s,background .18s,color .18s,box-shadow .18s}.role-tab:hover{color:var(--accent-strong);transform:translateY(-2px)}.role-tab.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 14px 28px color-mix(in oklch, var(--accent) 28%, transparent)}.role-preview{padding:20px;animation:.32s both roleIn}.role-preview h2{margin:12px 0 8px;font-size:31px;line-height:1.18}.role-preview p{color:var(--muted);margin:0}.activity-feed{gap:10px;margin:18px 0;display:grid}.activity-item{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffd6;background:lab(100% 0 0/.84);align-items:center;gap:10px;padding:11px;display:flex}.activity-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 40%, transparent);border-radius:50%;animation:2s ease-out infinite livePulse}.flow-track{grid-template-columns:repeat(4,1fr);gap:12px;display:grid;position:relative}.flow-track:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent) 22%, transparent));transform-origin:100%;height:2px;animation:3.8s ease-in-out infinite flowFill;position:absolute;top:27px;left:8%;right:8%}.flow-step{z-index:1;border:1px solid color-mix(in oklch, var(--border) 82%, white);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;background:lab(100% 0 0/.82);padding:16px;position:relative}.flow-step span{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:10px;font-weight:950;display:grid}.feature-panel{position:relative;overflow:hidden}.feature-panel:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:3px;transition:transform .42s;position:absolute;inset:auto 0 0;transform:translate(100%)}.feature-panel:hover:after{transform:translate(-100%)}.feature-icon{border-radius:var(--radius);background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:42px;height:42px;box-shadow:0 14px 30px color-mix(in oklch, var(--accent) 26%, transparent);margin-bottom:14px;display:block}.preview,.panel,.metric,.wallet-card{transform:translateZ(0)}.preview{background:var(--surface-glass);border:1px solid color-mix(in oklch, var(--border) 80%, white);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);position:relative;overflow:hidden}.preview:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff8c,#0000);animation:6s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(110%)}.preview-head{border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--surface-soft) 64%, white);justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;display:flex}.preview-body{padding:16px}.metric-row,.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric{background:color-mix(in oklch, var(--surface) 92%, transparent);border:1px solid color-mix(in oklch, var(--border) 88%, white);border-radius:var(--radius);padding:15px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:inset 0 1px #ffffffd9}.metric:hover{border-color:color-mix(in oklch, var(--accent) 30%, var(--border));box-shadow:var(--shadow-soft);transform:translateY(-3px)}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:29px;font-weight:950;line-height:1.1;display:block}.section{padding:46px 0}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.section h2,.panel h2{margin:0 0 10px;font-size:28px;line-height:1.25}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-2>*,.grid-3>*,.metric-grid>*,.metric-row>*{min-width:0}.panel{background:var(--surface-glass);border:1px solid color-mix(in oklch, var(--border) 84%, white);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.panel:hover{border-color:color-mix(in oklch, var(--accent) 24%, var(--border));box-shadow:var(--shadow);transform:translateY(-3px)}.panel p{color:var(--muted);margin:0}.list{gap:10px;margin-top:14px;display:grid}.list-item{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.list-item:last-child{border-bottom:0}.status{background:color-mix(in oklch, var(--accent) 14%, white);color:var(--accent-strong);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.status.warn{background:color-mix(in oklch, var(--gold) 22%, white);color:#624400;color:lab(31.5644% 9.75959 48.3227)}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#ffffffc2;background:lab(100% 0 0/.76);padding:20px;box-shadow:inset 1px 0 #fffc}.sidebar h2{margin:0 0 18px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav a{border-radius:var(--radius);color:color-mix(in oklch, var(--fg) 88%, white);padding:11px 12px;font-weight:850;transition:transform .18s,color .18s,background .18s;display:block}.sidebar-nav a:hover{color:var(--accent-strong);background:color-mix(in oklch, var(--accent) 7%, white);transform:translate(-2px)}.sidebar-nav a.active{color:var(--accent-strong);background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 16%, white), color-mix(in oklch, var(--accent) 7%, white));box-shadow:inset 0 1px #ffffffd1}.content{min-width:0;padding:26px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-head h1{margin:0 0 6px;font-size:42px;line-height:1.12}.muted{color:var(--muted)}.table-wrap{width:100%;max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:12px}th{color:var(--muted);font-size:13px;font-weight:850}tbody tr{transition:background .16s}tbody tr:hover{background:color-mix(in oklch, var(--accent) 6%, transparent)}.form-grid{gap:12px;display:grid}.field label{margin-bottom:6px;font-weight:850;display:block}.field input,.field select{border:1px solid color-mix(in oklch, var(--border) 86%, white);border-radius:var(--radius);width:100%;color:var(--fg);background:#ffffffeb;background:lab(100% 0 0/.92);padding:12px 13px;transition:border-color .18s,box-shadow .18s,background .18s}.field input:focus,.field select:focus{border-color:color-mix(in oklch, var(--accent) 44%, var(--border));box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 13%, transparent);background:#fff;outline:0}.wallet-card{color:#fff;background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 90%, black), #00242a);border-radius:var(--radius);min-height:260px;box-shadow:var(--shadow);flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.wallet-card{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 90%, black), lab(12.1741% -12.3141 -8.3016))}}.wallet-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.18),#0000);height:54px;position:absolute;inset:auto 0 24px;transform:skewY(-7deg)}.wallet-card>*{z-index:1;position:relative}.qr{border-radius:var(--radius);background:linear-gradient(90deg,#111 14px,#0000 14px) 0 0/28px 28px,linear-gradient(#111 14px,#0000 14px) 0 0/28px 28px,#fff;border:10px solid #fff;width:108px;height:108px;box-shadow:0 16px 34px #0000002e}.scan-box{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#001219,#023539);background:linear-gradient(135deg,lab(4.55033% -4.8615 -7.05113),lab(19.2427% -14.9718 -7.59014));place-items:center;min-height:270px;display:grid;position:relative;overflow:hidden}.scan-box:before{content:"";background:linear-gradient(transparent 0 47%, color-mix(in oklch, var(--accent) 58%, transparent) 50%, transparent 53%);animation:2.8s ease-in-out infinite scanLine;position:absolute;inset:0;transform:translateY(-100%)}.scan-frame{border:3px solid var(--accent);border-radius:var(--radius);width:180px;height:180px;box-shadow:0 0 0 999px #0000002e, 0 0 28px color-mix(in oklch, var(--accent) 46%, transparent);animation:2.2s ease-in-out infinite pulseFrame}.scan-shell .content{background:linear-gradient(120deg, color-mix(in oklch, var(--accent) 8%, transparent), transparent 42rem)}.scan-hero-panel{border:1px solid color-mix(in oklch, var(--border) 82%, white);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffffc7;background:lab(100% 0 0/.78);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:22px;animation:.62s both riseIn;display:flex}.scan-hero-panel h1{margin:10px 0 6px;font-size:clamp(34px,4vw,54px);line-height:1.08}.scan-hero-panel p{max-width:760px;color:var(--muted);margin:0}.scan-status-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.scan-stat{border:1px solid color-mix(in oklch, var(--border) 82%, white);border-radius:var(--radius);background:linear-gradient(135deg, #ffffffd6, color-mix(in oklch, var(--accent) 8%, white));box-shadow:var(--shadow-soft);padding:14px;animation:.62s both riseIn}@supports (color:lab(0% 0 0)){.scan-stat{background:linear-gradient(135deg, lab(100% 0 0/.84), color-mix(in oklch, var(--accent) 8%, white))}}.scan-stat span{color:var(--muted);font-size:13px;display:block}.scan-stat b{margin-top:3px;font-size:24px;line-height:1.1;display:block}.scan-layout{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scan-card{animation:.62s both riseIn}.scan-card:nth-child(2){animation-delay:80ms}.scan-corners{border-radius:var(--radius);background:linear-gradient(var(--accent), var(--accent)) right top / 48px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) right top / 4px 48px no-repeat, linear-gradient(var(--accent), var(--accent)) left top / 48px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) left top / 4px 48px no-repeat, linear-gradient(var(--accent), var(--accent)) right bottom / 48px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) right bottom / 4px 48px no-repeat, linear-gradient(var(--accent), var(--accent)) left bottom / 48px 4px no-repeat, linear-gradient(var(--accent), var(--accent)) left bottom / 4px 48px no-repeat;opacity:.92;width:210px;height:210px;animation:4s ease-in-out infinite cornerSpin;position:absolute}.customer-chip{border:1px solid color-mix(in oklch, var(--accent) 22%, var(--border));border-radius:var(--radius);background:color-mix(in oklch, var(--accent) 9%, white);margin-top:14px;padding:16px;animation:.32s both roleIn}.customer-chip h2{margin:10px 0}.chip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip-grid span,.chip-grid b{border-radius:var(--radius);background:#ffffffb3;background:lab(100% 0 0/.7);padding:10px;display:block}.mode-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0;display:grid}.mode-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);text-align:right;cursor:pointer;background:#ffffffd1;background:lab(100% 0 0/.82);padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.mode-card:hover{border-color:color-mix(in oklch, var(--accent) 34%, var(--border));box-shadow:var(--shadow-soft);transform:translateY(-3px)}.mode-card.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 18px 40px color-mix(in oklch, var(--accent) 30%, transparent);border-color:#0000}.mode-card span{opacity:.82;font-size:13px;display:block}.mode-card b{margin-top:4px;font-size:21px;display:block}.scan-success{border:1px solid color-mix(in oklch, var(--accent) 22%, var(--border));border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 13%, white), #ffffffd1);margin-top:14px;padding:16px;animation:.36s both successPop}@supports (color:lab(0% 0 0)){.scan-success{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 13%, white), lab(100% 0 0/.82))}}.scan-success h2{margin-top:10px}.hero .kicker,.hero h1,.hero .lead,.hero .actions,.preview,.section-head,.panel,.metric,.page-head{animation:.62s both riseIn}.hero h1{animation-delay:80ms}.hero .lead{animation-delay:.15s}.hero .actions{animation-delay:.23s}.preview{animation-delay:.18s}.panel:nth-child(2){animation-delay:70ms}.panel:nth-child(3){animation-delay:.14s}.metric:nth-child(2){animation-delay:60ms}.metric:nth-child(3){animation-delay:.12s}.metric:nth-child(4){animation-delay:.18s}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sheen{0%,58%{transform:translate(110%)}78%,to{transform:translate(-110%)}}@keyframes scanLine{0%{opacity:0;transform:translateY(-105%)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translateY(105%)}}@keyframes pulseFrame{0%,to{box-shadow:0 0 0 999px #0000002e, 0 0 22px color-mix(in oklch, var(--accent) 38%, transparent);transform:scale(1)}50%{box-shadow:0 0 0 999px #0003, 0 0 38px color-mix(in oklch, var(--accent) 58%, transparent);transform:scale(1.025)}}@keyframes livePulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent) 42%, transparent)}to{box-shadow:0 0 0 12px #0000}}@keyframes dataSweep{0%,to{opacity:.25;transform:translate(22%)}50%{opacity:.9;transform:translate(-22%)}}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@keyframes nodeFloat{0%,to{opacity:.75;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translate(-14px,-12px)scale(1.2)}}@keyframes cardHover{0%,to{transform:rotateX(0)rotateY(0)translateY(0)}50%{transform:rotateX(1.5deg)rotateY(-2deg)translateY(-8px)}}@keyframes roleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes flowFill{0%,to{opacity:.35;transform:scaleX(.1)}55%{opacity:1;transform:scaleX(1)}}@keyframes cornerSpin{0%,to{opacity:.76;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.035)rotate(1deg)}}@keyframes successPop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:980px){.hero-grid,.grid-2,.grid-3,.app-shell,.metric-grid.four{grid-template-columns:1fr}.sidebar{border-left:0;border-bottom:1px solid var(--border)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head,.section-head{display:grid}.hero-stage{min-height:430px}.flow-track{grid-template-columns:repeat(2,1fr)}.flow-track:before{display:none}.scan-layout,.scan-status-grid{grid-template-columns:1fr}.scan-hero-panel{display:grid}}@media (max-width:720px){body{background-size:28px 28px,28px 28px,auto,auto}.topbar-inner,.metric-row,.metric-grid{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;padding:12px 0}.top-links{width:100%}.nav-pill,.btn{flex:auto}.hero{padding-top:40px}.hero h1,.page-title{font-size:38px}.page-head h1{font-size:32px}.content{padding:18px}.signal-strip,.role-tabs,.flow-track{grid-template-columns:1fr}.hero-stage{min-height:auto;padding-top:24px}.motion-grid{inset:18px}.live-card{animation:.62s both riseIn}.mode-grid,.chip-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}