:root{
  --bg:#f5f7f9;--surface:#fff;--ink:#17212b;--muted:#687580;
  --line:#dfe5e9;--accent:#1769aa;--accent2:#0d8b76;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
body{background:var(--bg)}
a{text-decoration:none;color:inherit}
.page{width:min(1180px,94vw);min-height:100vh;margin:auto;display:flex;flex-direction:column}
.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750;letter-spacing:-.3px}
.brand-mark{width:34px;height:34px;border-radius:9px;background:#17212b;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}
.status i{width:7px;height:7px;border-radius:50%;background:#2b9d7e}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 0 22px}
.intro{text-align:center;margin-bottom:25px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 9px}
h1{font-size:clamp(32px,4.5vw,52px);line-height:.98;letter-spacing:-2.5px;margin:0}
h1 span{color:#71808c}
.lead{max-width:610px;margin:12px auto 0;color:var(--muted);font-size:14px;line-height:1.5}
.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.app-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px;min-height:175px;display:flex;flex-direction:column;transition:.18s ease;box-shadow:0 5px 18px rgba(22,34,44,.035)}
.app-card:hover{transform:translateY(-3px);border-color:#bcc8cf;box-shadow:0 12px 28px rgba(22,34,44,.08)}
.icon{width:34px;height:34px;border-radius:9px;background:#edf3f7;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--accent);margin-bottom:18px}
.policy .icon{color:#0d806e;background:#eaf6f3}
.pdf .icon{color:#8a5b19;background:#fbf3e5}
.card-body{padding-right:22px}
h2{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}
.card-body p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.arrow{position:absolute;right:19px;bottom:17px;font-size:20px;color:#a2adb5}
.quick{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:20px;font-size:11px}
.quick span{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#98a3ab}
.quick a{color:#53616b}
.quick a:hover{color:var(--accent)}
footer{height:45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a959d}
@media(max-width:760px){
  .page{width:min(92vw,560px)}
  .topbar{height:58px}.status{display:none}
  main{padding:22px 0}
  .intro{text-align:left;margin-bottom:18px}
  h1{font-size:38px}
  .lead{font-size:13px;margin-left:0}
  .apps{grid-template-columns:1fr;gap:9px}
  .app-card{min-height:112px;padding:15px}
  .icon{margin-bottom:11px;width:30px;height:30px}
  h2{font-size:15px}.card-body p{font-size:11px}
  .quick{gap:12px;flex-wrap:wrap}
}