:root{--ink:#172c29;--green:#173f35;--lime:#d9ef98;--paper:#f7f7f0;--line:#dce1d7;--muted:#65736c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,footer{padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}nav,.actions{display:flex;align-items:center;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:2px}.mark{background:var(--green);color:var(--lime);padding:8px;border-radius:10px;font-weight:800}main{min-height:75vh}button,.button{display:inline-block;cursor:pointer;border:1px solid #b9c6bc;background:transparent;padding:12px 20px;border-radius:7px;font:600 13px/1.4 system-ui;color:var(--ink);text-align:center}.primary{background:var(--green);color:white;border-color:var(--green)}.lime{background:var(--lime);border-color:var(--lime)}h1,h2,h3,h4,p{margin:0 0 18px}h1{font-size:clamp(38px,4.6vw,72px);line-height:1.09;letter-spacing:-3px;font-weight:600}h1 em{font-style:normal;color:#66834b}h2{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-1.5px}h3{font-size:23px;line-height:1.3}h4{font-size:21px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7vw;padding:72px max(5vw,20px)}.hero p{max-width:550px;color:var(--muted)}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:18px}.heronote,.caption,small,.muted{font-size:12px;color:var(--muted)}.heronote{margin-top:24px}.heroart{border-radius:22px;background:#e7eadb;padding:32px;transform:rotate(1deg);box-shadow:0 18px 35px #173f3510}.mockheader{font-size:10px;letter-spacing:2px;display:flex;gap:12px;align-items:center;margin-bottom:30px}.visualproduct{display:flex;align-items:center;gap:24px;background:#f6f5e9;padding:30px 20px;border-radius:12px}.visualproduct>span{font-size:80px;color:#879b55}.stepsmini{display:flex;justify-content:space-between;font-size:11px;margin:25px 0}.strip{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;background:#e9eddf;padding:20px;font-size:12px}.strip>span:first-child{font-size:9px;letter-spacing:1.5px}.section{padding:65px max(5vw,20px)}.sectionheading{display:flex;align-items:center;justify-content:space-between;gap:25px}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#edf0e6;padding:20px;border-radius:10px;margin:20px 0 30px}.filters label{flex:1;min-width:130px}label{display:block;font-size:12px;font-weight:600;margin-bottom:12px}input,select,textarea{display:block;width:100%;border:1px solid #ccd4c9;background:white;color:var(--ink);border-radius:5px;padding:11px;font:14px system-ui;margin-top:6px}textarea{min-height:100px}input:focus,select:focus,textarea:focus{outline:2px solid #91b65e;outline-offset:1px}.grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.productcard,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel{padding:26px}.productvisual{position:relative;display:grid;place-items:center;min-height:230px;background:#e9eddf}.productvisual img{width:100%;height:250px;object-fit:cover}.productvisual>span:not(.category){font-size:70px}.category{position:absolute;bottom:12px;left:12px;background:white;padding:4px 10px;border-radius:20px;font-size:10px}.productbody{padding:22px}.productmeta{display:flex;justify-content:space-between;margin:18px 0}.productbody .button{width:100%}.empty{grid-column:1/-1;text-align:center;padding:55px}.empty>span{font-size:45px}.band{margin:0 max(5vw,20px);padding:50px;background:var(--green);color:white;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.band p{color:#c8d4c9}.center{text-align:center;margin-bottom:30px}.price{font-size:38px;letter-spacing:-1px}.price small{font-size:13px}.plans li{margin:14px 0;font-size:13px}.plans ul{padding-left:17px}.plans .button{width:100%}.caption{margin-top:20px}.notice,.errors,.alert{padding:16px 25px;margin:20px max(5vw,20px);border:1px solid #bccd9d;background:#ebf3dd;border-radius:8px}.errors{background:#fff0e9;border-color:#e2bba8}.auth{max-width:520px;margin:60px auto;padding:30px}.auth .button:not(.password-toggle-btn),.auth button:not(.password-toggle-btn){width:100%;margin:10px 0}.auth a{color:var(--green)}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding:35px max(4vw,18px)}.sidebar{align-self:start;position:sticky;top:20px}.sidebar a{display:block;padding:10px 12px;border-radius:6px;font-size:13px}.sidebar a:hover{background:#e3ead8}.workspace section,.workspace .panel{margin-bottom:26px}.workspace h1{font-size:36px;letter-spacing:-1px}.stats,.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stats>div,.metrics>div{background:white;padding:20px;border:1px solid var(--line);border-radius:8px}.stats strong,.stats b,.metrics strong{display:block;font-size:26px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formgrid .wide{grid-column:1/-1}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;vertical-align:top;overflow-wrap:anywhere}code{overflow-wrap:anywhere;font-size:12px;background:#e9eddf;padding:3px 5px}details{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}summary{cursor:pointer;font-weight:600;margin-bottom:15px}.badge{display:inline-block;border-radius:20px;background:#e8efdc;padding:3px 10px;font-size:11px}.productdetail{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:65px max(5vw,20px)}.productdetail img{width:100%;border-radius:16px}.pagination{display:flex;gap:20px;justify-content:center;margin-top:25px}footer{font-size:12px;border-top:1px solid var(--line);margin-top:40px}form{margin:0}button:hover,.button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #91b65e;outline-offset:3px}@media(max-width:900px){.hero{gap:25px;padding-top:40px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.sidebar{position:static;display:flex;flex-wrap:wrap}.stats,.metrics{grid-template-columns:repeat(2,1fr)}header nav{gap:10px}.heroart{padding:22px}}@media(max-width:620px){header{padding:15px;gap:10px}.brand{font-size:12px}.brand small{font-size:8px}header nav>a:not(.button){display:none}header .button{padding:10px;font-size:11px}.hero,.band,.productdetail{grid-template-columns:1fr}.hero{padding:40px 20px}.heroart{transform:none}h1{letter-spacing:-2px}.grid{grid-template-columns:1fr}.section{padding:40px 20px}.sectionheading{display:block}.band{padding:30px;gap:20px}.formgrid{grid-template-columns:1fr}.stats,.metrics{grid-template-columns:1fr 1fr}.actions{gap:10px;flex-wrap:wrap}.auth{margin:25px 15px}.panel{padding:20px}footer{display:block}footer>*{margin-bottom:15px}.workspace{padding:20px 12px}.workspace h1{font-size:30px}}
.sidenav{align-self:start;position:sticky;top:20px}.sidenav>a{display:block;padding:12px 10px;border-radius:6px;font-size:13px}.sidenav>a:hover{background:#e3ead8}.sidenote{margin-top:30px;padding:18px;background:#e7eddd;border-radius:8px;font-size:12px}.sidenote p{margin:10px 0 0;color:var(--muted)}.workspacebody{min-width:0}.dashboardbanner{display:flex;justify-content:space-between;background:var(--green);color:white;border-radius:14px;padding:32px;margin-top:25px}.dashboardbanner p{color:#d5dfcf;margin-bottom:0}.dashboardbanner>span{font-size:100px;color:var(--lime)}.stats>article{background:white;padding:20px;border:1px solid var(--line);border-radius:8px}.stats strong{font-size:26px;display:block}.metrics>span{background:#eef1e7;padding:12px;font-size:11px;border-radius:5px}.metrics b{display:block;font-size:13px}.authpage{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1100px;margin:65px auto;padding:25px}.authpage>aside{align-self:center}.authform button:not(.password-toggle-btn){width:100%;margin-top:10px}.authform .password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:0;margin:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.authform{padding:35px}.preline{white-space:pre-line}.proposal{padding:20px;background:#f0f3e9;border-radius:6px}.padded{margin-bottom:20px}td small{display:block}.notice.error{background:#fff0e9;border-color:#e2bba8}.sidenav h3{overflow-wrap:anywhere}.quiet{padding:8px 12px}@media(max-width:900px){.sidenav{position:static;display:flex;gap:5px;flex-wrap:wrap}.sidenav .eyebrow,.sidenav h3{width:100%}.sidenote{display:none}.sidenav>a{padding:7px;font-size:12px}}@media(max-width:620px){.authpage{grid-template-columns:1fr;margin:20px auto;padding:20px;gap:25px}.authpage aside h1{font-size:36px}.authform{padding:24px}.dashboardbanner{padding:22px}.dashboardbanner>span{font-size:50px}.dashboardbanner h2{font-size:27px}.stats>article{padding:12px}.stats strong{font-size:23px}.stats small{font-size:10px}}
