@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color:#17282c;font-synthesis:none;background:#f4f6f5;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:4px;outline:3px solid #d95d32}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{background:#fff;border-bottom:1px solid #d9e0de;justify-content:space-between;align-items:center;gap:24px;padding:26px max(32px,50vw - 600px);display:flex}.brand{align-items:center;gap:13px;display:inline-flex}.brand-symbol{color:#fff;background:#173e48;place-items:center;width:48px;height:48px;display:grid}.brand-name{letter-spacing:.045em;gap:2px;font:700 25px/1 Barlow Condensed,Impact,sans-serif;display:grid}.brand-name strong{font-weight:800}.brand-name small{letter-spacing:.19em;color:#728185;font:700 10px/1.2 Inter,Arial,sans-serif}.header-help{text-align:right;gap:3px;display:grid}.header-help span{color:#718186;font-size:12px}.header-help strong{font-size:15px}.page{flex:1;width:min(100% - 64px,1200px);margin:0 auto;padding:clamp(64px,9vw,118px) 0 44px}.intro{max-width:750px;margin-bottom:43px}.eyebrow{color:#a84d2e;letter-spacing:.2em;align-items:center;gap:11px;margin:0 0 22px;font-size:12px;font-weight:800;display:flex}.eyebrow span{background:currentColor;width:29px;height:2px}h1,h2{text-transform:uppercase;font-family:Barlow Condensed,Impact,sans-serif}h1{letter-spacing:-.025em;max-width:780px;margin:0;font-size:clamp(58px,7.7vw,104px);font-weight:700;line-height:.91}.intro>p:last-child{color:#657478;margin:24px 0 0;font-size:17px;line-height:1.55}.access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.access-card{border:1px solid #d7dfdc;flex-direction:column;min-height:410px;padding:clamp(28px,3.3vw,44px);display:flex}.customer{background:#fff}.employee{color:#fff;background:#163942;border-color:#163942}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.card-number{color:#6e7e81;letter-spacing:.18em;font-size:11px;font-weight:800}.employee .card-number{color:#a6c1c4}.card-icon{border:1px solid #d6dfdc;place-items:center;width:48px;height:48px;display:grid}.employee .card-icon{color:#c0d7da;border-color:#70939a}.card-content{margin:43px 0 28px}.status{color:#a84d2e;letter-spacing:.15em;font-size:11px;font-weight:800}.status.live{color:#9dd2cf}h2{letter-spacing:-.015em;margin:12px 0 13px;font-size:clamp(42px,4vw,60px);line-height:.95}.card-content p{color:#637478;max-width:440px;margin:0;font-size:16px;line-height:1.65}.employee .card-content p{color:#c6d7da}.card-bottom{gap:16px;margin-top:auto;display:grid}.card-action{justify-content:space-between;align-items:center;gap:20px;min-height:59px;padding:15px 19px;font-size:15px;font-weight:800;transition:transform .18s,background .18s;display:flex}.card-action:hover{transform:translateY(-2px)}.light-action{color:#173e48;background:#e9efed}.light-action:hover{background:#dbe6e2}.dark-action{color:#173e48;background:#fff}.dark-action:hover{background:#e8f2f0}.secondary-link{color:#536b70;align-items:center;gap:8px;width:fit-content;font-size:13px;font-weight:700;display:inline-flex}.secondary-link:hover,.page-bottom a:hover{text-decoration:underline}.card-note{color:#a8c4c8;min-height:17px;margin:0;font-size:12px}.page-bottom{color:#738285;letter-spacing:.13em;justify-content:space-between;gap:24px;margin-top:42px;font-size:11px;font-weight:700;display:flex}.page-bottom a{color:#31535b;align-items:center;gap:5px;display:inline-flex}.separator{color:#ba8a79;padding:0 8px}.site-footer{color:#718186;border-top:1px solid #d9e0de;justify-content:space-between;gap:20px;padding:23px max(32px,50vw - 600px);font-size:11px;display:flex}@media (width<=740px){.site-header{padding:20px 24px}.page{width:min(100% - 48px,560px);padding-top:70px}.access-grid{grid-template-columns:1fr}.access-card{min-height:360px}.card-content{margin-top:34px}.site-footer{padding:22px 24px}}@media (width<=480px){.site-header{padding:18px 20px}.brand-symbol{width:42px;height:42px}.brand-name{font-size:21px}.brand-name small{font-size:8px}.header-help span{display:none}.header-help strong{font-size:12px}.page{width:calc(100% - 40px);padding-top:55px}.intro{margin-bottom:32px}h1{font-size:clamp(54px,16vw,75px)}.intro>p:last-child{font-size:16px}.access-card{min-height:360px;padding:26px}.page-bottom,.site-footer{flex-direction:column;gap:11px}.page-bottom{margin-top:33px}.site-footer{padding:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-action{transition:none}}