@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:#172d2e;--accent:#15716a;--paper:#f5f6f2;--line:#dbe2dc;--muted:#607274;--soft:#e8f1e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif;line-height:1.55}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(36px,4.4vw,64px);margin:16px 0 24px;font-weight:600}h2{font-size:29px;margin:8px 0 18px}h3{font-size:19px}p{color:var(--muted)}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.btn{cursor:pointer;border:1px solid var(--line);padding:13px 19px;border-radius:5px;background:white;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;transition:.18s}button:hover,.btn:hover{border-color:var(--accent);transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #f2aa3b;outline-offset:3px}.primary{background:var(--accent);color:white;border-color:var(--accent)}.quiet{background:transparent}.top{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:white;gap:20px}.brand{font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand small{display:block;font-size:9px;font-weight:600;letter-spacing:2px}.top nav{display:flex;gap:10px;align-items:center}.top nav a{text-decoration:none;padding:9px 12px;font-size:13px}.top nav a.active{background:var(--soft);color:var(--accent)}.wrap{max-width:1280px;margin:auto;padding:42px 5vw 70px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--accent)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero p{font-size:17px;max-width:510px}.panel{background:white;border:1px solid var(--line);padding:28px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice{min-height:120px;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:20px}.choice strong{font-size:16px}.choice span{font-size:11px;letter-spacing:1px;color:var(--muted)}.choice:hover{background:var(--soft)}.sectionhead{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:28px 0 18px}.split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.steps{display:flex;gap:10px;margin:0 0 28px}.step{font-size:12px;flex:1;padding:13px 0;border-top:3px solid var(--line);color:var(--muted)}.step.on{border-color:var(--accent);color:var(--accent)}label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}input,select,textarea{width:100%;min-height:48px;background:#fff;border:1px solid #cbd4d2;border-radius:4px;padding:11px 13px;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{min-height:94px;resize:vertical}.field{margin-bottom:19px}.field small{display:block;margin-top:5px;color:var(--muted);font-size:11px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;align-items:center}.note{padding:16px 18px;background:var(--soft);border-left:3px solid var(--accent);font-size:13px;margin:20px 0}.badge{display:inline-block;border:1px solid var(--line);padding:4px 9px;border-radius:30px;font-size:11px;white-space:nowrap;background:white}.badge.good{background:var(--soft);color:var(--accent)}.badge.warn{background:#fff1d9;color:#825400;border-color:#e6d7b8}.muted{color:var(--muted)}.tiny{font-size:11px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.kpi{padding:20px;background:white;border:1px solid var(--line)}.kpi b{display:block;font-size:32px;letter-spacing:-1px}.kpi span{font-size:12px;color:var(--muted)}.tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;min-width:690px;text-align:left;font-size:13px}th{background:var(--soft);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}th,td{padding:17px;border-bottom:1px solid var(--line)}tbody tr:hover{background:var(--paper)}td button{padding:6px 10px;font-size:12px}.summary{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.summary div{border-bottom:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.summary small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.summary b{font-weight:600}.success{max-width:790px;margin:20px auto}.check{font-size:32px;display:grid;place-items:center;background:var(--soft);border-radius:50%;width:64px;height:64px;color:var(--accent)}footer{border-top:1px solid var(--line);padding:20px 5vw;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:15px}.toast{position:fixed;bottom:24px;right:24px;background:var(--ink);color:white;padding:15px 24px;border-radius:5px;z-index:10}.checkfield{display:flex;gap:12px;align-items:flex-start}.checkfield input{width:18px;min-height:18px;margin-top:4px}.checkfield label{font-size:12px;font-weight:400}.filter{max-width:360px}.line{height:1px;background:var(--line);margin:24px 0}.back{padding:0;border:0;background:transparent;font-size:12px;color:var(--muted);margin-bottom:20px}.empty{text-align:center;padding:50px}.statline{display:flex;gap:30px;padding:18px 0;border-top:1px solid var(--line)}.statline b{display:block;font-size:17px}.statline small{font-size:10px;color:var(--muted)}.art{min-height:380px;border-radius:8px;position:relative;overflow:hidden;background:#deebe7;padding:32px}.art img{width:100%;height:270px;object-fit:contain}.art .caption{font-size:12px}.art .ring{position:absolute;border:1px solid #abc9c1;width:350px;height:350px;border-radius:50%;right:-110px;top:-100px}.demo{font-size:11px;padding:9px 5vw;background:#fff4de;color:#765720;border-bottom:1px solid #ebdbb9}.tabs{display:flex;gap:8px;overflow-x:auto;margin:20px 0}.tabs button{white-space:nowrap;font-size:12px;padding:9px 14px}.tabs button.active{background:var(--ink);color:white}.timeline{border-left:2px solid var(--line);padding-left:22px}.timeline div{margin:20px 0}.timeline b{display:block}.mobile-only{display:none}@media(max-width:800px){.top{height:auto;min-height:78px;padding:15px 20px;flex-wrap:wrap;gap:12px}.top nav{gap:0}.top nav a{padding:7px;font-size:11px}.wrap{padding:28px 20px 45px}.hero,.split{grid-template-columns:1fr;gap:25px}.hero h1{margin-top:10px}.art{min-height:260px;padding:24px}.art img{height:190px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.panel{padding:20px}.summary{grid-template-columns:1fr 1fr;gap:0 12px}.sectionhead{align-items:flex-start}.sectionhead h2{font-size:25px}.step{font-size:10px}.grid{grid-template-columns:1fr}.choice{min-height:110px}.actions>*{flex:1}.split aside{order:2}.statline{gap:18px}footer{padding:20px;flex-wrap:wrap}.filter{max-width:100%}.mobile-only{display:block}}@media print{.top nav,button,.actions,.demo,footer{display:none!important}body{background:white}.wrap{padding:0;max-width:100%}.panel{break-inside:avoid}h1{font-size:30px}.split{display:block}.note{font-size:11px}}