:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#143d30;background:#edf1e8;font-size:18px;--scale:1}*{box-sizing:border-box}body{margin:0;font-size:calc(1rem * var(--scale))}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid #123c69;outline-offset:3px}.app{max-width:760px;margin:auto;background:#fffdf3;min-height:100dvh;padding-bottom:85px;box-shadow:0 0 60px #183e3010}header{min-height:235px;background:linear-gradient(#fffdf3c7,#fffdf310),url('assets/landscape.svg') center bottom/cover;padding:24px 16px;text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:10px}.brand img{width:70px;border-radius:18px;box-shadow:0 2px 12px #16452d30}h1{font-size:clamp(1.55rem,6.8vw,2.6rem);letter-spacing:-1.8px;margin:0;font-weight:850}.by{margin:0;font-size:1rem;font-weight:700}.motto{font-size:.75em;margin:9px 0;font-weight:600}.utility{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:8px;font-size:.72em}.utility button{background:none;border:0;color:#234c3d;min-height:44px}.demo{background:#e8efdf;padding:7px 10px;border-radius:20px}main{padding:10px 18px 24px}h2{font-size:1.5em;margin:8px 0 12px}h3{font-size:1.1em}p{line-height:1.5}.intro{margin-top:0;color:#536655;font-size:.88em}.tiles{display:grid;gap:13px}.tile{border:1px solid #ffffff70;border-radius:16px;color:white;min-height:106px;padding:20px;display:flex;align-items:center;gap:18px;text-align:left;box-shadow:0 5px 10px #19391e1b;background:linear-gradient(145deg,var(--light),var(--dark))}.tile .icon{width:48px;height:48px;flex-shrink:0}.tile strong{display:block;font-size:1.13em}.tile small{display:block;margin-top:4px;font-size:.72em;font-weight:400}.standard{grid-template-columns:1fr 1fr}.standard .tile{flex-direction:column;text-align:center;gap:8px;padding:17px 8px;min-height:155px}.standard .tile strong{font-size:.95em}.green{--light:#81b94b;--dark:#39782b}.blue{--light:#27bce5;--dark:#0073b3}.orange{--light:#ffb42b;--dark:#d97508}.purple{--light:#b562de;--dark:#6b29ac}.red{--light:#ff6964;--dark:#c63440}.gray{--light:#a0aaa4;--dark:#59675f}footer{text-align:center;color:#275d45;padding:2px 0 25px}footer svg{display:block;width:130px;height:25px;margin:auto}footer strong{font-size:1em}footer strong span{font-weight:400}footer small{display:block;font-size:.55em;letter-spacing:1px;margin-top:5px}nav{position:fixed;bottom:0;width:100%;max-width:760px;display:flex;justify-content:space-around;background:#fffdf3f5;border-top:1px solid #d4dfcc;padding:7px 0 max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(12px);z-index:2}nav button{color:#214d3d;background:none;border:0;min-width:60px;min-height:52px;font-size:1.5rem}nav span{display:block;font-size:.65rem}nav button[aria-current="page"]{background:#e9f0df;border-radius:12px}.back{border:0;background:none;color:#245942;padding:10px 0;margin-bottom:12px;min-height:44px}.card{background:white;border:1px solid #dce4d5;border-radius:15px;padding:18px;margin:12px 0;box-shadow:0 3px 8px #173d3006}.notice{background:#f7edcf;border-left:4px solid #dca53e;border-radius:8px;padding:12px;font-size:.8em;line-height:1.5}.primary,.secondary{border-radius:12px;min-height:52px;padding:13px 18px;margin:8px 5px 0 0}.primary{background:#286843;color:white;border:0;font-weight:650}.secondary{background:#f4f7ee;color:#28553e;border:1px solid #ccd9c3}.choices{display:grid;gap:10px}.choice{background:white;text-align:left;color:#234d38;border:2px solid #dce5d5;border-radius:12px;padding:16px;min-height:58px}.choice[aria-pressed="true"]{border-color:#2a7648;background:#e7f3df}.steps{display:flex;gap:6px;margin:4px 0 20px}.steps span{flex:1;height:6px;border-radius:5px;background:#dce4d4}.steps .active{background:#448641}label{display:block;margin:18px 0 8px;font-weight:650}select{width:100%;padding:14px;border:1px solid #abbba6;border-radius:10px;background:white;color:#153f2f}.status{display:inline-block;background:#e5efdb;color:#315b29;border-radius:20px;font-size:.7em;padding:6px 10px}ol{padding-left:25px}li{margin:15px 0;line-height:1.6}.muted{color:#63715d;font-size:.8em}.toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 20px;background:#153e30;color:white;border-radius:12px;z-index:5}.contrast{filter:contrast(1.25)}@media(min-width:600px){header{min-height:265px}main{padding-inline:36px}.tile{min-height:115px}}@media(prefers-reduced-motion:no-preference){.tile{transition:transform .15s}.tile:hover{transform:translateY(-2px)}}
.brand>div{min-width:0}.brand img{width:clamp(48px,14vw,70px);flex-shrink:0}.brand h1{font-size:clamp(1.3rem,6.4vw,2.6rem)}.standard{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-width:0;overflow-wrap:anywhere}.tile span{min-width:0}.utility{flex-wrap:wrap}