@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#203b33;background:#f8f8f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}header,main,footer{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:1px solid #dce1d7}.brand{font-size:34px;font-weight:800;letter-spacing:-3px}.brand span{color:#bc6c43}.brand small{display:block;font-size:9px;letter-spacing:3px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav button{border:1px solid #b9c8ba;background:transparent;padding:12px 20px;border-radius:4px}section{padding:72px 40px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#657668}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:76px;line-height:1.12;letter-spacing:-4px;margin:24px 0}h1 em{font-style:normal;color:#738869}.intro{max-width:380px;color:#677267;line-height:1.8}.primary{display:inline-flex;gap:48px;background:#204b3f;color:#fff;border:0;border-radius:4px;padding:17px 23px;margin-top:20px;font-weight:500}.caption{font-size:12px;color:#7b8478;line-height:1.7;margin-top:24px}.house{position:relative;background:#e3e7d8;height:450px;border-radius:160px 160px 6px 6px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.sun{position:absolute;right:40px;top:55px;background:#edcf95;width:85px;height:85px;border-radius:50%}.building{background:#c8b69a;width:65%;height:72%;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:38px 24px 66px;box-shadow:12px 0 #b4a184}.building i{background:#527065;border:5px solid #e6ddc7;box-shadow:0 3px #ad9e81}.building b{position:absolute;bottom:16px;left:44%;font-size:25px;color:#4d5a4d}.ground{height:22px;background:#7b8f6a;position:absolute;bottom:0;width:100%}.house>p{position:absolute;bottom:3px;font-size:8px;letter-spacing:3px;color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title>p{color:#788174;line-height:1.8;font-size:14px}h2{font-size:42px;letter-spacing:-1.5px;margin:12px 0 32px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;border:1px solid #dce1d6;border-radius:6px;background:#fdfdf8}.number{font-size:10px;letter-spacing:1.6px;color:#73856d}h3{font-size:22px;letter-spacing:-.6px}.cards p,.demo p{font-size:14px;line-height:1.85;color:#6d786a}.text-button{background:none;border:0;padding:10px 0;color:#244a3d}.cards .tag{font-size:11px;margin-top:30px}.about{display:grid;grid-template-columns:1fr 1fr;background:#e9eddf;border-radius:6px;margin:20px 40px 70px;padding:40px}.about .eyebrow{grid-column:1/-1}.about>div{line-height:1.8;font-size:14px}footer{border-top:1px solid #dce1d7;padding:28px 40px;display:flex;justify-content:space-between;font-size:12px;color:#72806b}.demo{margin-top:24px;padding:30px;background:#e9eddf;border-radius:6px}form{display:grid;gap:20px;max-width:450px}label{display:grid;gap:8px;font-size:14px}input[type=number]{padding:12px;border:1px solid #a4b39a;border-radius:4px;width:100%}.check{display:flex;align-items:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#203b33;color:#fff;padding:20px;border-radius:8px;box-shadow:0 10px 40px #0003;width:min(90%,600px);display:flex;gap:20px;align-items:center;font-size:14px;line-height:1.6}.toast button{border:0;background:none;color:#fff;font-size:24px}:focus-visible{outline:3px solid #b66a3b;outline-offset:4px}@media(max-width:760px){header{padding:20px}nav{gap:14px}nav>a{display:none}section{padding:40px 22px}.hero{grid-template-columns:1fr;gap:30px;padding-top:45px}h1{font-size:56px}.house{height:330px;max-width:420px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.section-title>p{display:none}h2{font-size:34px}.about{grid-template-columns:1fr;margin:15px 22px 40px;padding:25px}footer{padding:24px 22px;gap:24px}.building{gap:16px;padding:25px 22px 50px}}.account{margin:24px 40px 0;padding:28px;background:#e9eddf;border-radius:6px}.account h2{font-size:28px;margin:12px 0}.account p{line-height:1.7;overflow-wrap:anywhere}.account p:last-child{max-width:700px;font-size:14px;color:#53664f}button:disabled{cursor:wait;opacity:.6}@media(max-width:760px){.account{margin:20px 22px 0;padding:22px}nav button{max-width:200px}}.resident-block{border-top:1px solid #c8d2c1;margin-top:30px;padding-top:20px}.account select,.account input:not([type=checkbox]),.account textarea{padding:12px;border:1px solid #9ba990;border-radius:4px;background:#fff;font:inherit;max-width:100%;width:100%}.account>label{max-width:220px}.account .error{color:#973522;font-weight:600}.account table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}.account th,.account td{border-bottom:1px solid #c8d2c1;padding:14px 12px;white-space:nowrap}.table-scroll{overflow-x:auto}.member-list{list-style:none;padding:0}.member-list li{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #c8d2c1;padding:12px 0;overflow-wrap:anywhere}.member-list button{padding:8px 14px;background:#fff;border:1px solid #9ba990;border-radius:4px}.apartment-checks{display:flex;gap:20px;flex-wrap:wrap}.account fieldset{border:1px solid #9ba990;border-radius:4px}.account .check{line-height:1.6}.account form h3{margin-bottom:0}.import-box{margin:24px 0;padding:20px;border:1px dashed #9ba990;border-radius:4px;overflow-wrap:anywhere}.import-box li{margin:10px 0}.import-box button{padding:12px 20px;border:1px solid #9ba990;background:#fff;border-radius:4px}.resident-block>label{max-width:650px}