:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24382c;background:#f7f8f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:36px 32px 24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;color:inherit}header{text-align:center;margin:42px 0}.eyebrow{font-size:11px!important;font-weight:700;letter-spacing:2px;color:#54715b!important}h1{font-size:64px;line-height:1.05;letter-spacing:-3px;margin:20px 0}h1 span{color:#4d7655}header>p{font-size:18px;line-height:1.6;color:#6c796d}.steps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:1px solid #e3e8db;border-radius:22px;overflow:hidden}.visual{height:250px;position:relative;background:#dfead8;padding:24px}.second{background:#e9ecdf}.browserbar{height:38px;border-radius:9px 9px 0 0;background:#fafbf8;display:flex;align-items:center;gap:12px;padding:8px 12px;box-shadow:0 3px 15px #21372208}.traffic{font-size:10px;letter-spacing:2px;color:#bdc8b8}.address{font-size:10px;border-radius:12px;background:#edf0e8;color:#7c8779;padding:6px 12px;flex:1}.puzzle{font-size:23px;color:#43654b;border:2px solid #779764;border-radius:7px;line-height:24px}.menu{background:white;position:absolute;right:25px;top:69px;width:270px;padding:20px;border-radius:10px;box-shadow:0 10px 30px #23392615;font-size:13px}.extension{display:flex;align-items:center;gap:12px;margin-top:22px}.pin{margin-left:auto;border:2px solid #779764;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;font-size:23px;color:#345e40}.hint{position:absolute;bottom:28px;right:36px;font-size:15px;font-weight:600;color:#45633e}.hint span{font-size:24px;margin-left:8px}.mock-popup{position:absolute;right:30px;top:68px;background:#f8f9f5;width:250px;border-radius:10px;padding:15px 18px;box-shadow:0 10px 30px #23392615}.mini-brand{display:flex;align-items:center;gap:8px;font-size:13px}.add{background:#346c50;color:white;text-align:center;padding:9px;border-radius:7px;font-size:12px;font-weight:600;margin-top:10px}.preview-label{font-size:8px;letter-spacing:1px;color:#788078;margin-top:12px}.choices{display:flex;gap:7px;margin-top:7px}.choices span{flex:1;text-align:center;background:white;border:1px solid #e6e9e2;padding:7px 0;border-radius:6px;font-size:11px;font-weight:600}.custom{font-size:9px;text-align:center;color:#788078;margin-top:7px}.copy{padding:27px 28px 30px}.step{font-size:11px;font-weight:700;letter-spacing:1px;color:#829578}h2{font-size:24px;letter-spacing:-.6px;margin:9px 0 15px}ol{padding-left:20px;margin:0;color:#657262;font-size:14px;line-height:1.8}li+li{margin-top:5px}strong{font-weight:600}aside{display:flex;gap:14px;justify-content:center;align-items:center;margin:30px 0;color:#62745f;font-size:14px;line-height:1.7}.leaf{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e3edda;color:#426a3c}footer{display:flex;justify-content:space-between;border-top:1px solid #e0e6d9;padding:23px 0;font-size:12px;color:#7b8876}nav{display:flex;gap:22px}a{color:#42674a}a:focus-visible{outline:2px solid #346c50;outline-offset:5px}@media(max-width:700px){main{padding:24px 20px}header{margin:32px 0}h1{font-size:48px}.steps{grid-template-columns:1fr}.visual{height:250px}aside{align-items:flex-start;justify-content:flex-start}aside p{margin:0}footer{gap:18px;flex-wrap:wrap}.copy{padding:24px}}@media(prefers-reduced-motion:no-preference){.card{transition:transform .2s}.card:hover{transform:translateY(-3px)}}