:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#233c2e;background:#fcfaf5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 25%,#e5eadb,transparent 55%);min-height:100vh}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #ad853c;outline-offset:4px}header{max-width:1200px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;font-weight:650;font-size:14px}.download{padding:13px 20px;background:#1f4d36;color:white;border-radius:8px}main{max-width:1120px;margin:35px auto 65px;display:grid;grid-template-columns:1fr 400px;gap:90px;align-items:start;padding:0 30px}.intro{padding-top:20px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8d723d;font-weight:750}h1{font:500 57px/1.08 Georgia,serif;letter-spacing:-1.8px;margin:22px 0}.lead{font-size:17px;line-height:1.8;color:#617060;max-width:450px}#screen-picker{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}#screen-picker button{border:1px solid #c6cfbc;background:transparent;color:#294732;padding:11px 15px;border-radius:25px;font-size:13px}#screen-picker button[aria-pressed=true]{background:#20523a;color:white;border-color:#20523a}.screen-info{border-top:1px solid #d8dfce;padding:18px 0;min-height:165px}.screen-info h2{font:500 28px Georgia,serif;margin:8px 0 12px}.screen-info p{font-size:14px;line-height:1.8;color:#617060}.screen-info .capture-note{font-size:12px;color:#826d40}.tour-note{background:#edf0e7;border-left:3px solid #ab925c;padding:20px;font-size:13px;line-height:1.8;margin-bottom:22px}.tour-note p{color:#617060;margin:8px 0}.outline{background:transparent;color:#294732;border:1px solid #b2bfa5;border-radius:7px;padding:11px 14px;font-size:12px}.full-size{display:block;margin-top:22px;font-size:13px}.viewer{max-width:400px;width:100%;margin:auto}.capture-frame{position:relative;border:5px solid #223d2d;border-radius:26px;overflow:hidden;box-shadow:0 25px 55px #183e2e25;background:#f7f3e1}.capture-frame>img{display:block;width:100%;height:auto}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border:2px solid transparent;background:transparent;border-radius:7px;color:transparent;padding:0}.hotspot:hover,.hotspot:focus-visible,.show-areas .hotspot{border-color:#9e7425;background:#b89a3d20}.hotspot:focus-visible{outline:3px solid #214c35;outline-offset:-4px}.viewer-caption{text-align:center;color:#6a7667;font-size:11px;line-height:1.7}footer{text-align:center;font-size:12px;color:#6a7667;padding:25px;line-height:2}@media(max-width:820px){main{grid-template-columns:1fr;gap:25px;max-width:520px;padding:0 22px;margin-top:10px}.intro{padding-top:0}h1{font-size:44px}.intro h1 br{display:none}.lead{font-size:16px}header{padding:20px 22px;font-size:12px}.screen-info{min-height:0}.tour-note{font-size:12px;padding:16px}.viewer{max-width:380px}.full-size{display:inline-block;margin:0 0 0 12px;font-size:12px}.capture-frame{border-width:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}