:root{--header-h:0px}.progreen{--green:#1e5c3a;--green-dark:#143f28;--charcoal:#23282b;--base:#f7f8f6;--surface:#fff;--grey:#e3e7e2;--slate:#5c6660;--accent:#d8ff3e;--accent-ink:#143f28;--alert:#b3261e;--h1:clamp(40px,6vw,64px);--h2:clamp(28px,4vw,40px);--h3:22px;--body:16px;--body-m:15px;--spec:14px;--label:12px;--wrap:1240px;--pad-section:104px;--pad-section-m:56px;--gap-card:24px;--radius:8px;--radius-sm:4px;--border:1px solid var(--grey);--shadow-card:0 4px 20px #23282b12;--ease-out:cubic-bezier(0,0,.2,1);--t-fast:.18s;--t-med:.24s;--t-slow:.28s;--stats-h:112px;background:var(--base);color:var(--charcoal);font-family:var(--font-inter),-apple-system,"Segoe UI",sans-serif;font-size:var(--body);-webkit-font-smoothing:antialiased;line-height:1.65}@media (max-width:1023px){.progreen{--stats-h:200px}}@media (max-width:400px){.progreen{--stats-h:224px}}.progreen ::selection{background:var(--green);color:var(--base)}.progreen h1,.progreen h2,.progreen h3,.progreen h4{font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;color:var(--charcoal);text-wrap:balance;font-weight:700;line-height:1.05}.progreen h1{font-size:var(--h1)}.progreen h2{font-size:var(--h2)}.progreen h3{font-size:var(--h3);line-height:1.15}.progreen .font-display{font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif}.progreen .tnum{font-variant-numeric:tabular-nums}.progreen .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}.progreen .section{padding-block:var(--pad-section-m)}@media (min-width:768px){.progreen .section{padding-block:var(--pad-section)}}.progreen .eyebrow{font-family:var(--font-inter),sans-serif;font-size:var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--green);align-items:center;gap:12px;font-weight:600;display:inline-flex}.progreen .eyebrow:before{content:"";background:var(--accent);flex-shrink:0;width:28px;height:2px}.progreen .eyebrow--ondark{color:#f7f8f6d9}.progreen .eyebrow--plain:before{display:none}.progreen .btn{min-height:48px;font-family:var(--font-inter),sans-serif;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t-fast)var(--ease-out),color var(--t-fast)var(--ease-out),border-color var(--t-fast)var(--ease-out),transform var(--t-fast)var(--ease-out),box-shadow var(--t-fast)var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}.progreen .btn:active{transform:translateY(1px)}.progreen .btn:disabled{opacity:.45;cursor:not-allowed}.progreen .btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.progreen .btn-accent:hover:not(:disabled){background:#ccf22e;border-color:#ccf22e;box-shadow:0 4px 16px #d8ff3e59}.progreen .btn-outline{color:var(--charcoal);border-color:var(--charcoal);background:0 0}.progreen .btn-outline:hover:not(:disabled){background:var(--charcoal);color:var(--base)}.progreen .btn-outline-light{color:var(--base);background:0 0;border-color:#f7f8f68c}.progreen .btn-outline-light:hover:not(:disabled){background:var(--base);color:var(--green-dark);border-color:var(--base)}.progreen .btn-dark{background:var(--green);color:var(--base);border-color:var(--green)}.progreen .btn-dark:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.progreen .btn-sm{min-height:40px;padding:10px 20px;font-size:13px}.progreen .btn-block{width:100%}.progreen .chip{font-family:var(--font-inter),sans-serif;letter-spacing:.03em;color:var(--slate);background:var(--surface);border:var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--t-fast)var(--ease-out);align-items:center;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.progreen .chip:hover{border-color:var(--slate);color:var(--charcoal)}.progreen .chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.progreen .card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform var(--t-med)var(--ease-out),border-color var(--t-med)var(--ease-out),box-shadow var(--t-med)var(--ease-out)}.progreen .card-hover:hover{border-color:var(--slate);transform:translateY(-2px);box-shadow:0 8px 28px #23282b1c}.progreen .spec-table{border-collapse:collapse;width:100%;font-size:var(--spec);font-variant-numeric:tabular-nums}.progreen .spec-table th,.progreen .spec-table td{text-align:left;border-bottom:1px solid var(--grey);vertical-align:top;padding:12px 16px}.progreen .spec-table th{font-family:var(--font-inter),sans-serif;font-size:var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);white-space:nowrap;width:220px;font-weight:600}.progreen .spec-table--dark th,.progreen .spec-table--dark td{border-color:#f7f8f624}.progreen .field-label{font-size:var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:6px;font-weight:600;display:block}.progreen .input,.progreen .select,.progreen .textarea{width:100%;font-family:var(--font-inter),sans-serif;color:var(--charcoal);background:var(--surface);border:var(--border);border-radius:var(--radius-sm);transition:border-color var(--t-fast)var(--ease-out),box-shadow var(--t-fast)var(--ease-out);padding:12px 14px;font-size:15px}.progreen .input:focus,.progreen .select:focus,.progreen .textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #1e5c3a24}.progreen .input[aria-invalid=true],.progreen .select[aria-invalid=true],.progreen .textarea[aria-invalid=true]{border-color:var(--alert)}.progreen .nav-link{letter-spacing:.02em;transition:color var(--t-fast)var(--ease-out);padding:6px 0;font-size:14px;font-weight:500;position:relative}.progreen .nav-link:after{content:"";background:var(--accent);width:0;height:2px;transition:width var(--t-fast)var(--ease-out);position:absolute;bottom:0;left:0}.progreen .nav-link:hover:after,.progreen .nav-link.is-active:after{width:100%}.progreen .product-visual{background:linear-gradient(155deg,var(--charcoal)0%,#2e3538 100%);border-radius:var(--radius)var(--radius)0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.progreen .product-visual:before{content:"";background-image:linear-gradient(#f7f8f60b 1px,#0000 1px),linear-gradient(90deg,#f7f8f60b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.progreen .product-visual .pv-code{font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;color:var(--base);letter-spacing:-.01em;font-weight:700;line-height:.85;position:relative}.progreen .product-visual .pv-tick{background:var(--accent);width:28px;height:2px;position:absolute;top:20px;left:20px}.progreen ::-webkit-scrollbar{width:10px}.progreen ::-webkit-scrollbar-track{background:#f7f8f6}.progreen ::-webkit-scrollbar-thumb{background:#c6cdc6;border-radius:999px}.progreen ::-webkit-scrollbar-thumb:hover{background:#1e5c3a}.progreen .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.progreen .scrollbar-hide::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.progreen *,.progreen :before,.progreen :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
