.matcha-feature{background:#f8f7f1;border-block-end:1px solid #d7decb;color:#173e2c}
.feature-heading{max-width:1000px;margin-bottom:34px}.feature-heading h2{font-size:clamp(30px,3.1vw,46px);line-height:1.3;margin:12px 0 18px}.feature-heading>p:not(.kicker){max-width:980px;font-size:15px;color:#57664f;line-height:1.9}
.matcha-feature-grid,.powder-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.matcha-feature-grid>li{position:relative;min-width:0;padding:24px 24px 28px;border-block-start:1px solid #cdd7bf;border-inline-end:1px solid #d7decb}.matcha-feature-grid>li:nth-child(4n){border-inline-end:0}.feature-number{display:block;font:12px/1.4 var(--mono,monospace);letter-spacing:.08em;color:#789244;margin-bottom:20px}
.matcha-feature-grid h3,.powder-list h3{font:600 20px/1.5 var(--sans);margin:0 0 7px;overflow-wrap:anywhere}.matcha-feature-grid small,.powder-list small{display:block;font:12px/1.6 var(--sans);color:#6b785e;text-align:start;overflow-wrap:anywhere}.matcha-feature-grid p{margin:18px 0 0;font-size:14px;line-height:1.85;color:#5b6a54}
.feature-benefits{background:#e9eedf;padding-block:46px}.feature-benefits .feature-heading{margin-bottom:24px}.feature-benefits .feature-heading h2{font-size:clamp(28px,2.7vw,40px)}.feature-benefits .feature-number{margin-bottom:14px}.feature-benefits .matcha-feature-grid h3{font-size:18px}
.feature-series .matcha-feature-grid>li{background:#fcfbf6}.feature-series .matcha-feature-grid h3{font-size:19px}
.feature-catalog{background:#f1f2e7}.powder-group+.powder-group{margin-top:34px}.powder-group-title{font:600 17px/1.6 var(--sans);margin:0 0 14px;color:#50623c}.powder-list{gap:12px}.powder-list>li{padding:18px 20px;background:#fafaf4;border-inline-start:2px solid #93a568}.powder-list h3{font-size:17px}.powder-list small{font-size:12px}
.hero h1{max-width:16ch}
@media(max-width:1100px){.matcha-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matcha-feature-grid>li:nth-child(2n){border-inline-end:0}.powder-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.matcha-feature{padding:40px 6%}.feature-heading{margin-bottom:25px}.feature-heading h2{font-size:29px}.feature-heading>p:not(.kicker){font-size:14px}.matcha-feature-grid>li{padding:20px 14px 24px}.matcha-feature-grid h3,.feature-series .matcha-feature-grid h3{font-size:17px}.matcha-feature-grid p{font-size:13px;margin-top:13px}.matcha-feature-grid small{font-size:11px}.powder-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.powder-list>li{padding:16px 12px}.powder-list h3{font-size:15px}.powder-list small{font-size:11px}.feature-number{margin-bottom:13px}.hero h1{max-width:16ch}}
@media(max-width:380px){.feature-series .matcha-feature-grid{grid-template-columns:1fr}.feature-series .matcha-feature-grid>li{border-inline-end:0}.powder-list{grid-template-columns:1fr}}

.matcha-feature[id]{scroll-margin-top:calc(var(--site-nav-height) + 16px)}.feature-actions{margin-top:28px}
.matcha-feature h2,.matcha-feature p{overflow-wrap:anywhere;hyphens:auto}
.hero-product-jumps{display:flex;align-items:stretch;gap:12px;max-width:570px;margin-top:26px}
.hero-jump{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:13px 20px;font:600 15px/1.5 var(--sans);text-decoration:none;border:1px solid #e8edd7;color:#173e2c;background:#f8f7f1;transition:background 180ms ease,transform 180ms ease}
.hero-jump.jump-series{background:#d6e58b;border-color:#d6e58b}.hero-jump:hover{background:#fff;color:#173e2c;transform:translateY(-2px)}.hero-jump:active{transform:translateY(0)}.hero-jump span{font-size:18px;flex:none}.hero-jump:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:760px){.has-product-jumps .hero-content{top:8%}.has-product-jumps h1{margin-top:20px;margin-bottom:18px}.hero-product-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;max-width:none}.hero-jump{font-size:13px;padding:11px 12px;gap:8px;min-height:56px;overflow-wrap:anywhere;hyphens:auto}}
@media(prefers-reduced-motion:reduce){.hero-jump{transition:none}}
@media(min-width:761px) and (max-height:780px){.has-product-jumps .hero-content{top:12%}.has-product-jumps h1{font-size:clamp(44px,4.9vw,70px)}}
@media(max-width:360px){.hero-jump{padding:10px 8px;font-size:12px;gap:0}.hero-jump span{display:none}}