:root{--ink:#17312c;--muted:#5c706c;--line:#dce6e2;--paper:#f7f8f4;--mint:#d9eee4;--green:#146c55;--dark:#0e322b;--accent:#f4b942}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}header,footer,main{max-width:1160px;margin:auto}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-weight:800;font-size:21px;color:var(--dark);text-decoration:none;letter-spacing:-1px}.brand span{color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em}h2{font-size:1.55rem;line-height:1.15;letter-spacing:-.025em}h3{font-size:1.08rem}.button{display:inline-block;border:0;border-radius:7px;padding:12px 18px;background:var(--green);color:white;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.button:hover{background:#0d5744}.button.small{padding:8px 13px;font-size:.9rem}.button.light{background:white;color:var(--dark)}.eyebrow{color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.11em}.lead{max-width:650px;color:var(--muted);font-size:1.18rem}.fine,small{font-size:.82rem;color:var(--muted)}.hero{padding:92px 24px 98px;background:linear-gradient(110deg,#f7f8f4 52%,#e7f4ee 52%)}.actions{display:flex;gap:25px;align-items:center;margin:30px 0 20px}.text-link{color:var(--ink);font-weight:700}.problem{margin:0 24px;padding:70px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:90px;border-top:1px solid var(--line)}.problem p{color:var(--muted);max-width:620px}.problem aside{background:var(--dark);padding:26px;color:white;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 15px;align-content:start}.problem strong{font-size:1.2rem;color:#bce5d5}.problem span{font-size:.82rem;color:#c2d0cc}.steps{padding:30px 24px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{padding:26px;background:white;border:1px solid var(--line);border-radius:9px}.steps b{color:var(--green);font-size:.85rem}.steps p,.panel p{color:var(--muted)}.cta{margin:0 24px 70px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--dark);color:white;border-radius:10px}.cta h2{font-size:2rem;margin:0 0 8px}.cta p{margin:0;color:#c2d0cc}footer{border-top:1px solid var(--line);padding:25px 24px;color:var(--muted);font-size:.84rem;display:flex;gap:16px;flex-wrap:wrap}footer a{color:var(--green)}.app-shell{padding:40px 24px 85px}.auth-card{max-width:900px;margin:25px auto;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:50px;background:#e6f2ed;border-radius:12px}.auth-card h1{font-size:2.8rem}.auth-forms{background:white;padding:22px;border-radius:8px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{background:none;border:0;padding:10px 12px;color:var(--muted);font:inherit;cursor:pointer}.tabs button.active{color:var(--green);font-weight:700;border-bottom:2px solid var(--green)}form label{display:block;font-size:.85rem;font-weight:700;margin:0 0 13px}input,select{display:block;width:100%;padding:10px;border:1px solid #bfcfc9;border-radius:5px;margin-top:4px;background:white;font:inherit;color:var(--ink)}.workspace-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.workspace-title h1{font-size:2.4rem;margin-bottom:4px}.progress{background:#e7eeeb;padding:13px 16px;border-radius:7px;font-size:.88rem;font-weight:700;margin-bottom:22px}.progress div{height:5px;margin-top:8px;background:#c5d7d0;border-radius:4px}.progress i{display:block;background:var(--green);height:100%;width:0;border-radius:4px;transition:.3s}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:23px}.products{grid-column:span 2}.inline-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}.inline-form label{margin:0}.panel-head{display:flex;justify-content:space-between;gap:10px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:13px}.panel-head h2{margin-bottom:4px}.panel-head p{font-size:.82rem;margin:0}.panel-head strong{font-size:1.4rem;color:var(--green)}.report-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf2ef;font-size:.9rem}.product-card{padding:17px 0;border-bottom:1px solid var(--line)}.product-card:last-child{border:0}.product-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.product-top h3{margin:0}.product-meta{font-size:.84rem;color:var(--muted)}.component-list{margin:12px 0;padding:0;list-style:none;font-size:.88rem;color:var(--muted)}.component-list li{padding:3px 0}.component-form{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:9px;align-items:end;padding:13px;background:#f6f9f7;border-radius:6px}.component-form label{margin:0;font-size:.76rem}.component-form input,.component-form select{padding:7px;font-size:.9rem}.delete{border:0;background:none;color:#9d3c2e;text-decoration:underline;cursor:pointer;font:inherit;font-size:.82rem}#flash{min-height:0;max-width:900px;margin:0 auto}.flash{padding:10px 13px;margin-bottom:16px;border-radius:6px;background:#fce8e4;color:#8d3228;font-size:.9rem}.empty{color:var(--muted);font-size:.92rem}@media(max-width:720px){.hero{padding-top:55px}.problem,.auth-card{grid-template-columns:1fr;gap:28px}.steps,.dashboard{grid-template-columns:1fr}.products{grid-column:auto}.cta{align-items:start;flex-direction:column}.inline-form,.component-form{grid-template-columns:1fr 1fr}.inline-form .button,.component-form .button{grid-column:span 2}.workspace-title{align-items:start;flex-direction:column}.product-top{align-items:start;flex-direction:column}.auth-card{padding:28px}.auth-card h1{font-size:2.35rem}}