*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafbf8;color:#172624;font:14px Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:white;border:1px solid #dfe5dd;border-radius:7px;padding:11px 16px;color:#172624}button:hover{background:#e2edda}button:disabled{opacity:.4;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7daa37;outline-offset:3px}.topbar{display:flex;justify-content:space-between;background:#172624;color:#fff;padding:11px 6%;font-size:10px;letter-spacing:2px}.topbar span{color:#bec9bd;letter-spacing:0}header{max-width:1360px;margin:auto;padding:28px 5%;display:flex;align-items:center;gap:35px}.logo{display:flex;align-items:center;gap:10px;font:bold 38px Arial;letter-spacing:-4px}.logo>span{color:#72a142;margin-left:-12px}.logo strong{font-size:22px;letter-spacing:-1px}.logo small{display:block;font-size:8px;letter-spacing:3px;margin-top:6px}nav{display:flex;gap:30px;margin:auto;font-size:12px}.cartlink{font-size:12px}.cartlink b{padding:5px 9px;border-radius:50%;background:#c7f55c;margin-left:8px}main{max-width:1360px;padding:0 5%;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;background:#eaf0e6;min-height:470px;border-radius:15px;padding:50px 45px 25px;overflow:hidden}.eyebrow{font:10px Arial;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#78a746}h1{font-size:43px;font-weight:600;line-height:1.5;letter-spacing:-1.6px;margin:22px 0 15px}.hero h1 span{color:#627f59}.hero p{color:#6b7e65;font-size:13px;line-height:2;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#172624;color:white;padding:15px 23px;border:0;border-radius:7px;font-size:13px}.button:hover{background:#3b5842;color:white}.button span{font-size:22px}.hero-meta{margin-top:45px;display:flex;justify-content:space-between;font:8px Arial;letter-spacing:1px;color:#6b7d63}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.orbit{position:absolute;width:320px;height:320px;border:1px solid #ccd8c3;border-radius:50%;box-shadow:0 0 0 35px #e2eadb,0 0 0 36px #d5dfcc}.laptop{position:relative;transform:rotate(-11deg);width:320px;filter:drop-shadow(10px 25px 15px #6d7c6b50)}.screen{height:215px;border:9px solid #303d3c;border-bottom-width:16px;border-radius:12px 12px 4px 4px;background:radial-gradient(ellipse at 75% 75%,#b9ef5c,transparent 55%),linear-gradient(135deg,#142e2b,#466d46 65%,#8bbd4d);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#dfff9b}.screen>span{font:bold 78px Arial;letter-spacing:-9px}.screen small{font:8px Arial;letter-spacing:3px;margin-top:10px}.base{height:14px;width:370px;margin-left:-25px;background:linear-gradient(#ccd2cf,#84918b);border-radius:2px 2px 50% 50%}.floating{position:absolute;bottom:20px;right:-10px;background:#c7f55c;padding:20px;border-radius:6px;transform:rotate(6deg);font:12px Arial;letter-spacing:1px}.floating b{font-size:23px;letter-spacing:-1px}.art-label{position:absolute;top:7px;right:0;font:8px Arial;letter-spacing:2px;writing-mode:vertical-rl}.benefits{display:flex;justify-content:space-between;padding:27px 12px;border-bottom:1px solid #e1e7dd;font-size:11px;color:#60735b}.section-head{margin-top:50px}.section-head .eyebrow{color:#83917b}h2{font-size:25px;font-weight:600;letter-spacing:-.7px}.section-head h2{display:flex;align-items:center;justify-content:space-between;margin:13px 0 25px}.section-head h2 span{font-size:12px;color:#859080;letter-spacing:0;font-weight:400}.filter{display:flex;align-items:center;gap:8px;margin-bottom:25px}.chips{display:flex;gap:7px;margin-right:auto}.chips a{padding:10px 16px;background:white;border:1px solid #e0e6dc;border-radius:6px;font-size:12px}.chips .active{background:#172624;color:white;border-color:#172624}input,textarea,select{width:100%;min-width:0;padding:12px;border:1px solid #dce3d7;border-radius:7px;background:white;color:#172624}.filter>input{max-width:190px;font-size:12px}.filter button{font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{border:1px solid #e1e7dd;border-radius:10px;overflow:hidden;background:white;transition:transform .2s}.product:hover{transform:translateY(-4px)}.product-art{height:225px;background:#eef2eb;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-art img{width:100%;height:100%;object-fit:contain;padding:18px}.tag{position:absolute;top:15px;left:15px;z-index:1;padding:5px 9px;background:#ffffffb8;border-radius:4px;font-size:9px}.device{width:75%;height:65%;border:8px solid #384744;border-bottom-width:15px;border-radius:8px;background:radial-gradient(at 75% 85%,#c9f093,#678e69 45%,#203b33);box-shadow:12px 18px 17px #33442c25;transform:rotate(-8deg);color:#e2f8d3;display:flex;align-items:center;justify-content:center;flex-direction:column}.device>span{font:65px Arial}.device small{font-size:7px;letter-spacing:2px}.device-1{width:40%;height:65%;border:3px solid #74867b;background:linear-gradient(135deg,#bfcac2,#53685a)}.device-2{background:linear-gradient(135deg,#29354c,#929bb5);box-shadow:0 20px 0 -15px #657969,0 40px 0 -27px #526956}.device-3{height:45%;border:6px solid #53645b;background:repeating-linear-gradient(90deg,#c7d2c7 0 7px,#52645a 8px 13px);transform:perspective(200px) rotateX(25deg) rotate(-12deg)}.product-info{padding:21px}.product-info>small{font-size:9px;color:#8b9585}.product h3{font:600 20px Arial;margin:9px 0}.product-info p{color:#808e78;font-size:11px;min-height:32px;line-height:1.6}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.product-bottom strong{font:600 23px Arial;letter-spacing:-1px}.product-bottom small{display:block;font-size:9px;color:#71885f;margin-top:7px}.add{width:37px;height:37px;padding:0;font-size:25px;background:#c7f55c;border:0}.bottom-banner{background:#eaf0e6;border-radius:12px;padding:30px;display:flex;align-items:center;justify-content:space-between;margin:45px 0}.bottom-banner small{font:10px Arial;letter-spacing:2px;color:#7b8c6d}.bottom-banner h2{font-size:23px;margin:10px 0}.bottom-banner a{font-size:12px;padding:8px 0;border-bottom:1px solid #829877}footer{padding:35px 6%;border-top:1px solid #e1e7dd;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .logo{font-size:28px}footer .logo strong{font-size:18px}footer p,footer>a:not(.logo),footer small{font-size:11px;color:#7a8971}footer>a:not(.logo){margin-left:auto}footer>small{width:100%;font-size:9px}.page-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:25px 0}.page-heading small{font:10px Arial;letter-spacing:2px}.checkout-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;align-items:start;margin-bottom:50px}.panel{padding:28px;border:1px solid #e1e7dd;border-radius:12px;background:white;margin-bottom:30px}.panel h1{font-size:30px}.panel h2{margin-top:0}.stack{display:flex;flex-direction:column;gap:17px}.stack label{display:flex;flex-direction:column;gap:7px;font-size:12px}.stack textarea{min-height:90px;resize:vertical}.summary{display:flex;justify-content:space-between;gap:20px;margin:17px 0;font-size:13px}.total{border-top:1px solid #e1e7dd;padding-top:20px;font-size:19px}.cartrow{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e1e7dd;padding:12px 0 20px}.cartrow h3{font-family:Arial}.cartrow form{margin-left:auto}.cartrow input{width:70px}.cartrow strong{margin-left:auto}.cartrow p,.muted{font-size:12px;color:#84917a}.alert,.notice{padding:15px 18px;border-radius:8px;margin:15px 0;background:#fff0df;color:#855321;font-size:13px;line-height:1.7}.notice{background:#eaf5dd;color:#48652f}.status{display:inline-block;background:#eaf4df;color:#607b3c;font-size:12px;padding:7px 12px;border-radius:6px}.order{max-width:740px;margin:30px auto}.order hr{border:0;border-top:1px solid #e1e7dd;margin:25px 0}.order .stack{margin-top:25px}.login{max-width:450px;margin:60px auto}.admin-order{padding:20px 0;border-bottom:1px solid #e1e7dd}.admin-order>a{font-weight:bold;font-family:Arial}.empty{padding:35px;color:#839179;text-align:center}
@media(max-width:1000px){header{gap:20px}nav{gap:15px}.hero{padding:35px 25px}.hero h1{font-size:34px}.laptop{width:240px}.screen{height:170px}.base{width:280px;margin-left:-20px}.orbit{width:250px;height:250px}.floating{right:0}.filter{flex-wrap:wrap}.chips{width:100%;overflow:auto}.filter>input{max-width:none;flex:1}.grid{gap:15px}.product-art{height:190px}.product h3{font-size:18px}.product-bottom strong{font-size:20px}}
@media(max-width:700px){.topbar{font-size:9px}.topbar span{display:none}header{padding:22px 5%;flex-wrap:wrap}.logo strong{font-size:20px}.cartlink{margin-left:auto}nav{order:3;width:100%;justify-content:center;margin-top:10px}.hero{grid-template-columns:1fr;padding:30px 25px 20px}.hero h1{font-size:34px}.hero-art{height:270px;margin-top:20px}.hero-meta{margin-top:25px}.floating{bottom:5px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0;font-size:10px}.section-head{margin-top:35px}.section-head h2{display:block;font-size:22px}.section-head h2 span{display:block;margin-top:10px;font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-art{height:150px}.product-info{padding:13px}.product h3{font-size:16px;line-height:1.4;min-height:44px}.product-info p{font-size:10px;min-height:44px}.product-bottom{gap:4px;margin-top:10px}.product-bottom strong{font-size:17px}.add{width:30px;height:30px}.tag{top:8px;left:8px;font-size:8px}.device{border-width:5px}.device>span{font-size:35px}.device small{font-size:5px}.chips a{white-space:nowrap;padding:9px 12px}.bottom-banner{display:block;padding:23px}.bottom-banner h2{font-size:20px}.bottom-banner a{display:inline-block;margin-top:10px}.checkout-layout{grid-template-columns:1fr;gap:0}.panel{padding:22px}.cartrow{display:block}.cartrow form{margin:12px 0}.cartrow strong{display:block}footer{gap:14px}footer p{width:100%;margin:0}footer>a:not(.logo){margin-left:0}}