@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173d34;--muted:#65756e;--paper:#f7f8f3;--line:#dbe3d7;--green:#17695b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus,summary:focus-visible{outline:3px solid #9dc9b6;outline-offset:3px}main,.bar,footer{max-width:1180px;margin:auto;padding:0 34px}.bar{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font:800 28px Manrope,sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:16px}.brand span{font:600 10px 'DM Sans',sans-serif;letter-spacing:2px;border-left:1px solid #b5c3b8;padding-left:16px}.bar nav{display:flex;align-items:center;gap:23px;font-size:12px}.bar form{margin:0}.plain{border:0;background:none;cursor:pointer;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;cursor:pointer;background:var(--green);color:white;padding:16px 24px;border-radius:7px;font-weight:600;font-size:13px;line-height:1.3}.button:hover{background:#104e43;text-decoration:none}.button.small{padding:12px 17px}.secondary{color:var(--green);background:#e9efe6}.secondary:hover{background:#dce8d7}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:85px 0 70px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green)}h1{font:500 clamp(40px,4.5vw,60px)/1.12 Manrope,sans-serif;letter-spacing:-2.7px;margin:22px 0}h1 em{font-style:normal;color:var(--green)}.lead{font-size:16px;line-height:1.8;color:var(--muted);max-width:500px;margin-bottom:28px}.project-demo{padding:32px;border:1px solid #d3dfce;background:#eaf0e5;border-radius:15px;min-width:0}.address{font:600 24px Manrope,sans-serif;letter-spacing:-1px;margin:25px 0;overflow-wrap:anywhere}.address span{color:#6b8373;font-weight:400}.demo-row{padding:20px 0;border-top:1px solid #cedbca;display:flex;justify-content:space-between;gap:20px;font-size:12px}.demo-row span{color:var(--muted)}.project-demo>p:last-child{font-size:11px;color:var(--muted);line-height:1.7}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 0 70px}.three article{border-top:1px solid var(--line);padding-top:20px}.three article>span{font-size:11px;letter-spacing:1px;color:var(--green)}h2{font:600 23px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:16px 0 12px}.three p,.card>p{font-size:14px;line-height:1.8;color:var(--muted)}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:65px}.card{border:1px solid var(--line);padding:30px;border-radius:12px;background:#fff;min-width:0}.card form{margin-top:24px}label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}input,select,textarea{display:block;margin-top:8px;width:100%;padding:13px;border:1px solid #d8e0d4;border-radius:6px;background:#fbfcf9;color:var(--ink);font-size:14px;min-width:0}textarea{resize:vertical}small,.hint{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 20px}.existing{margin-top:34px;padding-top:25px;border-top:1px solid var(--line);font-size:13px}.existing p{color:var(--muted);font-size:12px}.existing a,.text-link{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.notice{padding:17px 22px;background:#e5f1e3;border:1px solid #c8dec0;border-radius:8px;font-size:14px;line-height:1.7;margin-top:25px}.notice.error{background:#fff0e9;border-color:#eccdbd;color:#833e26}.dashboard-head{padding:55px 0 30px}.dashboard-head h1{font-size:42px}.dashboard-head>p:last-child{color:var(--muted);font-size:15px;line-height:1.8;max-width:700px}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:35px}.project-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-top h2{margin:0}.badge{font-size:9px;border-radius:15px;background:#edf4e8;color:var(--green);padding:6px 9px;white-space:nowrap}.small-address{font-size:19px;margin:15px 0}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.actions form{margin:0}.card details{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.card summary{font-size:12px;cursor:pointer;font-weight:600}.create-project{margin:30px 0 70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.slug-field{display:flex;align-items:center;gap:9px}.slug-field span{font-size:13px;color:var(--muted);padding-top:8px}.slug-field input{flex:1}.hint{max-width:650px}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:30px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}@media(max-width:800px){.hero{gap:30px}.demo-row{flex-direction:column;gap:8px}.brand span{display:none}.bar nav{gap:15px}}@media(max-width:650px){main,.bar,footer{padding-left:20px;padding-right:20px}.bar{min-height:80px;gap:12px}.brand{font-size:24px}.bar nav{gap:12px;font-size:10px}.bar nav>a:first-child{display:none}.button.small{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:42px 0}.hero h1{font-size:44px;letter-spacing:-2px}.lead{font-size:15px}.project-demo{padding:24px}.demo-row{flex-direction:row;gap:16px}.three,.auth-grid,.project-list,.form-grid{grid-template-columns:1fr}.three{gap:20px;padding-bottom:35px}.card{padding:23px}.dashboard-head h1{font-size:35px}.project-top{flex-wrap:wrap}.address{font-size:22px}.small-address{font-size:18px}footer{flex-direction:column;gap:16px}.bar nav>span{max-width:120px;overflow-wrap:anywhere}.project-top h2{font-size:21px}}
