/* Explain panels (capability tiles + integration cards) and their live samples. */
body.xp-lock{overflow:hidden;}
[data-explain]{cursor:pointer;}
.xp-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(3,10,8,.62);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s;}
.xp-overlay.open{opacity:1;}
.xp-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);width:100%;max-width:1020px;max-height:calc(100vh - 44px);max-height:calc(100dvh - 44px);overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 50px 100px -30px rgba(0,0,0,.7);
  transform:translateY(24px) scale(.96);transition:transform .45s cubic-bezier(.2,.9,.3,1.15);}
.xp-overlay.open .xp-card{transform:none;}
.xp-x{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.9);color:#2B3733;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .25s,background .2s,color .2s;}
.xp-x:hover{background:#13231F;color:#fff;transform:rotate(90deg);}
.xp-left{padding:34px 30px 28px;overflow-y:auto;}
.xp-ic{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#2A2107;background:linear-gradient(135deg,#F0DC9A,#C9A84C);box-shadow:0 14px 26px -12px rgba(201,168,76,.8);margin-bottom:16px;animation:xp-pop .6s cubic-bezier(.2,.9,.3,1.4);}
@keyframes xp-pop{from{transform:scale(.5) rotate(-20deg);opacity:0;}to{transform:none;opacity:1;}}
.xp-left h3{font-size:26px;letter-spacing:-.02em;margin:0 0 4px;color:#13231F;}
.xp-tag{font-size:14px;font-weight:700;color:#1F6F5C;margin-bottom:12px;}
.xp-left p{font-size:14.5px;line-height:1.65;color:#4F5F5A;margin:0 0 16px;}
.xp-left ul{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;}
.xp-left li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#2B3733;opacity:0;transform:translateX(-10px);animation:xp-li .5s cubic-bezier(.2,.9,.3,1.1) forwards;animation-delay:calc(var(--i) * 70ms + 250ms);}
.xp-left li i,.xp-left li svg{flex-shrink:0;width:20px !important;height:20px !important;padding:3px;border-radius:50%;background:#E3F3EB;color:#1F6F5C;margin-top:1px;}
@keyframes xp-li{to{opacity:1;transform:none;}}
.xp-actions{display:flex;gap:10px;flex-wrap:wrap;}
.xp-go,.xp-trial{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;font:inherit;font-weight:800;font-size:14px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),box-shadow .25s;}
.xp-go{border:1px solid rgba(201,168,76,.55);background:linear-gradient(135deg,#1F5A4B,#0E241D);color:#F6E7B9;box-shadow:0 12px 24px -12px rgba(16,40,33,.9);}
.xp-go:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px rgba(16,40,33,.95);}
.xp-go .lc{width:16px;height:16px;transition:transform .25s;}.xp-go:hover .lc{transform:translateX(4px);}
.xp-trial{border:1px solid #D8E2DC;background:#fff;color:#13231F;}.xp-trial:hover{transform:translateY(-2px);background:#F5FAF7;}
.xp-right{position:relative;padding:34px 26px 26px;background:radial-gradient(120% 70% at 100% 0%,rgba(201,168,76,.18),transparent 55%),linear-gradient(165deg,#0F2A23,#0A1A16);color:#F6EFD9;overflow-y:auto;}
.xp-badge{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#E7D08A;background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.3);border-radius:999px;padding:5px 11px;margin-bottom:14px;}
.xp-badge .lc{width:13px;height:13px;}
@media (max-width:820px){
  .xp-overlay{padding:0;align-items:flex-end;}
  .xp-card{grid-template-columns:1fr;max-height:94dvh;border-radius:24px 24px 0 0;overflow-y:auto;}
  .xp-left,.xp-right{overflow:visible;padding:26px 20px 22px;}
  .xp-left h3{font-size:22px;padding-right:36px;}
}

/* ---- samples (dark panel) ---- */
.xs{font-size:13px;}
.xs-cap{font-size:12.5px;color:#A9C2B8;margin-bottom:14px;line-height:1.5;}
.xs-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.xs-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid rgba(201,168,76,.5);background:linear-gradient(135deg,#E7D08A,#C9A84C);color:#2A2107;font:inherit;font-weight:800;font-size:13px;cursor:pointer;transition:transform .2s cubic-bezier(.2,.9,.3,1.3),box-shadow .2s,opacity .2s;}
.xs-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(201,168,76,.9);}.xs-btn:active{transform:scale(.97);}.xs-btn:disabled{opacity:.6;cursor:wait;}
.xs-btn.ghost{background:rgba(255,255,255,.06);color:#F6EFD9;border-color:rgba(255,255,255,.2);}
.xs-btn.full{width:100%;justify-content:center;}
.xs-btn .lc{width:16px;height:16px;}
.xs-log{margin-top:12px;font-size:12.5px;color:#BFE3D2;display:flex;gap:8px;align-items:center;min-height:18px;}.xs-log .lc{width:15px;height:15px;color:#6FD3AE;}
.xs-badge{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2A2107;background:linear-gradient(135deg,#F0DC9A,#C9A84C);border-radius:999px;padding:3px 9px;}
.xs-vendors{display:grid;gap:10px;}
.xs-vendor{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(12px);animation:xs-up .5s cubic-bezier(.2,.9,.3,1.1) forwards;animation-delay:calc(var(--i) * 120ms + 250ms);}
@keyframes xs-up{to{opacity:1;transform:none;}}
.xs-vh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.xs-vh b{font-size:14px;color:#fff;}
.xs-vs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.xs-vs small,.xs-kpis small{display:block;font-size:10.5px;color:#8FB0A4;}.xs-vs b,.xs-kpis b{color:#fff;font-size:14px;}
.xs-lock{display:flex;gap:6px;align-items:center;margin-top:9px;font-size:11.5px;color:#8FD8B8;}.xs-lock .lc{width:13px;height:13px;}
.xs-admin{display:flex;gap:10px;align-items:center;margin-top:12px;padding:11px 14px;border-radius:14px;background:rgba(63,178,143,.12);border:1px dashed rgba(63,178,143,.45);font-size:12.5px;color:#D6F0E4;}.xs-admin .lc{width:18px;height:18px;color:#6FD3AE;flex-shrink:0;}
.xs-branches,.xs-inv{display:grid;gap:12px;}
.xs-brt{display:flex;justify-content:space-between;margin-bottom:6px;}.xs-brt b{color:#fff;}.xs-brt span{color:#E7D08A;font-weight:700;}
.xs-bar{height:9px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;flex:1;}
.xs-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#3FB28F,#E7D08A);width:0;animation:xs-w 1s cubic-bezier(.2,.8,.2,1) .3s forwards;}
@keyframes xs-w{to{width:var(--w);}}
.xs-bar i.low{background:linear-gradient(90deg,#E07A5F,#E7B04A);}
.xs-bar i[data-b]{animation:none;transition:width .5s cubic-bezier(.2,.8,.2,1);}
.xs-stock{font-size:11.5px;color:#9DB8AE;margin-top:6px;}.xs-stock b{color:#fff;}
.flash{animation:xs-flash .8s;}@keyframes xs-flash{0%{color:#E7D08A;transform:scale(1.5);}100%{transform:none;}}
.xs-ir{display:grid;grid-template-columns:86px 1fr 36px;gap:10px;align-items:center;color:#D6E6DF;}.xs-ir b{text-align:right;color:#fff;}
.xs-alert{margin-top:12px;display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:rgba(231,176,74,.14);border:1px solid rgba(231,176,74,.4);color:#F6E3B5;font-size:12.5px;line-height:1.5;animation:xs-up .4s both;}
.xs-alert.err{background:rgba(224,122,95,.16);border-color:rgba(224,122,95,.5);color:#FBD5CB;}.xs-alert .lc{width:15px;height:15px;flex-shrink:0;margin-top:2px;}
.xs-hw{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.xs-dev{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:transform .3s,border-color .3s,background .3s;}
.xs-dev b{font-size:11.5px;color:#fff;}.xs-dev small{font-size:10.5px;color:#8FD8B8;display:flex;gap:5px;align-items:center;}.xs-dot{width:6px;height:6px;border-radius:50%;background:#6FD3AE;display:inline-block;}
.xs-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.15);color:#E7D08A;}
.xs-dev.on{animation:xs-dev .8s;border-color:#E7D08A;background:rgba(201,168,76,.14);}@keyframes xs-dev{0%{transform:scale(1)}30%{transform:scale(1.08) rotate(-2deg)}100%{transform:none}}
.xs-receipt{margin:14px auto 0;max-width:260px;background:#FBFAF4;color:#2B3733;border-radius:6px 6px 14px 14px;padding:12px 14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;box-shadow:0 14px 30px -14px rgba(0,0,0,.7);}
.xs-rl{display:flex;justify-content:space-between;gap:10px;padding:3px 0;}.xs-rl.tot{border-top:1px dashed #B9B49C;margin-top:6px;padding-top:7px;font-weight:800;}.xs-rl small{color:#8A8571;}.xs-rl.add{animation:xs-up .4s both;}
.xs-empty{color:#9A957F;text-align:center;padding:8px 0;}
.xs-receipt.printing{animation:xs-print .9s cubic-bezier(.2,.8,.2,1);}@keyframes xs-print{from{clip-path:inset(0 0 100% 0);transform:translateY(-14px);}to{clip-path:inset(0 0 0 0);transform:none;}}
.xs-cloud{padding:14px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);}
.xs-cl-top{display:flex;gap:10px;align-items:center;justify-content:center;color:#E7D08A;font-weight:800;margin-bottom:14px;}
.xs-devs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.xs-dv{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:14px;background:rgba(255,255,255,.07);color:#D6E6DF;text-align:center;}
.xs-dv b{color:#fff;font-size:12px;}.xs-dv [data-p]{font-size:17px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;}.xs-dv small{font-size:10.5px;color:#8FB0A4;}
.xs-dv em{font-style:normal;font-size:10.5px;color:#6FD3AE;display:flex;gap:3px;align-items:center;}.xs-dv em .lc{width:11px;height:11px;}
.xs-dv.go{animation:xs-sync .9s;border:1px solid #E7D08A;}@keyframes xs-sync{0%{box-shadow:0 0 0 0 rgba(231,208,138,.7);}100%{box-shadow:0 0 0 14px rgba(231,208,138,0);}}
.xs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}.xs-kpis > div{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.06);}
.xs-chart{display:flex;gap:8px;align-items:flex-end;height:130px;padding:6px 4px 0;}
.xs-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;}.xs-col span{font-size:10.5px;color:#8FB0A4;}
.xs-col i{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#E7D08A,#3FB28F);height:0;animation:xs-h .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * 70ms + 200ms);}
@keyframes xs-h{to{height:calc(var(--h) * .88);}}
.xs-pay{background:#fff;color:#13231F;border-radius:18px;padding:16px;box-shadow:0 20px 40px -20px rgba(0,0,0,.7);}
.xs-pt{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#6B7A75;}.xs-pt b{font-size:22px;color:#13231F;}
.xs-pm{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;}
.xs-pm button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;border-radius:12px;border:1.5px solid #E3E9E5;background:#fff;font:inherit;font-size:11.5px;font-weight:700;color:#4F5F5A;cursor:pointer;transition:all .2s;}
.xs-pm button.on{border-color:#1F6F5C;background:#EAF5EF;color:#1F6F5C;}.xs-pm .lc{width:17px;height:17px;}
.xs-pstate{margin-top:12px;display:flex;gap:10px;align-items:flex-start;font-size:13px;min-height:20px;}.xs-pstate.ok{color:#1F6F5C;animation:xs-up .4s both;}.xs-pstate small{color:#4F5F5A;}.xs-pstate .lc{width:18px;height:18px;flex-shrink:0;}
.xs-pstate.busy{color:#4F5F5A;align-items:center;}.xs-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid #D8E2DC;border-top-color:#1F6F5C;animation:xs-r .7s linear infinite;display:inline-block;}@keyframes xs-r{to{transform:rotate(360deg);}}
.xs-bank{padding:14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px dashed rgba(201,168,76,.5);}
.xs-bt{display:flex;gap:8px;align-items:center;font-weight:800;color:#E7D08A;margin-bottom:8px;}.xs-bt .lc{width:16px;height:16px;}
.xs-br2{display:flex;justify-content:space-between;padding:5px 0;color:#BBD0C7;}.xs-br2 b{color:#fff;}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;}
.xs-bi{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.15);font-size:12px;color:#9DB8AE;}
.xs-tbl{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);}
.xs-tbl table{width:100%;border-collapse:collapse;font-size:11.5px;white-space:nowrap;}.xs-tbl th{padding:8px 10px;text-align:left;color:#E7D08A;font-size:10.5px;letter-spacing:.04em;background:rgba(255,255,255,.05);}.xs-tbl td{padding:8px 10px;border-top:1px solid rgba(255,255,255,.08);color:#E9F2EE;}
@media (prefers-reduced-motion:reduce){.xp-card,.xp-left li,.xs-vendor,.xs-bar i,.xs-col i{animation:none !important;transition:none !important;opacity:1;transform:none;}.xs-bar i{width:var(--w);}.xs-col i{height:calc(var(--h) * .88);}}

/* home dock (hero capability strip) */
.lux-dock-item[data-explain]{cursor:pointer;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),background .3s;}
.lux-dock-item[data-explain]:hover,.lux-dock-item[data-explain]:focus-visible{transform:translateY(-5px);background:rgba(201,168,76,.09) !important;outline:none;}
.lux-dock-item[data-explain] .lc{transition:transform .35s cubic-bezier(.2,.9,.3,1.4);}
.lux-dock-item[data-explain]:hover .lc{transform:scale(1.2) rotate(-6deg);}
.lux-dock-item .ldi-more{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-style:normal;font-size:10.5px;font-weight:800;color:#E7D08A;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s;}
.lux-dock-item .ldi-more .lc{width:12px;height:12px;margin:0;filter:none;}
.lux-dock-item:hover .ldi-more,.lux-dock-item:focus-visible .ldi-more{opacity:1;transform:none;}
@media (hover:none){.lux-dock-item .ldi-more{opacity:.9;transform:none;}}