@import url('wienovo-fonts.css');
:root{--ink:#183c34;--ink2:#245546;--muted:#667c70;--paper:#f7f5ef;--white:#fff;--line:#e1e5db;--green:#b7ef89;--pale:#eaf4e5;--peach:#ffd8b7;--shadow:0 17px 45px rgba(29,63,47,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #75aa60;outline-offset:2px}input,select,textarea{accent-color:var(--ink2)}.wrap{max-width:1240px;margin:auto;padding:0 28px}
.topbar{background:var(--ink);color:#d9e8da;text-align:center;padding:9px 16px;font-size:12px;letter-spacing:.02em}.topbar b{color:var(--green)}header{background:#f7f5eff0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font:800 26px Manrope,Arial,sans-serif;letter-spacing:-.07em;white-space:nowrap}.brand .dot{color:#8cca6c}.mark{width:37px;height:37px;background:var(--ink);border-radius:13px;position:relative;display:inline-block;transform:rotate(-9deg)}.mark:before,.mark:after{content:'';position:absolute;width:12px;height:12px;border:3px solid var(--green);border-radius:50%;top:10px}.mark:before{left:7px}.mark:after{right:7px}.navlinks{display:flex;align-items:center;gap:28px;color:#586e62;font-size:14px;font-weight:700}.navlinks a:hover,.navlinks a.active{color:var(--ink)}.navright{margin-left:auto}.navbtn,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:11px;padding:12px 17px;font-weight:800;font-size:13px;transition:.2s}.navbtn:hover,.button:hover{background:#326b55;transform:translateY(-1px)}.button.green{background:var(--green);border-color:var(--green);color:var(--ink)}.button.green:hover{background:#a6df77}.button.light{background:white;color:var(--ink);border-color:#d6dfd5}.button.light:hover{background:#f3f7f0}.button.ghost{background:transparent;color:var(--ink);border-color:#d6dfd5}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#4c795e;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;background:#89c573;border-radius:50%}.page-title{font:800 clamp(36px,4vw,54px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.06em;margin:13px 0 10px}.intro{color:#6d8174;font-size:15px;line-height:1.6;max-width:760px;margin:0}.section-title{font:800 24px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0}.muted{color:#7a8d7f}.tiny{font-size:11px}.demo-pill{font-size:11px;font-weight:800;color:#75614d;background:#fff0dc;padding:6px 9px;border-radius:7px;white-space:nowrap}.surface{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 16px #193c2f04}.site-footer{padding:28px 0 35px;font-size:12px;color:#819185}.site-footer .wrap{display:flex;justify-content:space-between;gap:20px}.site-footer b{color:var(--ink)}
@media(max-width:900px){.navlinks{display:none}}
@media(max-width:650px){.wrap{padding:0 18px}.nav{height:67px}.brand{font-size:23px}.mark{width:33px;height:33px}.mark:before,.mark:after{top:8px}.navbtn{font-size:11px;padding:10px 12px}.site-footer .wrap{flex-direction:column;gap:5px}}
.match-box{margin:16px 0;padding:14px;border:1px solid #cfe4cb;background:#f3faf0;border-radius:10px;color:#365b40;font-size:12px;line-height:1.55}.match-box strong,.match-box small{display:block}.match-box strong{font:800 14px Manrope}.match-box small{margin-top:5px;color:#6f846f}.match-box ul{margin:10px 0 0;padding-left:18px}.match-box li{margin:4px 0}.match-box p{margin:8px 0 0}