*,*::before,*::after{box-sizing:border-box;margin:0}
:root{--bg:#edf2f4;--t2:#343a40;--t3:#495057}
html{font-family:Inter,sans-serif;line-height:1.5}
body{background:var(--bg);color:#212529}
a{color:inherit;text-decoration:none}
.ic{width:1.9rem;height:1.9rem;flex:none}
.top{position:fixed;inset:0 0 auto 0;height:10vh;z-index:50;background:var(--bg);box-shadow:0 1px 3px #0001;display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center}
.top p{display:flex;gap:1rem;align-items:center}
.side{display:none;position:fixed;left:0;top:10vh;width:20vw;height:90vh;background:var(--bg);box-shadow:0 1px 3px #0001;padding:.75rem;flex-direction:column;justify-content:space-evenly;color:var(--t2);font-weight:500}
.side a{display:flex;align-items:center;gap:1rem;padding:.25rem;border-radius:.375rem;transition:.2s}
.side a .ic{width:2.5rem;height:2.5rem}
.side a:hover{box-shadow:0 1px 3px #6c757d}
.side a.active{padding:.5rem;box-shadow:0 1px 3px #6c757d;transform:scale(1.05)}
.bottom{position:fixed;inset:auto 0 0 0;z-index:50;background:var(--bg);border-top:1px solid #adb5bd;display:flex;justify-content:space-around;padding:.75rem;color:var(--t2)}
.bottom a.active{box-shadow:0 1px 3px #6c757d;border-radius:.375rem;padding:.25rem}
main{margin-top:10vh;padding:2rem .5rem 5rem;min-height:100vh}
h1{text-align:center;font-weight:600;font-size:1.875rem;text-transform:capitalize;margin:1.5rem .25rem}
h1.big{margin-top:1rem}
h2{text-align:center;font-weight:500;font-size:1.5rem;text-transform:capitalize;margin:1rem .25rem}
section{padding:.5rem}
section p,.copy p{color:var(--t2);font-size:1.25rem;line-height:1.375;margin:1rem 0 2rem}
.dl{display:flex;flex-direction:column;gap:1rem;margin:.5rem;padding:.5rem}
.field{border:1px solid #3b82f6;border-radius:.5rem;box-shadow:0 4px 6px -1px #0001}
.field input{width:100%;height:8vh;border:0;background:transparent;font-size:.875rem;padding:1rem;outline:none}
.dl button{align-self:center;width:100%;padding:.75rem;font-weight:600;font-size:1.125rem;background:#06b6d4;color:#fff;border:0;border-radius:9999px;box-shadow:0 1px 2px #0000000d;cursor:pointer}
.dl button:hover{background:#0e7490}
.dl input:focus-visible,.dl button:focus-visible{outline:2px solid #0e7490;outline-offset:2px}
.steps{list-style:disc;margin-left:1.25rem;color:var(--t2);font-weight:500}
.steps li{margin:1.25rem 0}
.steps small{display:block;color:var(--t3);margin-top:.5rem;font-weight:400}
.u{border-bottom:1px solid #2563eb;font-weight:700;text-transform:uppercase}
.faq{list-style:decimal;padding:1rem;font-size:1.125rem}
.faq li{margin:2.5rem 0}
.faq p{margin:0;font-size:inherit}
.faq .q{color:var(--t3);font-weight:600}
.blue{color:#3b82f6}.blue:hover{text-decoration:underline}
@media (min-width:768px){
 .side{display:flex}.bottom{display:none}
 main{margin-left:20vw;padding-bottom:2rem}
 h1{font-size:3rem;line-height:1}
 h2{font-size:2.25rem}
 .dl button{width:50%}
 .faq{font-size:1.25rem}
}