:root{--ink:#173a36;--muted:#617671;--bg:#f5f8f5;--surface:#fff;--border:#dbe7e2;--main:#14826e;--main2:#e5f5ee;--coral:#f4a37a;--shadow:0 12px 38px rgba(24,67,56,.07);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}a{color:inherit}.shell{max-width:1320px;margin:auto;padding:0 26px}.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.top-inner{min-height:80px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:#d9f1e8;color:var(--main);border-radius:15px;font-weight:950;font-size:22px}.brand strong{display:block;font-weight:950;font-size:24px;letter-spacing:-1.2px;line-height:1.05}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:1.2px;font-weight:800;margin-top:5px}.top nav{display:flex;gap:8px;flex-wrap:wrap}.top nav a{border-radius:100px;padding:11px 18px;text-decoration:none;color:#45655c;font-size:14px;font-weight:750}.top nav a.active,.top nav a:hover{background:var(--main2);color:#126a58}.hero{margin:26px 0 36px;background:#e4f0e7;border:1px solid #d3e9da;border-radius:32px;display:grid;grid-template-columns:1.2fr .9fr;min-height:310px;overflow:hidden}.hero-copy{padding:40px 42px;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:950;letter-spacing:1.8px;text-transform:uppercase;color:#187f6c}.hero h1{font-size:clamp(38px,4.7vw,65px);letter-spacing:-2.7px;line-height:1.04;margin:17px 0}.hero p{font-size:17px;line-height:1.55;color:#48695b;max-width:550px}.hero-graphic{position:relative;display:flex;justify-content:center;align-items:center;padding:30px;background:radial-gradient(circle at 65% 55%,#c5e4d5,transparent 65%)}.illustration{position:absolute;width:330px;height:230px;max-width:90%;border-radius:26px;background:white;box-shadow:0 24px 45px #50776125;transform:rotate(-6deg);padding:21px}.illustration .line{height:11px;border-radius:30px;background:#dbede3;margin-bottom:16px}.illustration .line.a{width:56%;background:#9fd7bd}.illustration .fake{display:flex;gap:10px;margin-top:25px}.illustration .fake span{width:80px;height:80px;border-radius:18px;background:#e8f5ef;display:grid;place-items:center;font-size:40px}.illustration .fake span:nth-child(2){background:#ffe9d8}.floating{position:absolute;display:grid;place-items:center;background:#fff;border-radius:18px;box-shadow:0 10px 25px #37674e25;font-size:36px;width:74px;height:74px;right:11%;top:17%;transform:rotate(12deg)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:6px 0 20px}.section-title h2{font-size:31px;letter-spacing:-1px;margin:5px 0}.section-title p{margin:0;color:var(--muted);font-size:14px}.find{background:white;border:1px solid var(--border);border-radius:15px;min-width:255px;padding:14px 17px;outline:none;color:var(--ink);box-shadow:0 2px 6px #153b3005}.find:focus{border-color:#2b9d80;box-shadow:0 0 0 4px #1d8e6e15}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}.chip{border:1px solid var(--border);background:white;border-radius:99px;padding:10px 17px;color:#45645c;cursor:pointer;font-size:13px;font-weight:800}.chip.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.card{background:white;border:1px solid var(--border);border-radius:23px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #26584a16}.thumb{height:166px;display:grid;place-items:center;overflow:hidden;position:relative;background:#e9f5ed}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.purple{background:#ede9fb}.thumb.yellow{background:#fff2d1}.thumb.blue{background:#e1f1fb}.thumb.pink{background:#ffebdf}.thumb.green{background:#def2e6}.illustrate{font-size:67px;line-height:1}.thumb .mini{font-size:26px;color:#195849;background:white;padding:17px 24px;border-radius:14px;font-weight:900;transform:rotate(-4deg);box-shadow:0 9px 18px #245a3c1b}.tag{position:absolute;left:12px;top:12px;background:#fffefd;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:850;color:#26574b;box-shadow:0 4px 12px #18362615}.content{display:flex;flex-direction:column;flex:1;padding:19px}.content .type{font-weight:900;font-size:10px;letter-spacing:1.6px;color:#19856c;text-transform:uppercase}.content h3{font-size:21px;line-height:1.15;letter-spacing:-.5px;margin:9px 0}.content p{font-size:13px;line-height:1.56;color:#667b75;margin:0 0 20px;flex:1}.action{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;background:var(--main);color:white;text-decoration:none;border-radius:13px;font-size:13px;font-weight:850}.action:hover{background:#0c6958}.action.external{background:#1e5347}.arrow{font-size:20px;line-height:1}.cards-head{margin:36px 0 19px}.cards-head h2{font-size:30px;margin:0 0 6px;letter-spacing:-.8px}.cards-head p{font-size:14px;color:var(--muted);margin:0}.note{background:#eaf5ef;border:1px solid #d4e9df;padding:16px 20px;border-radius:16px;font-size:13px;color:#4c695f;margin-top:30px}.footer{border-top:1px solid var(--border);color:#78918a;font-size:13px;padding:25px 0;margin-top:45px}.hidden{display:none!important}@media(max-width:1150px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-graphic{min-height:175px}.illustration{transform:rotate(-5deg) scale(.75)}.hero-copy{padding:30px}}@media(max-width:580px){.shell{padding:0 15px}.top-inner{min-height:72px;gap:10px}.top nav a{padding:8px;font-size:12px}.brand strong{font-size:19px}.brand-mark{width:35px;height:35px}.brand small{font-size:8px}.grid{grid-template-columns:1fr}.hero{margin:14px 0 22px;border-radius:24px}.hero-copy{padding:27px 23px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero-graphic{display:none}.section-title{align-items:stretch}.find{width:100%}.thumb{height:190px}}