:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#153735;background:#f4f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}a{color:#00675e;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #b34b19;outline-offset:5px}.brand{font-size:26px;letter-spacing:-1px;color:#153735;text-decoration:none;font-weight:800}.brand span{color:#00786c}nav,.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.hero{padding:65px 0 80px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#40706b}h1{font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-2px;margin:22px 0}h2{font-size:30px;letter-spacing:-.7px}p{line-height:1.7;max-width:720px}.intro{font-size:20px;max-width:650px}.actions{margin:28px 0}.primary{background:#006b5f;color:white;padding:15px 22px;border-radius:8px;text-decoration:none;font-weight:650}.caption{font-size:13px;color:#526b67;max-width:620px}section{scroll-margin-top:25px}.example{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;align-items:start;padding:30px 0}.plan{border:8px solid #173e3a;height:290px;display:flex;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#dce7e2 25px),repeating-linear-gradient(90deg,#fff,#fff 24px,#dce7e2 25px);margin-top:20px}.room{width:50%;padding:24px;color:#516961}.room:first-child{border-right:5px solid #173e3a}.route{position:absolute;left:20%;top:55%;width:65%;height:30%;border-top:5px solid #146bba;border-right:5px solid #146bba}.pin{position:absolute;top:calc(55% - 13px);left:65%;border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px;background:#9a3b10;color:white;font-weight:bold}ol{margin:0;padding-left:25px}li{padding:0 0 22px 10px}li strong,li span{display:block}li span{color:#4d6661;line-height:1.6;margin-top:6px}.start{border-top:1px solid #c4d5ce;padding-top:25px}details{padding:18px 0;border-bottom:1px solid #c4d5ce}summary{cursor:pointer;font-weight:600}footer{font-size:13px;color:#526b67;padding-bottom:50px}.handoff{max-width:760px;padding-top:10vh}.handoff h1{font-size:40px;overflow-wrap:anywhere}@media(max-width:700px){header,main,footer{padding:22px}nav{gap:15px;font-size:14px}.hero{padding:30px 0 45px}.example{grid-template-columns:1fr;gap:25px}.plan{height:240px}.actions{align-items:stretch;flex-direction:column}.actions a{padding:14px 18px}.intro{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
