@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--ink:#243d36;--muted:#76807a;--green:#365f4d;--paper:#fbfaf7;--line:#e6e7df;--soft:#eef0e8;--accent:#dfe9a9}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:15px;padding:12px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}button:hover,.button:hover{background:#274938}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #a6b868}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-1.8px;font-size:46px;font-weight:600;line-height:1.2}h2{letter-spacing:-.6px;font-size:23px;font-weight:650;line-height:1.4}h3{font-size:16px}p{color:var(--muted)}small{color:var(--muted);font-size:12px}a{color:var(--green)}.shell{min-height:100vh;display:flex}.sidebar{background:#f0f1e9;border-right:1px solid #e4e7da;flex-direction:column;flex-shrink:0;width:254px;padding:35px 22px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-3px;align-items:center;padding:0 12px;font-size:41px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand>span{color:#83934a;margin-left:-3px}.brand strong{letter-spacing:-1px;margin-left:14px;font-family:Manrope,sans-serif;font-size:22px;font-weight:700}.workspace{letter-spacing:1.7px;color:#8a9284;margin:53px 15px 14px;font-size:9px;font-weight:600}.nav{color:#768070;background:0 0;justify-content:flex-start;gap:13px;width:100%;margin:4px 0;padding:13px 15px;font-size:14px;font-weight:500}.nav:hover{background:#e6eadd}.nav.active{color:#35503d;background:#e0e7d4}.nav-icon{width:23px;font-size:23px;font-weight:400;line-height:1}.count{background:#d0dabe;border-radius:4px;margin-left:auto;padding:0 7px;font-size:11px}.sidebar-note{margin:auto 12px 34px;padding-top:70px}.sidebar-note strong{font-size:12px;font-weight:500}.sidebar-note p{margin-top:8px;font-size:11px;line-height:1.9}.small-mark{color:#74896b;margin-bottom:16px;font-size:34px;line-height:1}.account{border-top:1px solid #dfe3d6;align-items:center;gap:10px;padding:23px 8px 0;display:flex}.avatar{color:#5d7050;background:#dce3cd;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.account strong{font-size:12px;font-weight:600;display:block}.account small{font-size:10px;display:block}.switch{color:var(--green);background:0 0;margin-left:auto;padding:3px}.main{width:calc(100% - 254px);margin-left:254px}.topbar{border-bottom:1px solid var(--line);color:#899083;justify-content:space-between;align-items:center;height:85px;padding:0 48px;font-size:11px;display:flex}.environment{border:1px solid var(--line);border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-size:10px;display:flex}.environment i{background:#9ba76c;border-radius:50%;width:5px;height:5px}.content{max-width:958px;margin:0 auto;padding:58px 52px 0}.eyebrow{letter-spacing:2px;color:#889276;font-size:10px;font-weight:600}.intro{padding:7px 0 35px}.intro h1{margin:19px 0 20px}.intro>p:last-child{font-size:14px;line-height:1.9}.suggestions{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:35px;display:grid}.suggestions button{text-align:left;color:var(--ink);background:#f6f5f0;border:1px solid #e8e8df;border-radius:10px;min-height:166px;padding:18px 18px 31px;font-weight:400;display:block;position:relative}.suggestions button:hover{background:#edf0e2;transform:translateY(-2px)}.suggestions button>span{color:#85965d;font-size:22px}.suggestions strong{margin:8px 0;font-size:12px;font-weight:500;display:block}.suggestions p{font-size:11px;line-height:1.7}.suggestions b{color:#8d9687;font-size:16px;font-weight:400;position:absolute;bottom:11px;right:14px}.composer{background:#fff;border:1px solid #dfe3d5;border-radius:14px;padding:20px 20px 15px;box-shadow:0 5px 18px #2b421006}.composer textarea{resize:vertical;width:100%;color:var(--ink);outline-offset:5px;background:0 0;border:0;min-height:62px;padding:0;font-size:13px}.composer textarea::placeholder{color:#92998d}.composer-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex}.composer button{white-space:nowrap;padding:10px 14px;font-size:11px}.device-select{color:#8b9586;flex-wrap:wrap;gap:10px;font-size:10px;display:flex}.device-select label{align-items:center;gap:4px;margin:0;font-size:10px;display:flex}.device-select input{width:auto;accent-color:var(--green);margin:0}.under-composer{text-align:center;color:#989e91;margin-top:13px;font-size:10px}.quiet-note{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:17px;margin-top:37px;padding:28px 0 10px;display:flex}.quiet-note>span{color:#9caa80;font-size:24px}.quiet-note p{color:#7c8976;font-size:11px;line-height:1.9}.quiet-note small{color:#a0a697;font-size:10px}footer{color:#a1a79b;border-top:1px solid var(--line);justify-content:space-between;margin:60px 0 24px;padding-top:20px;font-size:9px;display:flex}.page-title{margin:7px 0 35px}.page-title h1{margin:15px 0;font-size:37px}.page-title p:last-child{font-size:13px}.empty{text-align:center;background:#f4f5ee;border-radius:14px;padding:60px 25px}.empty>span{color:#8d9a72;margin-bottom:20px;font-size:38px;display:block}.empty p{margin:10px 0 25px;font-size:13px}.boundary-card,.proposal,.device-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin:18px 0;padding:26px}.proposal{background:#f2f5e9;border-color:#dde5ce}.proposal-top,.card-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.proposal h2{margin:18px 0 9px}.proposal>p,.boundary-card>p{margin:10px 0 20px;font-size:13px}.pill{color:#79856a;white-space:nowrap;background:#f5f7ef;border:1px solid #dfe5d3;border-radius:20px;padding:4px 9px;font-size:10px;display:inline-block}.proposal-stats{flex-wrap:wrap;gap:15px;margin:20px 0;font-size:10px;display:flex}.proposal-stats b{margin-right:3px;font-size:14px;font-weight:600}.domain-chips{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.domain-chips span{color:#69765b;background:#e9eddf;border-radius:5px;padding:3px 7px;font-size:10px}.status{color:#8d7f50;background:#f2efe2;border-radius:20px;padding:4px 10px;font-size:10px}.status.active{color:#608145;background:#edf3e5}.status.failed{color:#a26145;background:#fae9e2}.card-heading h2{margin-top:7px;font-size:21px}.details{color:#86917e;border-top:1px solid var(--line);gap:20px;padding:15px 0;font-size:11px;display:flex}.deadline{background:#f3f5eb;border-radius:8px;flex-direction:column;margin:12px 0;padding:15px;display:flex}.deadline strong{font-size:15px;font-weight:500}.deadline span{color:#849178;margin-top:3px;font-size:11px}.lock-note{background:#f9f7f0;border-radius:7px;padding:12px;font-size:11px!important}.secondary{color:var(--green);background:0 0;border:1px solid #d6dfcd}.secondary:hover{background:#edf0e6}.text-button{color:#738663;background:0 0;padding:10px;font-size:11px}.text-button:hover{background:#f3f5ed}.add-device{border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:28px}.add-device>div{gap:10px;display:flex}.add-device input{margin:0}.add-device button{white-space:nowrap}.device-card{gap:24px;display:flex}.phone-icon{color:#9bab83;font-size:55px;line-height:1.2}.device-card h2{font-size:19px}.device-card p{margin:4px 0;font-size:12px}.device-card small{font-size:10px}.button-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.button-row .button{font-size:11px}.setup{background:#f2f4e9;border-radius:12px;margin-top:28px;padding:25px}.setup h2{font-size:18px}.setup li{color:#6b7c62;padding-bottom:10px;font-size:12px}.setup ol{padding-left:20px}.setup p{margin-top:12px;font-size:11px;line-height:1.8}.timeline article{border-left:1px solid #dce3cf;gap:23px;margin-left:8px;padding:0 0 30px 24px;display:flex;position:relative}.timeline-dot{background:#a1b281;border-radius:50%;width:9px;height:9px;position:absolute;top:8px;left:-5px}.timeline time{color:#8d9983;font-size:10px}.timeline h3{margin:5px 0;font-size:14px;font-weight:600}.timeline p{font-size:12px}.message{background:#f0f2e9;border-radius:12px;max-width:95%;margin:12px 0;padding:17px 20px}.message.user{background:#e9eede;max-width:85%;margin-left:auto}.message span{color:#839572;font-size:10px;font-weight:600}.message p{color:#5a6e52;margin-top:5px;font-size:13px}.conversation{margin-bottom:25px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#26362975;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:18px;width:680px;max-height:90vh;padding:35px;position:relative;overflow:auto;box-shadow:0 15px 90px #12251840}.modal h2{margin:12px 0}.modal>p{margin:16px 0;font-size:12px}.modal h3{margin:20px 0 10px}.close{color:#809274;background:0 0;padding:2px 10px;font-size:24px;position:absolute;top:9px;right:13px}.close:hover{background:#eff2e7}label{color:#697c5f;margin:14px 0;font-size:12px;display:block}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe1d2;border-radius:7px;margin-top:6px;padding:10px 12px;font-size:13px}textarea{resize:vertical;min-height:75px}.form-grid,.criteria{grid-template-columns:1fr 1fr;gap:20px;display:grid}.criteria{background:#f0f3e6;border-radius:7px;margin:15px 0;padding:15px}.criteria strong{font-size:11px}.criteria p{margin-top:6px;font-size:11px}.evidence{border-bottom:1px solid var(--line);padding:15px 0}.evidence>div{justify-content:space-between;font-size:12px;display:flex}.evidence a{font-size:10px}.evidence p{margin:6px 0;font-size:11px}.evidence small{font-size:10px;display:block}.evidence select{max-width:230px;font-size:11px}.notice{background:#eef2e4;border-radius:9px;margin:15px 0;padding:15px;font-size:12px}.notice p{margin:7px 0;font-size:11px}.check{align-items:flex-start;gap:9px;display:flex}.check input{width:15px;height:15px;accent-color:var(--green);flex-shrink:0;margin:3px 0}.consent{background:#edf1e3;border-radius:9px;padding:15px;font-size:12px}.fine-print{font-size:11px!important}.error{color:#9b573e;background:#fbece4;border:1px solid #f1d5c7;border-radius:8px;justify-content:space-between;margin-bottom:18px;padding:13px;font-size:12px;display:flex}.error button{color:#9b573e;background:0 0;padding:0 7px}fieldset{border:1px solid var(--line);border-radius:7px;margin-top:16px}legend{font-size:12px}.health-row{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}details{border:1px solid var(--line);border-radius:7px;margin:10px 0;padding:14px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login{text-align:center;max-width:620px;margin:0 auto;padding:65px 30px}.mark{letter-spacing:-8px;margin-bottom:45px;font-size:65px;font-weight:700;line-height:1.1}.mark span{color:#94a062}.login h1{margin:20px 0}.login-card{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:390px;margin:40px auto 0;padding:28px}.login-card h2{font-size:18px}.login-card p{margin:10px 0 20px;font-size:12px}.login-card button{width:100%;margin:5px 0}.login-card small{margin-top:15px;font-size:10px;display:block}@media (min-width:1500px){.content{padding-top:80px}.intro h1{font-size:52px}.suggestions button{min-height:180px}.quiet-note{margin-top:45px}}@media (max-width:1050px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.brand strong{font-size:19px}.main{width:calc(100% - 215px);margin-left:215px}.content{padding:40px 30px 0}.topbar{padding:0 30px}.suggestions{gap:8px}.suggestions button{padding:13px 12px 27px}.proposal-top{flex-wrap:wrap}}@media (max-width:720px){.shell{display:block}.sidebar{z-index:5;border:0;border-top:1px solid var(--line);background:#f0f2e9;width:100%;height:68px;padding:5px 8px;inset:auto 0 0}.sidebar .brand,.workspace,.sidebar-note,.account{display:none}.sidebar nav{justify-content:space-around;display:flex}.nav{flex-direction:column;gap:2px;width:auto;margin:0;padding:6px 14px;font-size:9px;display:flex}.nav-icon{font-size:21px}.count{display:none}.main{width:100%;margin:0}.topbar{height:60px;padding:0 20px;font-size:10px}.environment{font-size:9px}.content{padding:32px 22px 70px}.intro{padding-top:5px;padding-bottom:25px}.intro h1{letter-spacing:-1.5px;margin-top:15px;font-size:36px}.intro>p:last-child{font-size:13px}.suggestions{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.suggestions button{min-height:auto;padding:13px 35px 13px 48px}.suggestions button>span{position:absolute;top:14px;left:15px}.suggestions strong{margin:0 0 2px;font-size:12px}.suggestions p{font-size:10px}.suggestions b{top:21px;bottom:auto}.composer{padding:16px}.composer-bottom{align-items:flex-end}.composer button{padding:10px;font-size:10px}.device-select{flex-direction:column;gap:3px;max-width:50%}.under-composer{font-size:9px;line-height:1.8}.quiet-note{align-items:flex-start;margin-top:22px;padding-top:23px}.quiet-note small{font-size:9px}.quiet-note p{font-size:10px}.proposal,.boundary-card,.device-card{padding:20px}.proposal h2{font-size:20px}.proposal-stats{gap:10px}.page-title h1{font-size:33px}.card-heading{flex-wrap:wrap}.details{flex-direction:column;gap:4px}.device-card{gap:14px}.phone-icon{font-size:40px}.button-row{gap:7px}.device-card .button{padding:9px 11px;font-size:10px}.add-device>div{flex-direction:column}.setup{padding:20px}.modal-backdrop{padding:10px}.modal{border-radius:12px;max-height:94vh;padding:28px 20px}.form-grid,.criteria{gap:12px}.modal .button-row{flex-direction:column;align-items:stretch}footer{gap:12px;margin-top:35px;font-size:8px}.error{overflow-wrap:anywhere}.login{padding-top:45px}.login h1{font-size:40px}.message{padding:14px}.message p{font-size:12px}}