@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:#172a27;--muted:#71817d;--green:#176b57;--green-dark:#105342;--mint:#e8f3ed;--paper:#fbfcfa;--line:#e8eeea;--white:#fff;--coral:#e88970;--shadow:0 20px 70px rgba(30,67,56,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 48px));margin:auto}.public-nav{height:78px;justify-content:space-between;border-bottom:1px solid rgba(232,238,234,.8)}.brand,.public-nav{display:flex;align-items:center}.brand{font:800 23px Manrope,sans-serif;letter-spacing:-1.2px;gap:10px}.brand-mark{width:30px;height:30px;border-radius:10px;background:var(--green);display:inline-grid;place-items:center;color:#fff}.nav-links{display:flex;gap:34px;align-items:center;font-size:14px;color:#52635e}.footer-links a:hover,.nav-links a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 18px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 7px 18px #176b5727}.button.primary:hover{background:var(--green-dark)}.button.ghost{border-color:var(--line);background:#fff}.hero{padding:81px 0 70px;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;gap:8px;border:1px solid #d7e8de;color:var(--green);background:#f0f7f2;padding:7px 11px;border-radius:99px;font-size:12px;font-weight:700}.eyebrow-dot{width:7px;height:7px;background:#4c9b77;border-radius:50%}.hero h1{font:800 clamp(44px,5.3vw,68px)/1.08 Manrope,sans-serif;letter-spacing:-3.7px;margin:22px 0 17px;max-width:600px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{font-size:17px;line-height:1.75;color:#687772;max-width:490px}.hero-actions{display:flex;gap:12px;margin:28px 0 20px}.micro-proof{font-size:12px;color:var(--muted)}.preview-wrap{position:relative;padding:18px 0}.preview{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.preview-top{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:7px}.window-dot{width:7px;height:7px;background:#d9e2dc;border-radius:50%}.preview-title{margin-left:10px;font-size:11px;font-weight:700;color:#72817c}.preview-body{padding:22px}.preview-greeting{display:flex;justify-content:space-between;align-items:center}.preview-greeting h3{font:700 19px Manrope;margin:0}.preview-greeting p{font-size:11px;color:var(--muted);margin:5px 0 19px}.avatar-stack{display:flex}.avatar{width:26px;height:26px;border-radius:50%;border:2px solid #fff;margin-left:-6px;display:grid;place-items:center;font-size:9px;font-weight:700;color:#315c4e}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat{border:1px solid var(--line);border-radius:10px;padding:12px}.stat span{font-size:10px;color:var(--muted)}.stat strong{display:block;font:700 21px Manrope;margin:6px 0 2px}.stat small{font-size:9px;color:#4b9b72}.board{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px}.board-col{background:#f7f9f7;border-radius:9px;padding:9px}.board-col h4{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#687772;margin:1px 0 9px}.task{background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px;margin-bottom:7px;font-size:9px;font-weight:600;line-height:1.45}.task span{display:block;margin-top:8px;font-size:8px;color:#889791;font-weight:400}.float-note{position:absolute;right:-13px;bottom:0;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 15px;box-shadow:var(--shadow);font-size:11px}.float-note b{color:var(--green)}.section{padding:70px 0}.section-head{text-align:center;max-width:600px;margin:0 auto 38px}.section-kicker{color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.section-head h2{font:750 36px/1.2 Manrope;letter-spacing:-1.5px;margin:12px 0}.section-head p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:17px;gap:17px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-height:195px}.feature-icon{width:40px;height:40px;border-radius:12px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:19px}.feature-card h3{font:700 17px Manrope;margin:17px 0 8px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.banner{background:#173f35;color:#fff;border-radius:18px;padding:38px 44px;display:flex;justify-content:space-between;align-items:center}.banner h2{font:700 26px Manrope;margin:0 0 8px}.banner p{color:#c6d8d0;margin:0;font-size:14px}.banner .button{background:#fff;color:var(--green)}.footer{padding:38px 0;margin-top:72px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.footer-links{display:flex;gap:24px}.page-hero{padding:66px 0 35px;text-align:center}.page-hero h1{font:800 48px Manrope;letter-spacing:-2px;margin:14px}.page-hero p{color:var(--muted);line-height:1.7;max-width:580px;margin:0 auto}.form-card{max-width:540px;margin:30px auto;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.form-card label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;color:var(--ink)}.form-card textarea{min-height:105px;resize:vertical}.form-card .button{width:100%;margin-top:20px;cursor:pointer}.app-layout{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}.sidebar .brand{padding:0 10px 30px}.team-switch{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:12px;margin:0 0 24px}.team-switch small{display:block;color:var(--muted);margin-top:5px}.side-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#95a29e;padding:0 11px;margin:18px 0 8px}.side-link{display:flex;align-items:center;gap:11px;padding:11px;border-radius:8px;color:#65736e;font-size:13px}.side-link.active,.side-link:hover{background:var(--mint);color:var(--green);font-weight:700}.sidebar-bottom{margin-top:auto}.main-area{min-width:0}.app-top{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.app-content{max-width:1120px;margin:auto;padding:34px}.app-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.app-title-row h1{font:750 27px Manrope;letter-spacing:-.8px;margin:0}.app-title-row p{font-size:13px;color:var(--muted);margin:6px 0}.content-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#84928d;padding:12px;border-bottom:1px solid var(--line)}.table td{padding:14px 12px;border-bottom:1px solid #f0f3f0;font-size:13px}.status{display:inline-block;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;background:#eaf5ee;color:#37825c}.status.progress{background:#fff3df;color:#b37c2b}.status.todo{background:#f0f2f1;color:#708079}.columns{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.board-panel{background:#f4f7f4;border-radius:11px;padding:14px;min-height:240px}.board-panel h3{font-size:12px;margin:0 0 13px}.board-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;margin-bottom:9px;font-size:12px}.board-card p{color:var(--muted);font-size:11px;margin:7px 0}.board-card select{border:1px solid var(--line);border-radius:6px;padding:5px;font-size:10px}.mobile-menu{display:none}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:55px}.preview-wrap{max-width:580px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr}.nav-links{gap:15px}.app-layout{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu{display:inline}.app-content{padding:22px}.app-top{padding:0 20px}.columns{grid-template-columns:1fr}.banner{gap:20px;align-items:flex-start;flex-direction:column}}@media(max-width:560px){.container{width:min(100% - 32px,1160px)}.public-nav{height:66px}.nav-links a:not(.button){display:none}.hero h1{font-size:47px;letter-spacing:-2.6px}.hero{gap:20px}.hero-actions{flex-wrap:wrap}.stat-grid{gap:6px}.preview-body{padding:14px}.footer{align-items:flex-start;gap:18px;flex-direction:column}.footer-links{gap:16px}.page-hero h1{font-size:38px}.app-title-row{align-items:flex-start;gap:15px;flex-direction:column}.content-card{overflow:auto}}