body{margin:0}details,main{display:block}h1{font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*,::after,::before{box-sizing:inherit}html{-webkit-text-size-adjust:100%;--fg:#325;--bg:#f9efe7;--darkbg:#f4964d;--darkbgaa:#a4460d;color:#325;color:var(--fg);background:#f9efe7;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5;max-width:66rem;margin:0 auto;font-size:1rem;box-sizing:border-box}html::before{content:" ";position:absolute;left:50%;top:-40%;width:64rem;height:64rem;max-width:calc(100vw - 4rem);max-height:calc(100vw - 4rem);background:url(images/bg.svg) center/contain no-repeat;z-index:-1;transform:translateX(-50%);opacity:.5}h1,h2,h3,h4{margin:0}p{margin:0 0 1rem}a:focus,a:hover{text-decoration:none;color:#a4460d;color:var(--darkbgaa)}section{padding:0 1rem}.button{display:inline-block;line-height:2.5;border-radius:8px;padding:0 1rem;background:#a4460d;background:var(--darkbgaa);color:#f9efe7;color:var(--bg);font-weight:700;text-decoration:none}.button:focus,.button:hover{background:#325;background:var(--fg);color:#f9efe7;color:var(--bg)}.button svg{width:24px;height:24px;vertical-align:middle}.button.inverse{background:#325;background:var(--fg)}.button.inverse:focus,.button.inverse:hover{background:#a4460d;background:var(--darkbgaa);color:#f9efe7;color:var(--bg)}header{padding:2rem 1rem;font-weight:400;display:flex;justify-content:space-between;background:linear-gradient(to bottom,#f9efe7,rgba(249,239,231,0));flex-direction:column;grid-gap:1rem;gap:1rem}@media (min-width:36rem){header{flex-direction:row}}header h1{font-size:1rem;font-weight:400}header h1 a{text-decoration:none}header h1 a:hover{text-decoration:underline}header ul{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-start;grid-gap:1rem;gap:1rem}header ul span{opacity:.66}header svg{vertical-align:middle}.fixcontrast{align-items:center;display:flex;flex-direction:column}@media (min-width:60rem){.fixcontrast{flex-direction:row}}.fixcontrast div{flex:1 1 50%}.fixcontrast div:last-child>*{max-width:92%}.fixcontrast div:first-child>*{max-width:370px}.fixcontrast div ul{max-width:370px;list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.fixcontrast div ul li a,.fixcontrast div ul li>span{position:relative;display:grid;text-align:center;width:94px;background:rgba(244,150,77,.13333);padding:5px;border-radius:10px;text-decoration:none;font-weight:700;border:4px solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fixcontrast div ul li a:focus,.fixcontrast div ul li a:hover,.fixcontrast div ul li>span:focus,.fixcontrast div ul li>span:hover{border-color:#325;border-color:var(--fg)}.fixcontrast div ul li a img,.fixcontrast div ul li a svg,.fixcontrast div ul li>span img,.fixcontrast div ul li>span svg{margin:0 auto;width:48px;height:48px}.fixcontrast div ul li.soon a,.fixcontrast div ul li.soon>span{pointer-events:none}.fixcontrast div ul li.soon a .soon,.fixcontrast div ul li.soon>span .soon{content:"soon";position:absolute;bottom:4px;left:4px;right:4px;font-weight:700;background:#a4460d;background:var(--darkbgaa);border-radius:5px;color:#f9efe7;color:var(--bg);z-index:1;padding:.25rem .5rem;line-height:1}.fixcontrast svg#logo{width:48px;vertical-align:middle}.fixcontrast h2{font-weight:700;font-size:2rem}.fixcontrast p{margin:0 0 1rem;font-size:1.25rem}.fixcontrast .button{font-size:1.25rem;background:#325;background:var(--fg);color:#f9efe7;color:var(--bg);display:inline-block;line-height:2.5;padding:0 .25rem;border-radius:.5rem;margin-bottom:1rem;text-decoration:none;width:100%;max-width:370px;text-align:center;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07)}.fixcontrast .button:focus,.fixcontrast .button:hover{background:#a4460d;background:var(--darkbgaa)}.fixcontrast .button img,.fixcontrast .button svg{vertical-align:middle;height:32px;width:32px;display:inline-block;transform:translateY(-3px)}.fixcontrast .translate{margin:1rem 0 0;max-width:370px;font-size:.9em;background:rgba(244,150,77,.13333);padding:10px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fixcontrast .graphic{position:relative;flex:1 1 50%;width:0}@media (min-width:30rem){section{padding:0 2rem}header{padding:2rem}.fixcontrast .graphic{width:480px;height:450px}}.fixcontrast .graphic svg{width:100%;height:100%}.fixcontrast .graphic img{position:absolute;top:100px;left:90px;width:300px;border-radius:10px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07)}.usage{padding-top:6rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column;grid-gap:5rem;gap:5rem;overflow-x:hidden}@media (min-width:60rem){.usage{align-items:flex-start;flex-direction:row;grid-gap:1rem;gap:1rem}}.usage div{flex:1 0 25%;max-width:210px;display:grid}.usage div .imgcontainer{z-index:0;position:relative}.usage div .imgcontainer svg{z-index:0;width:240%;height:240%;position:absolute;left:-75%;top:-80%}.usage div img{position:relative;z-index:1;background:#a4460d;background:var(--darkbgaa);border-radius:10px;width:100%;aspect-ratio:16/9;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05)}.usage div h3{position:relative;line-height:1.25;margin-top:3rem;margin-bottom:.5rem}.usage div h3 i{vertical-align:middle;background:#325;background:var(--fg);color:#f9efe7;color:var(--bg);line-height:1;padding:.25rem;border-radius:.25rem;font-style:normal;font-size:.875rem}.fact{position:relative;z-index:1;margin-top:4rem;padding:0 2rem;text-align:center}.fact h2{margin:0 0 1rem;padding:0}.fact p{margin:0}.fact h2 span{position:relative;display:inline-block;color:#000}.fact h2 span::before{content:" ";width:108%;left:-4%;height:100%;background:#fff;position:absolute;z-index:-1;transform:skewX(-20deg);border-radius:10px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.02),0 6.7px 5.3px rgba(0,0,0,.028),0 12.5px 10px rgba(0,0,0,.035),0 22.3px 17.9px rgba(0,0,0,.042),0 41.8px 33.4px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07)}.demo{position:relative;z-index:1;margin-top:4rem;padding:0 1rem;text-align:center}.demo h3{font-size:1.75rem;margin:0;padding:0}.demo p{margin:0 auto;padding:0 1rem 1rem;max-width:40rem}.demo .contrastissue{font-size:19px;background:#fff;color:#bbb;padding:1rem;border-radius:1rem;max-width:26rem;margin:1rem auto}.demo .contrastissue[data-contrast=aa]{color:#767676}.demo .contrastissue[data-contrast=aa] span{display:none}.demo .contrastissue[data-contrast=aaa]{color:#595959}.demo .contrastissue[data-contrast=aaa] span{display:none}.demo fieldset{margin:0;padding:0;border:0}.demo legend{width:100%;font-weight:700;margin-top:1rem;margin-bottom:.5rem}.demo label{border:2px solid;display:inline-block;border-radius:5px;margin:0 .25rem;padding:2px .33rem}.twocol{margin-top:6rem;display:flex;justify-content:space-between;grid-gap:2rem;gap:2rem;flex-wrap:wrap}.twocol div{flex:1 1 calc(50% - 1rem);min-width:260px;background:rgba(244,150,77,.13333);padding:1rem;border-radius:10px}.twocol div.polypane{background:linear-gradient(135deg,#2c82ad,#37823f) #37823f;color:#fff}.form{text-align:center;margin-top:6rem;padding:0 2rem}.form form{margin:2rem auto 0;text-align:left;max-width:30rem}.form form fieldset{padding:0;border:0;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.form form fieldset legend{font-weight:700;margin-bottom:1rem}.form form fieldset>input{width:100%;border:2px solid #325;border:2px solid var(--fg);line-height:2;border-radius:8px;outline-color:#325;outline-color:var(--fg);outline-offset:4px;padding:0 10px}.form form fieldset .consent{font-size:.875rem;display:flex;align-items:flex-start;grid-gap:0.5rem;gap:.5rem}.form form fieldset .consent input{align-self:flex-start;vertical-align:top;flex:0 0 13px;margin-top:.2rem}.form form fieldset button{white-space:nowrap;border:0}.form form fieldset .block{padding:1rem 0;align-items:flex-start;grid-gap:1rem;gap:1rem;display:flex}.form svg{vertical-align:middle}footer{max-width:25rem;margin:2rem auto;text-align:center;line-height:2;border-top:3px solid #325;border-top:3px solid var(--fg)}