:root{--green: #00a800;--green-ink: #007a00;--graphite: #16201a;--off: #fafaf8;--gray: #7e827e;--tint: #e6f4e6;--bg: #f5f5f7;--card: #ffffff;--ink: #1b241e;--ink-soft: #61665f;--hairline: rgba(0, 0, 0, .08);--r-lg: 22px;--r-md: 16px;--r-sm: 11px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .05);--shadow-md: 0 2px 6px rgba(0, 0, 0, .05), 0 18px 44px rgba(0, 0, 0, .09);--maxw: 1040px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--tabbar-h: 62px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,strong,b{font-family:var(--font-display)}a{color:inherit}button{font-family:inherit}a,button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-family:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:12px 14px;width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237E827E' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px #00a8001f}textarea{resize:vertical;line-height:1.5}::placeholder{color:#a8aca7}.app{min-height:100dvh}.container{max-width:var(--maxw);margin:0 auto;padding:24px}.topbar{position:sticky;top:0;z-index:50;padding-top:var(--safe-t);background:#f5f5f7b8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--hairline)}.topbar__inner{max-width:var(--maxw);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em}.brand__dot{width:11px;height:11px;border-radius:50%;background:var(--green)}.topnav{display:flex;gap:2px}.topnav a{text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink-soft);padding:8px 14px;border-radius:999px;transition:background .15s,color .15s}.topnav a:hover{color:var(--ink)}.topnav a.active{background:var(--graphite);color:#fff}.topbar__right{margin-left:auto}.seg{display:inline-flex;background:#78788024;border-radius:999px;padding:3px;gap:2px}.seg button{border:none;background:transparent;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ink-soft);transition:all .18s}.seg button.active{background:#fff;color:var(--graphite);box-shadow:0 1px 3px #0000001f}.tabbar{display:none}@media (max-width: 767px){.container{padding:18px 16px calc(var(--tabbar-h) + var(--safe-b) + 20px)}.topnav{display:none}.topbar__inner{padding:10px 16px}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;padding-bottom:var(--safe-b);background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-top:1px solid var(--hairline)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--tabbar-h);text-decoration:none;color:var(--gray);font-size:10.5px;font-weight:600}.tabbar a.active{color:var(--green-ink)}.tabbar svg{width:24px;height:24px}}.card{background:var(--card);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:16px;border:1px solid rgba(0,0,0,.04)}.card--accent{border-left:4px solid var(--green)}.card--danger{border-left:4px solid #d3492f}.card--tint{background:var(--tint);border-color:transparent}.card--dark{background:var(--graphite);color:var(--off);border-color:transparent}.card--warn{background:#fff7e6;border:1px solid #f0d9a8}.page-title{font-size:clamp(30px,7vw,40px);letter-spacing:-.03em;margin:4px 0 2px;line-height:1.02}.page-sub{color:var(--gray);margin:0 0 20px;font-family:var(--font-display)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.section-title strong{font-size:16px;letter-spacing:-.01em}.section-title .meta{font-size:11.5px;color:var(--gray)}.muted{color:var(--gray)}.stack{display:flex;flex-direction:column}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{cursor:pointer;border:none;border-radius:999px;font-weight:700;font-size:14px;padding:11px 20px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:transform .06s ease,filter .15s,background .15s;line-height:1}.btn:active{transform:scale(.97)}.btn--primary{background:var(--green);color:var(--graphite)}.btn--dark{background:var(--graphite);color:var(--off)}.btn--ghost{background:#fff;color:var(--ink-soft);border:1px solid var(--hairline)}.btn--danger{background:#fbeaea;color:#a33}.btn--sm{padding:8px 14px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{cursor:pointer;border:1px solid var(--hairline);background:#fff;color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.pill.active{background:var(--green);color:var(--graphite);border-color:var(--green)}.chip{border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.chip--gray{background:#eef2ee;color:var(--ink-soft)}.chip--green{background:var(--tint);color:var(--graphite)}.chip--soft{background:#f0f2ef;color:var(--ink);font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.col-full{grid-column:1 / -1}@media (max-width: 520px){.grid-2{grid-template-columns:1fr}}.tile{background:var(--card);border:1px solid rgba(0,0,0,.04);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;display:block}.tile__label{font-size:12px;color:var(--gray);font-family:var(--font-display)}.tile__value{font-size:clamp(30px,8vw,38px);font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;margin-top:2px}.tile__sub{font-size:12px;color:var(--gray);margin-top:2px}.bar{height:10px;border-radius:999px;background:#e9ece9;overflow:hidden}.bar>i{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .3s ease}.list-row{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fbfcfb;border:1px solid rgba(0,0,0,.05);border-radius:var(--r-md);padding:12px 14px}.list-row+.list-row{margin-top:8px}.list-row__main{min-width:0}.list-row__title{font-family:var(--font-display);font-weight:700;font-size:15px}.list-row__sub{font-size:12.5px;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{background:var(--graphite);color:var(--off);border-radius:28px;padding:clamp(28px,6vw,52px);margin-bottom:20px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,0,.35),transparent 70%)}.hero__eyebrow{font-family:var(--font-display);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);font-weight:600}.hero__title{font-size:clamp(34px,9vw,64px);line-height:1;letter-spacing:-.035em;margin:10px 0 8px;font-weight:700}.hero__sub{font-size:clamp(15px,4vw,19px);color:#c7d2c9;max-width:30ch;margin:0}.hero__metric{display:flex;align-items:baseline;gap:10px;margin-top:22px;flex-wrap:wrap}.hero__metric b{font-family:var(--font-display);font-size:clamp(32px,9vw,52px);letter-spacing:-.03em}.tl-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid #f0f2f0}.tl-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:7px;flex-shrink:0}.tier-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
