/* DefenceXpress v0.18 R22 — app workflow experience */
.dx22-app-section{position:relative;overflow:hidden}
.dx22-app-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 12%,rgba(0,194,255,.08),transparent 28%),radial-gradient(circle at 88% 22%,rgba(255,194,62,.06),transparent 26%)}
.dx22-app-shell{position:relative;border:1px solid rgba(75,190,255,.24);border-radius:28px;background:linear-gradient(145deg,rgba(4,19,31,.97),rgba(4,13,23,.94));box-shadow:0 28px 80px rgba(0,0,0,.28);padding:28px}
.dx22-app-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:28px;align-items:start;margin-bottom:24px}
.dx22-app-intro h2{margin:.3rem 0 .6rem}.dx22-app-intro p{margin:0;color:#b7c8d6;max-width:760px}
.dx22-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dx22-proof div{border:1px solid rgba(70,183,244,.18);background:rgba(8,31,48,.7);border-radius:14px;padding:12px 14px;color:#d8e7f2;font-size:.92rem}
.dx22-proof strong{display:block;color:#63d8ff;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}
.dx22-lifecycle{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:22px 0 28px}
.dx22-life-step{position:relative;min-height:68px;border:1px solid rgba(70,183,244,.18);border-radius:14px;background:rgba(4,24,38,.82);padding:11px 9px 10px 13px}
.dx22-life-step:after{content:"";position:absolute;right:-7px;top:50%;width:7px;height:1px;background:rgba(75,190,255,.4)}
.dx22-life-step:last-child:after{display:none}.dx22-life-step b{display:block;color:#55d4ff;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.dx22-life-step span{display:block;color:#eef7fb;font-size:.88rem;margin-top:5px;line-height:1.22}
.dx22-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.dx22-device-card{position:relative;min-width:0;border:1px solid rgba(75,190,255,.2);border-radius:22px;background:linear-gradient(180deg,rgba(7,31,48,.94),rgba(4,17,28,.96));padding:17px;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.dx22-device-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dx22-device-label strong{font-size:.88rem;color:#f4c85b;text-transform:uppercase;letter-spacing:.08em}.dx22-device-label span{font-size:.72rem;color:#7f9caf}
.dx22-phone{max-width:335px;margin:0 auto;border:2px solid rgba(91,210,255,.55);border-radius:31px;background:#03111c;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 28px rgba(0,173,239,.08)}
.dx22-phone-screen{overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#061c2b,#04131f);min-height:410px;border:1px solid rgba(255,255,255,.04)}
.dx22-statusbar{display:flex;justify-content:space-between;padding:9px 13px 6px;color:#7895a7;font-size:.66rem}
.dx22-apphead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(75,190,255,.16);background:rgba(4,28,43,.8)}
.dx22-apphead strong{color:#f4f9fc;font-size:.95rem}.dx22-apphead span{font-size:.68rem;color:#55d8ff;text-transform:uppercase;letter-spacing:.09em}
.dx22-screen-body{padding:13px}.dx22-panel{border:1px solid rgba(75,190,255,.16);background:rgba(7,29,44,.78);border-radius:13px;padding:11px 12px;margin-bottom:10px;overflow-wrap:anywhere}.dx22-panel:last-child{margin-bottom:0}
.dx22-panel-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7e9aab;font-size:.67rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.dx22-panel-kicker b{color:#f2c854}.dx22-panel h4{margin:0 0 4px;font-size:1rem;color:#f6fbff}.dx22-panel p{margin:0;color:#b7c9d5;font-size:.76rem;line-height:1.38}
.dx22-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:.76rem;color:#dbe8ef}.dx22-row:last-child{border-bottom:0}.dx22-row span:last-child{color:#77dcff;text-align:right}.dx22-row .ok{color:#49e5ac}.dx22-row .warn{color:#ffd563}
.dx22-chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.dx22-chip{border:1px solid rgba(73,211,255,.22);border-radius:999px;padding:5px 7px;color:#bfeeff;background:rgba(0,155,212,.06);font-size:.65rem}
.dx22-live{display:inline-flex;align-items:center;gap:5px;color:#48e4aa!important}.dx22-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#35e7a2;box-shadow:0 0 10px rgba(53,231,162,.75)}
.dx22-progress{height:7px;background:#0a2638;border-radius:99px;overflow:hidden;margin:8px 0}.dx22-progress>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#13bdf1,#52e5ac)}
.dx22-actionbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.dx22-action{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;border:1px solid rgba(76,193,251,.25);background:#08263a;color:#dff5ff;font-size:.72rem;font-weight:700;text-align:center}.dx22-action.primary{background:linear-gradient(135deg,#ffd970,#ecb73f);color:#111d25;border-color:#ffd970}.dx22-action.danger{border-color:rgba(255,99,99,.35);color:#ffc1c1;background:rgba(113,24,24,.18)}
.dx22-device-copy{margin:14px 2px 0}.dx22-device-copy h3{font-size:1.06rem;margin:0 0 5px}.dx22-device-copy p{font-size:.84rem;color:#aabfcd;margin:0;line-height:1.45}
.dx22-role-note{margin-top:18px;border:1px solid rgba(244,199,83,.25);background:rgba(112,80,9,.08);border-radius:16px;padding:14px 16px;color:#d4e0e8;font-size:.88rem}.dx22-role-note strong{color:#f4cf68}
.dx22-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dx22-provider-block{border:1px solid rgba(75,190,255,.2);border-radius:22px;background:rgba(4,20,32,.92);padding:20px}.dx22-provider-block h3{margin:.2rem 0 .45rem}.dx22-provider-block>p{color:#adbfcb;margin:0 0 15px}.dx22-provider-block .dx22-device-grid{grid-template-columns:1fr 1fr}.dx22-provider-block .dx22-phone-screen{min-height:370px}
.dx22-mini-flow{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0}.dx22-mini-flow span{font-size:.68rem;padding:6px 8px;border-radius:999px;border:1px solid rgba(75,190,255,.18);color:#bfeaff;background:rgba(9,40,60,.72)}
.dx22-demo-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(244,200,91,.33);background:rgba(129,93,8,.1);color:#ffd86b;border-radius:999px;padding:6px 10px;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
@media(max-width:1000px){.dx22-app-intro{grid-template-columns:1fr}.dx22-lifecycle{grid-template-columns:repeat(4,minmax(0,1fr))}.dx22-device-grid{grid-template-columns:1fr}.dx22-provider-grid{grid-template-columns:1fr}.dx22-provider-block .dx22-device-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.dx22-app-shell{padding:17px;border-radius:20px}.dx22-proof{grid-template-columns:1fr}.dx22-lifecycle{display:flex;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.dx22-life-step{min-width:145px;scroll-snap-align:start}.dx22-life-step:after{display:none}.dx22-device-card{padding:13px}.dx22-phone{max-width:100%;border-radius:26px}.dx22-phone-screen{min-height:390px}.dx22-provider-block{padding:15px}.dx22-provider-block .dx22-device-grid{grid-template-columns:1fr}.dx22-app-intro p,.dx22-device-copy p,.dx22-panel p,.dx22-row{overflow-wrap:anywhere;word-break:normal}.dx22-action{white-space:normal;padding:8px 6px;line-height:1.2}}