:root{--ink:#183a2d;--muted:#55655b;--paper:#f8f7f1;--green:#dce8c7;--gold:#d3b571;--border:#daddd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:5px}.skip{position:absolute;left:20px;top:-70px;background:#fff;padding:10px;z-index:5}.skip:focus{top:10px}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:25px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;line-height:1.25}.brand b{font-size:19px;font-weight:600}.brand-icon{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;background:var(--ink);color:var(--paper);font-size:29px}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav a{text-decoration:none}.nav-button{border:1px solid var(--ink);padding:11px 16px;border-radius:5px}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:55px;padding:60px 5% 70px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(43px,5vw,73px);line-height:1.08;letter-spacing:-2.5px;margin-bottom:25px}h1 em{font-weight:400;color:#657741}h2{font-family:Georgia,serif;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.15;letter-spacing:-1px}.intro{font-size:17px;max-width:400px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--ink);border:1px solid var(--ink);color:white;border-radius:5px;padding:15px 21px;font:600 13px system-ui;cursor:pointer;text-decoration:none}.button:hover{background:#2b503d}.fine{font-size:11px;color:var(--muted);line-height:1.6;margin-top:15px;max-width:400px}.building-art{min-height:450px;position:relative;background:#e6e9d9;border-radius:180px 180px 12px 12px;overflow:hidden;isolation:isolate}.sun{width:170px;height:170px;background:#d1bb83;border-radius:50%;position:absolute;top:52px;right:40px}.house{width:62%;height:65%;background:#e4dbbf;position:absolute;bottom:45px;left:19%;box-shadow:15px 12px 0 #c3bba3}.roof{height:27px;background:var(--ink);position:absolute;left:-13px;right:-13px;top:-27px;transform:skewY(-4deg);transform-origin:right}.window{position:absolute;width:23%;height:17%;background:#344b3a;border:6px solid #d0c6a9;box-shadow:inset 10px 0 #8d9b77}.w1{left:14%;top:13%}.w2{right:14%;top:13%}.w3{left:14%;top:39%}.w4{right:14%;top:39%}.w5{left:14%;top:65%}.w6{right:14%;top:65%}.door{height:22%;width:18%;background:#253b2d;position:absolute;bottom:0;left:41%}.plant{position:absolute;bottom:30px;width:55px;height:145px;border-radius:70% 20%;background:#75805b;transform:rotate(-10deg)}.plant-one{left:7%}.plant-two{right:7%;height:100px;background:#536b42;transform:rotate(18deg)}.art-card{position:absolute;bottom:58px;left:18px;background:white;padding:18px 23px;border-radius:7px;font-size:11px;box-shadow:0 10px 35px #183a2d16}.art-card p{margin:12px 0 0}.art-card b{font-size:12px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;background:#799447;border-radius:50%;margin-right:7px}.art-caption{position:absolute;bottom:12px;width:100%;text-align:center;font-size:10px;letter-spacing:1px}.principles{border-block:1px solid var(--border);display:flex;justify-content:space-around;padding:24px 5%;gap:22px;font-size:12px;flex-wrap:wrap}.principles span:before{content:'↗';margin-right:12px;color:#7e8c62}.approach{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:95px 5%}.approach>div>p:last-child{color:var(--muted);max-width:390px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--border)}.steps li>span{font-size:12px;padding-top:5px;color:#7c865f}.steps h3{font-size:17px;font-weight:600;margin-bottom:8px}.steps p{font-size:14px;color:var(--muted);margin:0}.demo-section{background:#e9eddf;padding:75px max(5%,calc((100vw - 1180px)/2))}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:35px}.section-heading>p{max-width:300px;font-size:13px;color:var(--muted)}.section-heading h2{margin:0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;background:var(--paper);overflow:hidden}.demo-grid form{padding:35px}label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid #c4ccbb;border-radius:4px;padding:12px 13px;background:#fff;color:var(--ink);font:14px system-ui;margin-bottom:20px}textarea{resize:vertical}.check{display:flex;gap:10px;font-size:12px;font-weight:400;line-height:1.5;margin-bottom:22px}.check input{width:17px;flex-shrink:0;margin:2px 0 0;accent-color:var(--ink)}.output-panel{padding:35px;background:var(--ink);color:#f5f5e8}.pill{display:inline-block;font-size:9px;letter-spacing:1.5px;border:1px solid #78907e;border-radius:30px;padding:5px 10px;margin-bottom:35px}.output-panel h3{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.2}.output-panel p{font-size:14px;color:#c9d3c6}.sample-lines{margin-top:45px}.sample-lines i{display:block;background:#385344;height:10px;margin:18px 0;border-radius:3px}.sample-lines i:nth-child(2){width:80%}.sample-lines i:nth-child(3){width:55%}pre{font:13px/1.8 system-ui;white-space:pre-wrap;overflow-wrap:anywhere}.output-panel .fine{font-size:11px}.secondary{background:var(--green);color:var(--ink);border-color:var(--green);margin-top:18px}.secondary:hover{background:#c7d7ad}.safety{border:1px solid #debd80;background:#4f492d;padding:14px;border-radius:4px;color:#fff3d4!important}.boundary{max-width:1200px;padding:85px 5%;margin:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:90px}.boundary .eyebrow{grid-column:1/-1}.boundary p{font-size:14px;color:var(--muted)}.boundary a{font-size:13px;font-weight:600}footer{border-top:1px solid var(--border);padding:30px 5%;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px}footer span{font-weight:600}footer small{display:block;font-weight:400;color:var(--muted);font-size:10px}footer p{font-size:11px;color:var(--muted);margin:0}footer a{font-size:11px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a58432;outline-offset:4px}[hidden]{display:none!important}@media(max-width:800px){header{padding:20px 6%}nav>a:not(.nav-button){display:none}.nav-button{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;gap:35px;padding:35px 6% 45px}h1{letter-spacing:-1.5px}.building-art{min-height:390px;max-width:500px;width:100%;margin:auto}.principles{justify-content:flex-start;gap:15px 30px;font-size:10px}.approach{grid-template-columns:1fr;gap:30px;padding:60px 6%}.section-heading{display:block}.section-heading>p{margin:20px 0 0;max-width:none}.demo-section{padding:55px 6%}.demo-grid{grid-template-columns:1fr}.demo-grid form,.output-panel{padding:25px}.boundary{grid-template-columns:1fr;padding:60px 6%}.boundary h2{margin-bottom:25px}footer{align-items:flex-start;flex-direction:column;padding:25px 6%;gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}