/* Shared appearance. Change colours in :root first. */

:root{--ink:#163b35;--green:#255b48;--paper:#f5f5ed;--line:#d7ded2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:25px}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px}.brand span{color:#6d8c58}nav{display:flex;align-items:center;gap:33px;font-size:14px}details{position:relative}summary{cursor:pointer;list-style:none}summary:after{content:'⌄';margin-left:8px}.dropdown{position:absolute;top:28px;right:0;background:white;box-shadow:0 12px 35px #163b3520;min-width:190px;z-index:4;padding:10px;border-radius:8px}.dropdown a{display:block;padding:13px}.dropdown a:hover{background:#edf2e8}.nav-account{border-left:1px solid var(--line);padding-left:30px;display:flex;gap:24px;align-items:center}.textbutton{border:0;background:none;color:inherit;padding:8px 0}.cart{display:flex;gap:6px;align-items:center}.cart svg{width:21px}.pill{background:#e6ebdf;border-radius:50%;font-size:11px;padding:4px 6px}.hero{padding:76px 6% 65px;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;min-height:650px}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#7c9d5f}h1{font-size:clamp(48px,5.6vw,83px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:27px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#658252}p{line-height:1.7;color:#61716b}.hero p{max-width:440px;font-size:17px}.actions{display:flex;gap:15px;margin-top:32px;flex-wrap:wrap}.btn{padding:15px 24px;border-radius:5px;border:1px solid var(--green);background:var(--green);color:white;display:inline-block;font-size:14px}.btn.secondary{background:transparent;color:var(--green)}.hero-art{height:460px;background:#e3e9da;border-radius:48% 48% 8px 8px;position:relative;overflow:hidden;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #b8c8ab;border-radius:50%;transform:rotate(-25deg) scaleY(.6)}.hero-art:after{width:530px;height:530px}.art-label{position:absolute;bottom:24px;left:25px;font-size:10px;letter-spacing:1.5px}.headset{width:90%;height:90%;z-index:1;filter:drop-shadow(9px 25px 12px #1a302330)}.strip{margin:0 6%;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1px}.strip span{color:#70846b}section{padding:80px 6%}h2{font-size:40px;letter-spacing:-1.5px;font-weight:500;margin:15px 0}h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.6px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head p{max-width:330px;font-size:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fafbf6}.product-art{height:245px;background:#e9ede2;display:grid;place-items:center;position:relative}.product:nth-child(2) .product-art{background:#e4eae7}.product:nth-child(3) .product-art{background:#eee9df}.product-art svg{width:80%;height:90%;filter:drop-shadow(4px 9px 5px #183d3520)}.tag{position:absolute;top:18px;left:18px;background:#ffffffb0;border-radius:3px;padding:6px 8px;font-size:10px;letter-spacing:1px}.product-copy{padding:24px}.product p{font-size:14px;min-height:72px}.product .textbutton{border-top:1px solid var(--line);padding-top:19px;width:100%;display:flex;justify-content:space-between;font-size:14px}.note{font-size:12px;color:#7a857c}.software{background:#1d4439;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.software p{color:#bdcfc2;max-width:580px}.software .btn{background:#e6edda;color:#203e32;border:0}.team{display:grid;grid-template-columns:1fr 1fr;gap:80px}.team p{max-width:540px}.contact-box{background:#e4eadb;padding:38px;border-radius:8px}.contact-box h3{margin-top:0}footer{padding:28px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#718074}dialog{border:1px solid var(--line);border-radius:12px;padding:32px;max-width:540px;width:calc(100% - 30px);color:var(--ink);background:#fafbf6;max-height:90vh}dialog::backdrop{background:#163b3570;backdrop-filter:blur(3px)}.close{float:right;border:0;background:none;font-size:24px;color:inherit}dialog h2{font-size:29px}label{display:block;font-size:13px;margin:16px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid #bdcbbb;border-radius:4px;background:white;color:var(--ink)}textarea{min-height:90px}.full{width:100%;margin-top:20px}.tabs{display:flex;gap:10px;margin:24px 0}.tabs button{border:1px solid var(--line);background:#e7eddf;padding:10px;border-radius:4px}.row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.notice{background:#eaf0e1;padding:12px;font-size:13px;line-height:1.6;border-radius:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183f34;color:white;padding:14px 25px;border-radius:6px;z-index:10;max-width:90vw}.hidden{display:none}@media(max-width:800px){header{height:auto;min-height:85px;padding:24px 6%;flex-wrap:wrap}nav{gap:18px;flex-wrap:wrap;font-size:13px}.nav-account{padding-left:15px;gap:15px}.hero{grid-template-columns:1fr;padding-top:45px;gap:30px}h1{letter-spacing:-2.5px}.hero-art{height:350px}.strip{flex-wrap:wrap;font-size:10px}.products{grid-template-columns:1fr}.product-art{height:280px}.section-head,.software{display:block}.team{grid-template-columns:1fr;gap:30px}section{padding:55px 6%}h2{font-size:33px}footer{gap:20px;flex-wrap:wrap}}