
:root{--ink:#172a29;--green:#146b51;--lime:#d9f283;--bg:#f7f8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}header{max-width:1280px;margin:auto;padding:23px 5%;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:29px;letter-spacing:-1.5px}.logo i{color:var(--green);font-style:normal}nav{display:flex;gap:30px;font-size:14px} .btn{border:0;border-radius:7px;background:var(--green);color:white;display:inline-flex;padding:12px 22px;align-items:center;justify-content:center;cursor:pointer;font-weight:600}.btn.light{background:transparent;border:1px solid #b9c8bc;color:var(--ink)}main{max-width:1280px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:75px 0 80px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:bold;color:var(--green)}h1{font-size:clamp(42px,5.3vw,70px);line-height:1.07;letter-spacing:-3px;margin:20px 0 25px}h1 em{font-style:normal;color:var(--green)}.intro{max-width:470px;color:#62706a;font-size:17px}.actions{display:flex;gap:12px;margin-top:30px}.small{font-size:12px;color:#738078}.hero-art{background:#e8eddc;border-radius:22px;padding:35px 20px;transform:rotate(1deg);position:relative}.dash{background:#fff;border-radius:10px;box-shadow:0 18px 45px #243d2620;display:grid;grid-template-columns:85px 1fr;min-height:310px;overflow:hidden;transform:rotate(-1deg);font-size:10px}.side{background:#173e32;color:#a4c6b4;padding:20px 12px}.side b{display:block;color:white;font-size:14px;margin-bottom:28px}.side div{padding:9px 0}.screen{padding:24px 18px}.screen h3{font-size:18px;margin:0}.metric{display:flex;gap:10px;margin:22px 0}.metric div{background:#f2f5ed;padding:12px;flex:1;border-radius:5px}.metric strong{display:block;font-size:20px;color:#214e3b}.bars{height:105px;display:flex;gap:12px;align-items:end;border-bottom:1px solid #eee;padding:0 12px}.bars i{background:#aac7a3;flex:1;border-radius:4px 4px 0 0}.bars i:nth-child(2n){background:#1b6c50}.floating{position:absolute;bottom:9px;right:-5px;background:var(--lime);padding:13px 22px;border-radius:8px;font-size:13px;font-weight:bold}.strip{border-top:1px solid #dce2d5;border-bottom:1px solid #dce2d5;padding:20px 0;display:flex;justify-content:space-between;font-size:13px;color:#526157}.section{padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px;margin:10px 0}p{color:#647168}.filters{display:flex;gap:8px;margin:28px 0;flex-wrap:wrap}.filter{border:1px solid #d8dfd1;background:none;padding:8px 17px;border-radius:30px;cursor:pointer;font-size:13px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:white;border:1px solid #e0e5d9;border-radius:13px;overflow:hidden}.thumb{height:180px;padding:22px 30px;display:flex;align-items:center;justify-content:center;background:#e8eedf}.thumb.blue{background:#e4ecf2}.thumb.pink{background:#f0e6df}.thumb.yellow{background:#f2eed7}.mini{width:90%;background:#fff;border-radius:7px;box-shadow:0 8px 20px #122d2510;padding:16px;transform:rotate(-2deg);font-size:11px}.mini b{font-size:14px}.mini .row{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding:7px 0}.badge{background:#e4f3de;color:#406345;border-radius:4px;padding:2px 7px;font-size:9px}.card-content{padding:25px}.tag{font-size:10px;letter-spacing:1.4px;color:var(--green);text-transform:uppercase;font-weight:bold}.card h3{font-size:23px;margin:7px 0}.card p{font-size:14px;min-height:45px;margin:8px 0 20px}.card-foot{border-top:1px solid #e9ece3;padding-top:18px;display:flex;align-items:center;justify-content:space-between}.linkbutton{border:0;background:none;color:var(--green);font-weight:bold;cursor:pointer;padding:8px 0}.price{font-size:12px;color:#738078}.digital{background:#eaf0e2;padding:35px;border-radius:14px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.digital h3{font-size:24px;margin:5px 0}.digital p{margin:6px 0}.pill{padding:6px 12px;border:1px solid #cad5bf;border-radius:30px;font-size:12px;display:inline-block;margin:6px 4px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.step span{color:var(--green);font-size:13px}.step h3{font-size:20px;margin:12px 0}.step p{font-size:14px}.cta{background:#163e32;color:white;padding:45px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{max-width:500px}.cta p{color:#b7c9bc}.cta .btn{background:var(--lime);color:var(--ink)}details{border-bottom:1px solid #dce2d5;padding:18px 0}summary{font-weight:bold;cursor:pointer}details p{max-width:800px;font-size:14px}footer{border-top:1px solid #dce2d5;padding:30px 5%;max-width:1280px;margin:auto;display:flex;justify-content:space-between;font-size:12px;color:#6b786c}dialog{border:0;border-radius:16px;width:min(630px,92%);padding:30px;color:var(--ink);max-height:88vh;overflow:auto}dialog::backdrop{background:#10291f99}.close{float:right;border:0;background:#edf1e8;border-radius:50%;width:32px;height:32px;cursor:pointer}label{display:block;font-size:13px;margin-top:15px}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd7c5;border-radius:6px;margin-top:5px}textarea{height:110px}.notice{background:#f2f5eb;padding:14px;border-radius:7px;font-size:13px} .demo-table{width:100%;border-collapse:collapse;font-size:13px}.demo-table td,.demo-table th{text-align:left;padding:12px 5px;border-bottom:1px solid #e1e7db}.hidden{display:none!important}@media(max-width:750px){header{padding:18px 6%}nav{display:none}header .btn{font-size:12px;padding:9px 14px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}h1{letter-spacing:-2px}.hero-art{margin:0 5px}.strip{flex-wrap:wrap;gap:12px;font-size:11px}.grid{grid-template-columns:1fr}.section{padding:50px 0}.section-head,.digital,.cta{display:block}.section-head p{margin-bottom:0}h2{font-size:30px}.steps{grid-template-columns:1fr;gap:15px}.cta{padding:28px}.cta .btn{margin-top:15px}footer{gap:20px}.floating{right:0}.digital{padding:25px}.digital .btn{margin-top:15px}}

.card{transition:transform .25s,box-shadow .25s;position:relative}.card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #173e3212}.thumb{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dfebd4,#f0f4e9)}.thumb.blue{background:linear-gradient(135deg,#d8e7f7,#eff5fa)}.thumb.pink{background:linear-gradient(135deg,#f0dfd5,#faf0e9)}.thumb.yellow{background:linear-gradient(135deg,#eee7bc,#faf7e8)}.thumb:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffffaa;border-radius:50%;right:-70px;top:-80px}.mini{padding:20px;transform:perspective(800px) rotateY(-7deg) rotateZ(-3deg);transition:transform .25s}.card:hover .mini{transform:rotate(0deg)}.product-number{position:absolute;left:18px;top:13px;font-size:10px;letter-spacing:1.3px;color:#536958}.feature-list{padding:0;list-style:none;margin:18px 0 24px;font-size:13px;color:#526458}.feature-list li{margin:6px 0}.feature-list li:before{content:'✓';color:#146b51;margin-right:9px}.price{display:block;font-size:11px;color:#68796d}.price strong{display:block;font-size:34px;letter-spacing:-1.2px;line-height:1.3;color:var(--ink)}.price-note{font-size:10px;color:#748273;margin:7px 0 0!important;min-height:0!important}.product-buttons{display:flex;flex-direction:column;gap:7px;text-align:center}.product-buttons .btn{font-size:12px;padding:10px 18px}.product-buttons .linkbutton{font-size:12px}.card-foot{align-items:flex-start}.catalog-note{background:#edf2e5;border-left:3px solid #9dbd62;padding:12px 17px;font-size:12px;color:#526458;margin-top:25px}.section-head h2{font-size:42px}@media(max-width:750px){.section-head h2{font-size:32px}.thumb{height:200px}.price strong{font-size:30px}}

.wrap{max-width:1000px;margin:40px auto;padding:20px}.panel{background:white;border:1px solid #dce2d5;padding:25px;border-radius:12px;margin:20px 0}.alert{padding:15px;background:#e5eddb;border-radius:6px;margin:15px 0}.admin-nav{display:flex;gap:15px;flex-wrap:wrap}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{text-align:left;padding:12px;border-bottom:1px solid #eee}.admin-table{display:block;overflow:auto}.inline{display:inline}.inline button{padding:5px 10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.product-image{width:100%;height:220px;object-fit:cover}.product-buttons{flex-wrap:wrap}.error{background:#fce7df}.detail{max-width:850px;margin:50px auto;padding:20px}.price strong{font-size:36px}.feature-list{list-style:none}.feature-list li{margin:7px 0}.feature-list li:before{content:'✓ ';color:#146b51}@media(max-width:650px){.field-grid{grid-template-columns:1fr}}