:root{font-family:Arial,system-ui,sans-serif;color:#1b3029;background:#f7f6f2;line-height:1.6;font-size:17px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b4652e;outline-offset:4px}.wrap{max-width:1280px;margin:auto;padding:0 28px}header{border-bottom:1px solid #d9ddd5}nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:88px;flex-wrap:wrap;padding:16px 0}.brand{font-size:24px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{font-weight:400;color:#67776c}nav div{display:flex;gap:22px;flex-wrap:wrap}nav div a{font-size:15px;text-decoration:none}.hero{padding:72px 0 48px;max-width:880px}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#32624d;font-weight:700}h1{font-size:clamp(40px,5.6vw,74px);line-height:1.06;letter-spacing:-2.5px;margin:20px 0 26px}h1 em{font-family:Georgia,serif;font-weight:400;color:#32624d}.lead{font-size:21px;color:#5f6e64;max-width:760px}.pills{display:flex;gap:12px;flex-wrap:wrap;font-size:14px}.pills span{border:1px solid #ccd5c8;padding:7px 14px;border-radius:99px}.toolbar{display:grid;grid-template-columns:1.3fr 1fr auto;gap:20px;padding:24px;background:#e9eee4;border-radius:18px;margin-bottom:22px}.toolbar label{display:grid;gap:7px;font-size:14px;font-weight:700}.toolbar input,.toolbar select{width:100%;min-height:48px;border:1px solid #b6c3b2;background:#fff;border-radius:8px;padding:9px 12px;color:#1b3029}.switch{display:flex;align-items:end;gap:6px}.switch button{padding:10px 16px;border:1px solid #9dab98;background:white;border-radius:8px;min-height:48px;color:#294438}.switch button[aria-pressed=true]{background:#245847;color:white;border-color:#245847}.count{color:#607265;font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.card{border:1px solid #d8dfd3;border-radius:18px;background:white;overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 16px 35px #19352a10;transform:translateY(-3px)}.preview{width:100%;border:0;padding:24px;background:#e9e9e3;display:block;aspect-ratio:1.42;overflow:hidden}.preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #d2d6cd;box-shadow:0 7px 18px #00000013}.preview.mobile img{width:auto;max-width:100%;margin:auto;object-fit:contain;border:5px solid #243a30;border-radius:18px;background:white}.card-body{padding:25px}.meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#5a6b5d}.badge{background:#eef3de;border-radius:99px;padding:2px 8px;color:#355335}h2{line-height:1.2;font-size:27px;letter-spacing:-.7px;margin:14px 0}.card p{color:#637168;font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;text-align:center;text-decoration:none;border:1px solid #245847;color:white;background:#245847;font-weight:700;border-radius:8px;padding:12px 16px;font-size:15px}.btn.light{background:white;color:#245847}.how{margin:72px 0;padding:36px;background:#e8ede3;border-radius:20px}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-left:25px}.how li{padding-left:8px}.how strong{display:block;font-size:19px}.how p{color:#5f7063}footer{border-top:1px solid #d9ddd5;padding:28px 0;font-size:14px}.empty{padding:35px;border:1px dashed #a7b49e;border-radius:12px}dialog{width:min(1150px,96vw);max-height:94vh;border:0;border-radius:16px;padding:22px;background:#f7f6f2;color:#1b3029}dialog::backdrop{background:#10261dba}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.close{border:1px solid #b2c1ad;border-radius:99px;background:white;padding:9px 16px}.dialog-actions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.large-preview{background:#e2e6dc;border-radius:12px;padding:16px;overflow:auto;max-height:60vh}.large-preview img{display:block;width:100%;height:auto;margin:auto}.large-preview.mobile img{max-width:375px}.note{font-size:14px;color:#5d705f}[hidden]{display:none!important}@media(max-width:700px){.wrap{padding:0 20px}.hero{padding:44px 0 30px}h1{letter-spacing:-1.5px}.lead{font-size:19px}.toolbar{grid-template-columns:1fr;padding:18px}.switch{align-items:stretch}.switch button{flex:1}.grid{grid-template-columns:1fr;gap:26px}.preview{padding:16px}.card-body{padding:21px}.how{padding:24px}.how ol{grid-template-columns:1fr;gap:15px}.actions .btn{flex:1}dialog{padding:16px}.large-preview{padding:5px}.dialog-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}