:root{--g:#123b32;--g2:#245e4a;--lime:#d0f09a;--ink:#18342b;--muted:#687a70;--line:#e1e9e2;--cream:#f6f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font:15px/1.6 Arial,sans-serif}.topline{text-align:center;background:#e8f4e8;color:#285e49;padding:7px;font-size:12px;font-weight:bold}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:white;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--g)}.brand b{display:block;font-size:19px}.brand small{display:block;font-size:9px;color:#71847a}.mark{display:grid;place-items:center;background:var(--g);color:var(--lime);width:40px;height:40px;border-radius:12px;font-size:26px;font-weight:bold}nav{display:flex;align-items:center;gap:22px}nav a{color:#50655a;text-decoration:none;font-size:13px;font-weight:bold}button,.cta{cursor:pointer;border:0;border-radius:9px;padding:12px 16px;font-weight:bold;font-size:12px}nav button,#account{background:var(--g);color:white}.hero{background:var(--g);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:25px;padding:70px 8% 82px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--lime)}.eyebrow.dark{color:#62866d}.hero h1{font-size:clamp(40px,5vw,60px);line-height:1.05;letter-spacing:-2px;margin:20px 0}.hero em,.safety em{font-style:normal;color:var(--lime)}.hero p{max-width:470px;color:#d0ddd6;line-height:1.9}.cta{display:inline-block;background:var(--lime);color:var(--g);text-decoration:none;margin:12px 8px 0 0}.ghost{background:transparent;border:1px solid #ffffff70;color:white}.trust{margin-top:23px;font-size:11px;color:#c4d5cc}.hero-art{min-height:320px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:320px;height:320px;border:1px solid #b8dcae44;border-radius:50%}.paper{position:absolute;width:245px;height:230px;border-radius:18px;padding:25px;box-shadow:0 20px 60px #001b1240}.paper-back{background:#f0f5e9;color:var(--g);transform:rotate(8deg) translate(20px,-3px);font-size:9px;font-weight:bold;letter-spacing:2px}.line{height:7px;background:#d7e4d4;border-radius:8px;margin-top:22px}.line.short{width:55%}.paper-back span{float:right;margin-top:32px;background:#d5efa9;padding:10px;border-radius:50%}.paper-front{background:white;color:var(--g);transform:rotate(-5deg) translate(-12px,8px)}.paper-front small{font-size:9px;letter-spacing:2px;color:#668077}.paper-front h2{font-size:24px;line-height:1.2;margin:25px 0}.progress{height:5px;background:#e8eee7;border-radius:5px}.progress:after{content:"";display:block;width:72%;height:5px;background:#8dbf66;border-radius:5px}.paper-front footer{font-size:9px;color:#738379;margin-top:14px}.badge{position:absolute;bottom:0;right:0;background:white;color:var(--g);padding:12px;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:19px}.badge small{display:block;font-size:9px;color:var(--muted)}.section{padding:70px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2,.safety h2,.about h2{font-size:clamp(28px,4vw,40px);letter-spacing:-1px;line-height:1.12;margin:10px 0}.section p,.safety p,.about p{color:var(--muted);font-size:13px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;padding:15px;background:#f7f9f5;border:1px solid var(--line);border-radius:13px;margin:25px 0 14px}.filters input,.filters select{width:100%;min-width:0;padding:13px 10px;border:1px solid #dbe4dc;border-radius:8px;background:white;color:var(--ink);font-size:12px}.notice{display:flex;gap:10px;background:#fff6e7;color:#715d40;border:1px solid #f3e3c5;padding:13px;border-radius:9px;font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.card{border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;flex-direction:column;min-height:245px}.card-head{display:flex;justify-content:space-between;gap:8px}.ico{display:grid;place-items:center;background:#e7f3e4;color:#316848;width:38px;height:38px;border-radius:10px}.tag{background:#eef3e9;color:#4b714e;border-radius:6px;padding:5px 7px;font-size:9px;font-weight:bold;height:max-content}.tag.loan{background:#fff0dc;color:#8a5b22}.tag.info{background:#edf0ef;color:#5b6c62}.card h3{font-size:15px;line-height:1.4;margin:15px 0 7px}.card p{font-size:11px;line-height:1.7;margin:0 0 12px}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.chips span{border:1px solid var(--line);padding:4px 6px;border-radius:5px;font-size:9px;color:var(--muted)}.card-foot{border-top:1px solid #edf1ed;padding-top:12px;margin-top:auto;display:flex;justify-content:space-between;gap:8px;font-size:10px}.card-foot a{color:var(--g2);font-weight:bold}.tinted{background:var(--cream)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px}.categories button{background:white;border:1px solid var(--line);text-align:left;display:flex;flex-direction:column;gap:9px;padding:20px;min-height:140px;color:var(--g);font-size:20px}.categories b{font-size:13px}.categories small{font-size:10px;color:var(--muted)}.safety{padding:70px 8%;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:50px}.shield{width:150px;height:170px;display:grid;place-items:center;background:#e6f3dd;clip-path:polygon(50% 0,93% 17%,87% 69%,50% 100%,13% 69%,7% 17%);color:var(--g);font-size:55px;justify-self:center}.safety ul{padding-left:20px;color:#50675b;font-size:12px;line-height:2}.about{background:var(--g);color:white;padding:42px 7%;margin:0 6% 60px;border-radius:20px}.about p{color:#d0ddd6;max-width:600px}.about .eyebrow{color:var(--lime)}footer{padding:0 6% 25px}footer>p{display:inline-block;margin-left:15px;font-size:11px;color:var(--muted)}.disclaimer{border-top:1px solid var(--line);margin-top:20px;padding:16px 0;color:#7b8981;font-size:10px;line-height:1.8}footer>small{color:#87938c;font-size:10px}.backdrop{position:fixed;inset:0;background:#09241dcc;z-index:30;display:grid;place-items:center;padding:16px}.backdrop[hidden]{display:none}.dialog{position:relative;background:white;width:min(100%,400px);padding:28px;border-radius:18px}.dialog .mark{margin-bottom:15px}.dialog h2{margin-bottom:5px}.dialog p{font-size:12px;color:var(--muted)}.close{position:absolute;right:12px;top:12px;background:#edf2ed;font-size:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f4f0;padding:4px;border-radius:8px;margin:18px 0}.tabs button{background:transparent}.tabs .active{background:white;color:var(--g)}.dialog label{display:block;font-size:11px;font-weight:bold;margin:12px 0}.dialog input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #dbe4dc;border-radius:8px}.submit{width:100%;background:var(--g);color:white}.dialog #message{font-size:11px}.dialog>small{display:block;margin-top:15px;color:#87938c;font-size:9px}#logout{background:#f5e9e7;color:#913f34;margin-top:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--g);color:white;border-radius:9px;padding:12px 16px;font-size:12px;display:none;z-index:40}#empty{text-align:center;padding:35px;color:var(--muted)}@media(max-width:800px){header{padding:0 4%}nav{gap:10px}.hero{padding:50px 5%;grid-template-columns:1fr}.hero-art{min-height:285px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr}.categories{grid-template-columns:1fr 1fr}.safety{padding:55px 6%;gap:25px}}@media(max-width:600px){header{height:68px}header #menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:15px 5%;box-shadow:0 10px 20px #0001;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px 0}.hero h1{font-size:43px}.hero-art{transform:scale(.85);margin:-10px -25px}.section{padding:50px 5%}.section-head{display:block}.filters,.grid{grid-template-columns:1fr}.categories{gap:8px}.categories button{padding:14px}.safety{grid-template-columns:1fr;padding:50px 6%;gap:15px}.shield{width:105px;height:120px;font-size:40px}.about{margin:0 5% 40px;padding:28px 22px}footer{padding:0 5% 22px}footer>p{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}