:root{--cx-page-width-max: 1000px;--container-padding: max(calc((100vw - var(--cx-page-width-max)) / 2), 20px);--color-primary: color(display-p3 .38 .647 .378);--color-secondary: color(display-p3 .467 .49 .458)}::selection{background:var(--color-primary);color:#fff}body{margin:0;font-family:Open Sans,sans-serif;color:var(--color-secondary)}h1.display{text-wrap:balance;font-size:min(10vw,6rem);font-weight:800;line-height:1;margin:0}h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:var(--color-secondary)}p{line-height:1.6;margin:1rem 0}ul{line-height:1.6;margin:1rem 0;padding-left:1.5rem}li{margin:.5rem 0}a{text-decoration:none;color:var(--color-primary);&[href]:not(.button):hover{text-decoration:underline;text-underline-offset:4px}&.button{display:inline-block;padding:8px 16px;border-radius:8px;border:solid 1px var(--color-primary);color:var(--color-primary);transition:all .2s ease;&:hover{background-color:#eceeec;color:#2f7c57}}&.button.primary{background-color:var(--color-primary);color:#fff;&:hover{background-color:#2f7c57;border-color:#2f7c57}}}a:not([href]){cursor:default;opacity:.5}main{box-sizing:border-box;min-height:calc(100vh - 356px)}footer{display:grid;gap:20px;margin-block-start:40px;background:#eceeec;padding-block-start:40px;a{color:#fff}}footer img{height:60px;place-self:center;margin-block-end:10px;max-width:calc(100vw - (2 * var(--container-padding)))}footer .legal{display:flex;flex-wrap:wrap;gap:8px 32px;padding-block:11px 10px;min-height:40px;box-sizing:border-box;padding-inline:var(--container-padding);background:var(--color-secondary);color:#fff;align-items:center;font-size:.875rem}footer .legal :first-child{margin-inline-end:auto}@media (max-width: 768px){footer .legal :first-child{flex:100%}}header{display:grid;gap:20px;margin-block-end:20px}header .top{height:40px;background:var(--color-secondary);a{color:#fff}}header section{padding-inline:var(--container-padding)}header .body{display:flex;gap:16px;align-items:end;flex-wrap:wrap;:first-child{margin-inline-end:auto}@media (max-width: 768px){justify-content:center;:first-child{margin-inline-end:0;order:-1;width:100%;text-align:center}}img{height:100px;max-width:calc(100vw - (2 * var(--container-padding)))}}