:root{--navy:#002043;--green:#66bc1d}*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,Arial,sans-serif;color:var(--navy);background:#f7f9f5}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}header img{display:block;height:auto}a{color:#245d18;text-underline-offset:4px}h1{font-size:clamp(32px,5vw,56px);line-height:1.15;letter-spacing:-1.5px}h2{line-height:1.2}.eyebrow{color:#39731b;font-weight:750;letter-spacing:2px}.notice{padding:18px;background:#e9f2e2;border-left:4px solid var(--green);font-size:15px}.demo{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.6fr);gap:32px;margin:42px 0}.settings{padding:24px;border:1px solid #d2ddcc;background:white}.settings label{display:block;margin-bottom:20px}.settings p{font-size:14px}select,button{font:inherit;min-height:48px;border-radius:7px}select{display:block;width:100%;padding:8px;background:white;color:var(--navy);border:1px solid #9aab93}button,.cta{display:block;padding:12px 18px;border:0;background:var(--green);color:#002043;font-weight:700;cursor:pointer;margin:12px 0}.secondary{background:#e5ecdf}.screen{padding:28px;background:#002043;color:white;min-height:430px;border-radius:20px;border:8px solid #1d354b;box-shadow:0 14px 30px #00204320}.screenbar{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#c4eab2}.screen h2{font-size:32px}.screen button{width:100%;text-align:left;display:flex;justify-content:space-between}.screen-note{font-size:13px;color:#c9d7e2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{background:white;border-top:3px solid var(--green);padding:24px}.cta{display:inline-block;text-decoration:none}footer{border-top:1px solid #d2ddcc;margin-top:40px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e6a90b;outline-offset:4px}[hidden]{display:none!important}@media(max-width:760px){.demo,.steps{grid-template-columns:1fr}.screen{padding:18px}.screen h2{font-size:27px}header img{width:145px}header a{font-size:14px}h1{letter-spacing:-.7px}}

.settings input{display:block;width:100%;padding:10px;font:inherit;border:1px solid #9aab93;border-radius:7px;min-height:48px}.screen{position:relative;overflow:hidden}.screen .screensaver{position:absolute;inset:0;margin:0;min-height:100%;border-radius:0;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 10% 20%,#276345,#002043 75%);color:white;gap:30px;z-index:1;overflow-wrap:anywhere}.saver-brand{font-size:13px;letter-spacing:4px;color:#b3e88d}#saver-headline{font-size:clamp(26px,4vw,44px);line-height:1.2;max-width:550px}.saver-subtitle{font-size:18px;font-weight:500}.saver-dots{letter-spacing:16px;color:#66bc1d;animation:saver-float 5s ease-in-out infinite}.screen .screensaver:focus-visible{outline:4px solid #e6a90b;outline-offset:-8px}@keyframes saver-float{50%{transform:translateY(12px);opacity:.5}}@media(prefers-reduced-motion:reduce){.saver-dots{animation:none}}