.ex-section{padding:88px 0;background:radial-gradient(ellipse at 85% 20%,#e6e5fb 0,transparent 50%),#eff7f8}.ex-heading{max-width:750px;margin-bottom:32px}.ex-heading p{color:#536675;max-width:590px}.ex-shell{border:1px solid #cbdcde;border-radius:22px;background:white;box-shadow:0 28px 80px #10283d12;overflow:hidden}.ex-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#0c2237;color:white}.ex-bar small{color:#b5d3dc}.ex-dot{display:inline-block;width:8px;height:8px;background:#5cdfb8;border-radius:50%;margin-right:8px}.ex-layout{display:grid;grid-template-columns:200px 1fr}.ex-nav{padding:24px 14px;background:#f5f8fb;border-right:1px solid #e0e8ee;display:flex;flex-direction:column;gap:7px}.ex-nav button{border:0;background:transparent;padding:13px 16px;border-radius:10px;text-align:left;font:inherit;font-weight:600;color:#536675;cursor:pointer}.ex-nav button[aria-pressed=true]{background:#dceff1;color:#076678}.ex-nav p{font-size:12px;color:#697c8a;padding:12px;margin-top:auto}.ex-main{padding:30px;min-width:0}.ex-titlebar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.ex-titlebar h3{font-size:23px;margin:0}.ex-pill{background:#eeeafd;color:#63529d;padding:7px 12px;border-radius:30px;font-size:12px;font-weight:700;white-space:nowrap}.ex-columns{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px}.ex-card{border:1px solid #e0e7ee;border-radius:14px;padding:22px}.ex-card h4{margin:0 0 12px;font-size:17px}.ex-muted{color:#637584;font-size:14px;line-height:1.6}.ex-person{display:flex;align-items:center;gap:12px}.ex-person img{height:42px;width:42px;border-radius:50%;object-fit:cover}.ex-person span{display:block;font-size:12px;color:#62778a}.ex-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.ex-step{border:1px solid #d9e5e9;border-radius:9px;padding:9px 12px;font-size:12px;color:#617585;background:#f8fafc}.ex-step.is-done{background:#e4f5ee;color:#207554;border-color:#b6dfcb}.ex-step.is-current{background:#eeedff;color:#50488a;border-color:#b6b0de}.ex-message{margin:20px 0;padding:16px 18px;background:#eef6f7;border-radius:0 14px 14px 14px;max-width:420px;line-height:1.6}.ex-action{border:0;border-radius:9px;background:#0d7182;color:white;padding:12px 18px;font:inherit;font-weight:600;cursor:pointer}.ex-action:hover{background:#084e60}.ex-reset{border:0;background:none;color:#516b7a;cursor:pointer;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px}.ex-footer{border-top:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-size:12px;color:#607583}.ex-device{width:150px;max-height:140px;object-fit:contain;display:block;margin:12px auto}.ex-record{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ex-record dl{margin:18px 0 0}.ex-record dt{font-size:12px;color:#627686;margin-top:14px}.ex-record dd{margin:4px 0;font-weight:600}.ex-status{min-height:24px;margin:18px 0 0;color:#16705d;font-size:14px}.ex-main button:focus-visible,.ex-nav button:focus-visible,.ex-footer button:focus-visible{outline:3px solid #12aabe;outline-offset:4px}.ex-view{animation:ex-enter .25s ease-out}@keyframes ex-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1000px){.ex-columns{grid-template-columns:1fr}.ex-context{display:none}}@media(max-width:640px){.ex-section{padding:56px 0}.ex-layout{display:block}.ex-nav{flex-direction:row;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid #dfe8ec}.ex-nav button{padding:11px 13px;white-space:nowrap;font-size:13px;flex:1;text-align:center}.ex-nav p{display:none}.ex-bar{padding:16px}.ex-bar small{display:none}.ex-main{padding:20px 16px}.ex-titlebar{align-items:flex-start}.ex-titlebar h3{font-size:19px}.ex-card{padding:16px}.ex-record{grid-template-columns:1fr}.ex-footer{padding:16px;align-items:flex-start}.ex-list{gap:6px}.ex-step{font-size:11px;padding:7px}.ex-heading .h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.ex-view{animation:none}}