@font-face{font-family:Plex;src:url(body.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;color:#12283f;background:#fff;font-family:Plex,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{max-width:1200px;margin:auto;padding:0 38px}.header{display:flex;align-items:center;gap:34px;height:134px}.brand{margin-left:auto}.brand img{width:122px;height:107px;object-fit:contain}nav{display:flex;gap:25px;font-size:13px}nav a:hover{color:#6f7f8e}.portal-entry{display:flex;align-items:center;gap:10px;background:#142d47;color:white;padding:13px 20px;font-size:13px}.intro{border-top:1px solid #edf0f3;padding:26px 0 50px}.crumb{font-size:11px;color:#788490;margin-bottom:34px}.crumb span{margin:0 10px;color:#b5bec6}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}.eyebrow{font-size:11px;letter-spacing:.3px;color:#6d7d8b}h1{font-size:49px;line-height:1.35;font-weight:500;margin:12px 0 15px;letter-spacing:-1.5px}.intro p{font-size:17px;color:#5c6b79;line-height:1.95;margin:0}.intro-note{justify-self:end;padding-bottom:5px;max-width:300px}.intro-note p{font-size:13px;line-height:2.1}.line{display:block;width:45px;height:2px;background:#b5bec8;margin-bottom:17px}.workspace{background:#f3f5f7;padding:37px 0 35px;border-top:1px solid #e7ebee}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}h2{font-size:24px;font-weight:500;margin:6px 0 0}.draft-badge{font-size:11px;padding:6px 12px;border:1px solid #d9e0e6;color:#768594}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role{display:block;text-align:right;padding:25px 25px 0;background:#fff;color:#172f48;border:1px solid #dfe5ea;cursor:pointer;transition:background .2s,transform .2s}.role:hover{transform:translateY(-3px)}.role.active{background:#172f48;color:#fff;border-color:#172f48}.role-top{display:flex;justify-content:space-between;align-items:center}.icon{font-size:25px;line-height:1;color:#8394a4;font-family:Arial}.role-number{font-size:12px;letter-spacing:1px;opacity:.5}.role h3{font-size:23px;font-weight:500;margin:22px 0 10px}.role p{font-size:12px;line-height:1.9;color:#6b7b89;margin:0 0 25px}.role.active p{color:#c5d0da}.role-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e9ed;padding:15px 0;font-size:12px}.active .role-bottom{border-color:#42566a}.role-bottom span{font-size:20px}.access{display:grid;grid-template-columns:1fr 1.15fr;background:white;border:1px solid #e0e6eb;padding:30px;margin-top:25px;gap:55px;align-items:center}.access h2{font-size:22px}.access-copy>p{font-size:12px;color:#697a88;line-height:1.9}.access-note{display:flex;gap:9px;align-items:flex-start;margin-top:19px;max-width:310px}.access-note>span{color:#8a9ba8;margin-top:7px}.access-note p{font-size:11px;line-height:1.9;color:#7c8995;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:12px;display:block}input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #dce3e8;background:#fafbfc;font-size:12px;opacity:1;color:#697b8b}input::placeholder{color:#a0abb5}.login-button{display:flex;justify-content:space-between;width:100%;border:0;background:#1b354f;color:white;padding:11px 16px;margin-top:17px;font-size:13px;opacity:.6;cursor:not-allowed}.preview-note{font-size:10px;color:#8b97a2;text-align:center;margin:12px 0 0}.client-soon{border-right:2px solid #bac6d1;padding:0 24px}.client-soon span{font-size:11px;color:#7b8c99}.client-soon h3{font-size:26px;font-weight:500;margin:8px 0}.client-soon p{font-size:12px;line-height:1.9;color:#6b7b89}.client-soon a{font-size:12px}.support{display:flex;justify-content:space-between;margin-top:22px;align-items:center}.support p,.support a{font-size:11px;color:#798793}.support a{direction:ltr}footer{padding:24px 0}footer .shell{display:flex;gap:25px;align-items:center;justify-content:space-between}footer strong{font-size:12px;font-weight:500}footer span,footer a{font-size:10px;color:#82909b}button:focus-visible,a:focus-visible{outline:3px solid #6a90b0;outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){.shell{padding:0 22px}.header{height:112px;gap:20px}.brand img{width:100px;height:90px}nav{display:none}.portal-entry{font-size:12px;padding:11px 15px}.intro{padding-bottom:32px}.crumb{margin-bottom:25px}.intro-grid{grid-template-columns:1fr;gap:24px}.intro-note{display:none}h1{font-size:37px}.intro p{font-size:14px}.desktop{display:none}.workspace{padding-top:27px}.roles{grid-template-columns:1fr;gap:12px}.role{padding:20px 20px 0}.role h3{margin-top:12px;font-size:21px}.role p{margin-bottom:15px}.section-top h2{font-size:21px}.access{grid-template-columns:1fr;gap:25px;padding:23px}.form-grid{grid-template-columns:1fr}.support{align-items:flex-start;gap:10px;flex-direction:column}.support p{margin-bottom:0}footer .shell{align-items:flex-start;flex-direction:column;gap:10px}.draft-badge{font-size:9px;padding:5px 8px}}
/* Refined portal presentation */
.header{height:128px}.brand img{width:132px;height:112px}.portal-entry{border:1px solid #172f48;border-radius:3px}.portal-entry svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;vertical-align:middle}.intro{padding-bottom:47px}.intro-grid{gap:100px}h1{font-size:52px;letter-spacing:-1.2px;margin-top:14px}.intro p{font-size:16px}.intro-note p{font-size:12px}.line{background:#9cabb9}.workspace{background:#f5f6f8;padding-top:34px}.section-top{margin-bottom:25px}.section-top h2{font-size:27px}.roles{gap:20px}.role{position:relative;border-radius:4px;padding:27px 27px 0;min-height:260px;box-shadow:0 2px 8px #18304903;overflow:hidden}.role.active{background:linear-gradient(125deg,#203d5b,#122a43);box-shadow:0 12px 25px #142e4814}.role.active:before{content:"";position:absolute;top:0;right:27px;width:36px;height:3px;background:#aebbc7}.role h3{margin-top:25px;font-size:24px}.role p{font-size:12px;line-height:2;margin-bottom:26px}.role-number{font-size:11px;color:#98a8b6;opacity:1}.icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px}.icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.active .icon{color:#c1cbd4}.role-bottom{font-size:11px;padding:16px 0}.access{border-radius:4px;margin-top:28px;padding:32px;gap:65px;grid-template-columns:1fr 1.07fr}.access-copy>p{max-width:340px;line-height:2}.access h2{font-size:24px}.access-note{border-top:1px solid #e9edf0;padding-top:14px;margin-top:16px;max-width:335px}.access-note p{font-size:10px}.form-grid{gap:18px}input{border-radius:3px;padding:14px}.login-button{border-radius:3px;opacity:.65;padding:13px 16px}.support{justify-content:center;gap:16px;margin-top:25px}.support p{color:#6a7c8a}.support a{border-bottom:1px solid #cad3da;padding-bottom:3px}footer{padding:25px 0}.draft-badge{background:#fff;border-radius:2px}.role:hover{border-color:#a6b4c1;box-shadow:0 8px 18px #122c4409}.role.active:hover{border-color:#172f48}@media(max-width:800px){.header{height:110px}.brand img{width:108px;height:92px}.intro-grid{gap:20px}h1{font-size:38px}.intro p{font-size:14px}.intro{padding-bottom:32px}.role{min-height:0;padding:21px 23px 0}.role h3{margin-top:15px;font-size:22px}.role p{margin-bottom:20px}.access{padding:24px;gap:20px;grid-template-columns:1fr}.support{align-items:center;gap:8px}.access h2{font-size:22px}}

/* Compact role choices */
.role{min-height:205px}.role h3{margin-bottom:28px}@media(max-width:800px){.role{min-height:0}.role h3{margin-bottom:22px}}