:root{font-family:Arial,sans-serif;color:#102019;background:#f5f4ef;--g:#184f42;--lime:#c8ff45}*{box-sizing:border-box}body{margin:0}button,a,select{cursor:pointer}button{border:0;background:var(--g);color:#fff;padding:12px 16px;border-radius:99px;font-weight:800}a{color:inherit;text-decoration:none}header,footer,.section,.stats{width:min(1180px,calc(100% - 40px));margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px}.logo span{color:#2d9277}nav{display:flex;gap:28px;font-size:13px;font-weight:700}.tools{display:flex;gap:10px;align-items:center}.tools select{border:1px solid #ccd4cf;border-radius:99px;padding:10px;background:#fff}.plain{background:transparent;color:#102019;padding:8px}.hero{background:var(--g);color:#fff;min-height:600px;border-radius:0 0 35px 35px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:40px max(20px,calc((100% - 1180px)/2))}.hero h1{font-size:clamp(58px,7vw,96px);line-height:.9;letter-spacing:-.06em;margin:25px 0}.hero em{color:var(--lime);font-style:normal}.hero p{font-size:18px;color:#cce0d8;line-height:1.7}.hero img{width:100%;max-height:530px;object-fit:contain;filter:drop-shadow(0 30px 22px #07291e)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stats div{border-right:1px solid #ccd5d0;padding-left:20px}.stats b,.stats span{display:block}.stats b{font-size:25px}.stats span{font-size:9px;color:#75817c;margin-top:7px}.section{padding:90px 0}.head{display:flex;justify-content:space-between;align-items:end}.head h2,.contact h2,.uses>h2{font-size:55px;letter-spacing:-.05em;margin:0}.head p{max-width:400px;color:#718079}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.grid article{background:#fff;border-radius:22px;overflow:hidden}.pic{height:380px;background:#e1eee8;position:relative;display:flex;align-items:center;justify-content:center}.pic>span{position:absolute;top:18px;left:18px;background:var(--lime);padding:8px;border-radius:99px;font-size:10px;font-weight:700}.pic img{width:90%;height:95%;object-fit:contain}.body{padding:28px}.row{display:flex;justify-content:space-between;align-items:center}.body h3{font-size:28px;margin:0}.body p{color:#718079;line-height:1.6}.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.spec i{font-style:normal;background:#eff3ef;padding:12px;text-align:center;font-size:11px}.body>button{width:100%;border-radius:8px}.uses{width:100%;background:#111916;color:#fff;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2))}.usegrid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.usegrid div{border:1px solid #36453f;padding:30px;min-height:150px}.usegrid b{color:var(--lime);font-size:28px}.contact{background:var(--lime);padding:60px;border-radius:25px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact a{display:inline-block;background:var(--g);color:#fff;padding:15px 20px;border-radius:8px;font-weight:700}footer{padding:35px 0;display:flex;justify-content:space-between;color:#718079;font-size:12px}.shade{position:fixed;inset:0;background:#05100bc9;display:flex;justify-content:flex-end;z-index:5}aside{width:min(480px,100%);height:100%;background:#fff;padding:28px;overflow:auto}.x{background:none;color:#111;font-size:28px}.cartrow{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #ddd;padding:15px 0}.cartrow img{width:65px;height:65px;object-fit:contain}.qty{display:flex;gap:10px;align-items:center;margin-top:8px}.qty button{padding:4px 9px;color:#111;background:#eee}.sum{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px 0;border-bottom:1px solid #ddd}form input,form select,form textarea{width:100%;padding:13px;margin:6px 0;border:1px solid #d5dcd8;border-radius:6px;background:#fff}form textarea{min-height:80px}.paypal{width:100%;background:#ffc439;color:#003087;border-radius:8px;margin-top:10px}.login{min-height:100vh;background:var(--g);display:grid;place-items:center}.login form{background:#fff;padding:35px;border-radius:18px;width:min(400px,90%)}.admin{min-height:100vh;background:#edf1ef}.adminbar{background:#10261f;color:#fff;padding:22px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between}.adminin{width:min(1180px,calc(100% - 40px));margin:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.metrics div,.panel{background:#fff;padding:20px;border-radius:12px}.metrics b{display:block;font-size:25px;margin-top:8px}.panel{margin-bottom:20px}.editrow,.order{display:grid;grid-template-columns:1.5fr .6fr .6fr .7fr .5fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #e1e6e3}.editrow input{max-width:100%}.new{display:grid;grid-template-columns:1fr 1fr;gap:7px}.new textarea{grid-column:1/-1}@media(max-width:800px){nav,.adminbar b+*{display:none}.hero,.contact{grid-template-columns:1fr}.hero{padding-top:70px}.stats,.metrics{grid-template-columns:1fr 1fr;gap:18px}.grid{grid-template-columns:1fr}.usegrid{grid-template-columns:1fr 1fr}.head{display:block}.adminLink{display:none}.editrow,.order{grid-template-columns:1fr 1fr}.tools .plain{display:none}}@media(max-width:520px){header{width:calc(100% - 20px)}.logo{font-size:18px}.tools select{max-width:82px}.hero h1{font-size:58px}.stats{width:calc(100% - 25px)}.section{padding:65px 0}.head h2,.contact h2,.uses>h2{font-size:42px}.pic{height:310px}.usegrid{grid-template-columns:1fr}.contact{padding:30px}.new{grid-template-columns:1fr}}