:root{--green:#88a80d;--ink:#172018;--muted:#657060;--line:#e0e5d9}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px Urbanist,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--green)}button{cursor:pointer}[hidden]{display:none!important}.demo-banner{background:#f0f5e5;color:#5c702b;text-align:center;padding:10px 20px;font-size:10px;letter-spacing:1.3px;line-height:1.6}header{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}header nav{display:flex;gap:25px;font-size:13px}.sample-brand{font-size:22px;font-weight:600}.sample-brand span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.sample-wrap{max-width:1350px;margin:auto;padding:0 6%}.sample-hero{padding:90px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(38px,4.7vw,66px);line-height:1.08;letter-spacing:-.035em;margin:25px 0;font-weight:700}h2{font-size:32px;letter-spacing:-.025em}p{color:var(--muted);line-height:1.7}.kicker{font-size:10px;letter-spacing:1.6px;color:#728d0b}.button,.outline-button{display:inline-block;border-radius:99px;border:1px solid var(--green);background:var(--green);color:#fff;padding:14px 22px;font-size:13px}.outline-button{background:#fff;color:#526c17}.sample-art{height:300px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#88a80d15,transparent 70%)}.sample-art img{width:190px}.sample-art>span{position:absolute;bottom:0;font-size:12px;color:var(--muted)}.art-orbit{border:1px solid #88a80d44;width:100%;height:160px;border-radius:50%;position:absolute;transform:rotate(-25deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.section-heading h2{margin-bottom:0}input,select,textarea{border:1px solid #cbd6bc;background:#fff;padding:12px 15px;border-radius:5px;color:var(--ink);max-width:100%}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sample-card{padding-bottom:25px;border-bottom:1px solid var(--line)}.sample-visual{height:165px;background:#f2f5ed;display:flex;flex-direction:column;justify-content:space-between;padding:22px;margin-bottom:25px}.sample-visual span{font-size:11px;color:#728d0b}.sample-visual strong{font-size:28px;font-weight:500;letter-spacing:-1px}.sample-card h3{font-size:24px;font-weight:600}.text-button{background:transparent;border:0;border-bottom:1px solid #a3b585;padding:10px 0;color:#526c17;font-size:13px}.sample-contact{padding:90px 0;max-width:650px}.sample-contact form{display:grid;gap:20px}.sample-contact label{display:grid;gap:8px;font-size:13px}.sample-contact .button{justify-self:start}footer{padding:30px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.dashboard-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 36px)}aside{border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;gap:28px;background:#fafbf7}aside img{width:160px}aside nav{display:grid;gap:7px}aside nav button{padding:13px 15px;border:0;background:transparent;text-align:left;border-radius:5px;color:#657060}aside nav button.active{background:#eaf0df;color:#536b16}.aside-links{margin-top:auto;display:grid;gap:18px;font-size:12px;color:#607334}.dashboard-main{padding:28px 40px;min-width:0}.dash-header{padding:0 0 25px;align-items:start}.dash-header h1{font-size:32px;margin:14px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}.metric-grid article{padding:24px;border:1px solid var(--line)}.metric-grid article span{font-size:12px;color:var(--muted)}.metric-grid strong{display:block;font-size:40px;font-weight:600;margin-top:15px}.dash-panel{padding:25px;border:1px solid var(--line);margin:24px 0}.dash-panel h2{font-size:23px;margin-top:0}.dash-panel>p{font-size:14px}.module-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.module-buttons button{background:#f7f9f2;padding:16px;border:1px solid #e0e7d4;text-align:left;color:#526c17;font-size:12px}.table-tools{display:flex;gap:15px;margin-bottom:25px}.table-tools input{flex:1}.table-overflow{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--muted)}td button{border:1px solid #cbd6bc;background:#f3f7ea;padding:7px 10px;color:#526c17;border-radius:4px}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.client-grid article{padding:20px;background:#f7f9f2}.client-grid h3{font-size:17px}.client-grid p,.client-grid span{font-size:12px}.bar-row{display:grid;grid-template-columns:100px 1fr 30px;gap:15px;margin:15px 0;font-size:12px;align-items:center}.bar-track{background:#f0f4e7;height:12px}.bar-fill{background:#88a80d;height:100%}@media(max-width:850px){.sample-hero{grid-template-columns:1fr;padding:60px 0;gap:10px}.sample-art{height:210px}.sample-grid{grid-template-columns:1fr 1fr}.dashboard-shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);gap:15px;padding:20px}aside nav{display:flex;flex-wrap:wrap}.aside-links{display:flex;flex-wrap:wrap}.dashboard-main{padding:25px 5%}.metric-grid{grid-template-columns:1fr 1fr}.module-buttons{grid-template-columns:1fr 1fr}.dash-header{flex-wrap:wrap}.client-grid{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}}@media(max-width:520px){header{flex-wrap:wrap}.sample-grid{grid-template-columns:1fr}.table-tools{flex-wrap:wrap}.metric-grid{gap:10px}.metric-grid article{padding:18px}.module-buttons{grid-template-columns:1fr}footer{flex-wrap:wrap}.sample-hero h1{font-size:44px}}@media(max-width:400px){header{padding:16px 5%}.sample-hero{padding:40px 0}.sample-hero h1{font-size:clamp(30px,8vw,38px)}.sample-visual{height:140px;padding:16px}.sample-visual strong{font-size:24px}.metric-grid{grid-template-columns:1fr}.metric-grid strong{font-size:28px}.sample-contact{padding:50px 0}}