/* Generated style system: earn3f4b */
body.earn3f4b-body {
  --primary: #465633;
  --primary-dark: #2a341d;
  --accent: #d4c47a;
  --accent-light: #eee6b8;
  --accent-ink: #61560e;
  --accent-contrast: #1d1a0c;
  --bg: #fbfcf8;
  --bg-alt: #f3f6ed;
  --text: #1d2415;
  --text-muted: #5f684f;
  --font-heading: 'EB Garamond', serif;
  --font-body: 'Work Sans', sans-serif;
  --surface-radius: 0;
  --control-radius: 0;
  --pill-radius: 999px;
  --section-gap: clamp(1.1rem, 2vw, 3rem);
  --card-pad: clamp(.9rem, 1.6vw, 1.4rem);
  --shell: min(1240px, calc(100vw - 4rem));
  --hairline: color-mix(in srgb,var(--text) 13%,transparent);
  --surface: color-mix(in srgb,var(--bg) 72%,var(--bg-alt));
  --surface-strong: color-mix(in srgb,var(--bg-alt) 82%,var(--accent-light));
  --shadow-soft: 0 18px 58px color-mix(in srgb,var(--primary-dark) 12%,transparent);
  --shadow-lift: 0 24px 70px color-mix(in srgb,var(--primary-dark) 18%,transparent);
}
body.earn3f4b-body{margin:0;background:var(--bg);color:var(--text);font:400 clamp(1rem,1.1vw,1.12rem)/1.68 var(--font-body);letter-spacing:0;text-rendering:optimizeLegibility}
.earn3f4b-stage,.earn3f4b-stage *{box-sizing:border-box;min-width:0} .earn3f4b-stage{min-height:100vh;overflow:clip} .earn3f4b-stage img{display:block;max-width:100%;object-fit:cover} .earn3f4b-stage a{color:inherit;text-underline-offset:.18em} .earn3f4b-stage p a,.earn3f4b-stage li a,.earn3f4b-stage td a{color:var(--accent-ink);font-weight:640} .earn3f4b-stage h1,.earn3f4b-stage h2,.earn3f4b-stage h3{font-family:var(--font-heading);line-height:1.08;letter-spacing:0;margin:0 0 .8rem;text-wrap:balance;overflow-wrap:anywhere} .earn3f4b-stage h1{font-size:clamp(2rem,3.4vw,4.1rem);font-weight:720;max-width:18ch} .earn3f4b-stage h2{font-size:clamp(1.35rem,2vw,2.45rem);font-weight:660;max-width:24ch} .earn3f4b-stage h3{font-size:clamp(1.03rem,1.3vw,1.38rem);font-weight:700} .earn3f4b-stage p,.earn3f4b-stage li{overflow-wrap:anywhere;hyphens:auto} .earn3f4b-stage p{margin:.25rem 0 1rem;max-width:68ch} .earn3f4b-stage main>.earn3f4b-grid .earn3f4b-panel p{line-height:1.78;margin-bottom:1.12rem} .earn3f4b-stage small,.earn3f4b-muted{color:var(--text-muted)} .earn3f4b-stage table{width:100%;border-collapse:collapse;overflow-wrap:anywhere} .earn3f4b-stage th,.earn3f4b-stage td{padding:.72rem;border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top}
.earn3f4b-shell{width:var(--shell);margin-inline:auto} .earn3f4b-slice{padding-block:var(--section-gap)} .earn3f4b-alt{background:linear-gradient(180deg,var(--bg-alt),color-mix(in srgb,var(--bg-alt) 78%,var(--bg)))} .earn3f4b-eyebrow{display:inline-flex;max-width:100%;text-transform:uppercase;font-size:.74rem;letter-spacing:.12em;color:var(--accent-ink);font-weight:700;overflow-wrap:anywhere}
.earn3f4b-nav{z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem .92rem;background:color-mix(in srgb,var(--bg) 84%,transparent);border:1px solid var(--hairline);backdrop-filter:blur(18px);transition:.25s ease;border-radius:var(--surface-radius);box-shadow:0 10px 34px color-mix(in srgb,var(--primary-dark) 9%,transparent)} .earn3f4b-nav.scrolled{padding-block:.56rem;box-shadow:0 16px 48px color-mix(in srgb,var(--primary-dark) 14%,transparent)} .earn3f4b-mark{font:740 1.05rem/1.1 var(--font-heading);text-decoration:none;max-width:min(36vw,22rem);overflow-wrap:anywhere} .earn3f4b-navlinks{display:flex;gap:.32rem;align-items:center} .earn3f4b-navlinks a{padding:.52rem .68rem;text-decoration:none;border-radius:var(--control-radius);line-height:1.18;max-width:12rem;overflow-wrap:anywhere;text-align:center} .earn3f4b-navlinks a[aria-current='page'],.earn3f4b-navlinks a:hover{background:var(--accent);color:var(--accent-contrast)} .earn3f4b-menu{display:none;background:var(--accent);color:var(--accent-contrast);border:0;border-radius:var(--control-radius);padding:.62rem .8rem;font-weight:740}
.earn3f4b-stage{padding-top:5.4rem} .earn3f4b-nav{position:fixed;inset:.8rem max(1rem,calc((100vw - var(--shell))/2)) auto} .earn3f4b-navlinks{position:fixed;inset:0;display:none;place-content:center;background:color-mix(in srgb,var(--primary) 92%,transparent);flex-direction:column;font-size:clamp(1.5rem,4vw,4rem)} body.earn3f4b-body.menu-open .earn3f4b-navlinks{display:grid} .earn3f4b-menu{display:inline-flex}
.earn3f4b-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.8rem,1.5vw,1.8rem)} .earn3f4b-grid>*{min-width:0} .earn3f4b-panel{background:linear-gradient(180deg,var(--surface-strong),var(--surface));border:1px solid var(--hairline);border-radius:var(--surface-radius);padding:var(--card-pad);box-shadow:var(--shadow-soft);overflow:hidden} .earn3f4b-grid>.earn3f4b-panel:nth-child(3n+1){background:var(--surface)} .earn3f4b-grid>.earn3f4b-panel:nth-child(3n+2){background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 86%,var(--accent-light)),var(--surface))} .earn3f4b-grid>.earn3f4b-panel:nth-child(3n){background:transparent;box-shadow:none;border-color:color-mix(in srgb,var(--text) 18%,transparent)} .earn3f4b-hero{min-height:min(72vh,720px);display:grid;align-items:center;padding-block:var(--section-gap)} .earn3f4b-hero-copy{grid-column:span 7} .earn3f4b-hero-copy>p{font-size:clamp(1.05rem,1.3vw,1.24rem);color:var(--text-muted)} .earn3f4b-hero-media{grid-column:span 5;min-width:0;aspect-ratio:4/5;height:auto;border-radius:var(--surface-radius);overflow:hidden;background:var(--bg-alt)} .earn3f4b-hero-media>img,.earn3f4b-hero-media>svg{width:100%;height:100%;min-height:inherit;object-fit:cover} .earn3f4b-visualgrid{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:clamp(.8rem,1.5vw,1.8rem);margin:clamp(1rem,2vw,2rem) 0} .earn3f4b-visual{position:relative;min-width:0;aspect-ratio:4/3;height:auto;margin:0;border-radius:var(--surface-radius);overflow:hidden;background:var(--bg-alt)} .earn3f4b-visual:nth-child(2){aspect-ratio:3/4;transform:translateY(clamp(.7rem,2vw,1.8rem))} .earn3f4b-visual>img,.earn3f4b-visual>svg,.earn3f4b-service-media>img,.earn3f4b-service-media>svg,.earn3f4b-article-media>img,.earn3f4b-article-media>svg{width:100%;height:100%;object-fit:cover} .earn3f4b-visual figcaption{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.52rem .68rem;border-radius:var(--control-radius);background:color-mix(in srgb,var(--primary) 78%,transparent);color:#fff;font-weight:700;line-height:1.2;overflow-wrap:anywhere} .earn3f4b-service-media,.earn3f4b-article-media{aspect-ratio:16/10;height:auto;margin:0 0 1rem;border-radius:var(--surface-radius);overflow:hidden;background:var(--bg-alt)} .earn3f4b-stat{grid-column:span 3;min-height:8.4rem;display:grid;align-content:space-between;border-top:1px solid var(--hairline)} .earn3f4b-stat b{font:720 clamp(1.7rem,3vw,4rem)/1 var(--font-heading);color:var(--accent-ink);overflow-wrap:anywhere} .earn3f4b-service{grid-column:span 6} .earn3f4b-quote{grid-column:span 4;border-left:1px solid var(--hairline);background:var(--surface)} .earn3f4b-team{grid-column:span 3} .earn3f4b-portrait{display:grid;place-items:center;aspect-ratio:4/5;border-radius:var(--surface-radius);margin-bottom:1rem;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--accent)));color:var(--bg);font:720 clamp(1.8rem,4vw,4rem)/1 var(--font-heading)} .earn3f4b-team-photo{margin:0 0 1rem;aspect-ratio:4/5;border-radius:var(--surface-radius);overflow:hidden;background:var(--bg-alt)} .earn3f4b-team-photo img,.earn3f4b-team-photo svg{width:100%;height:100%;object-fit:cover} .earn3f4b-timeline{display:grid;gap:1rem;border-left:1px solid color-mix(in srgb,var(--text) 24%,transparent);padding-left:1rem} .earn3f4b-article{grid-column:span 4;min-height:18rem;display:flex;flex-direction:column;justify-content:space-between}
.earn3f4b-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;max-width:100%;min-height:2.9rem;padding:.72rem 1rem;border-radius:var(--control-radius);border:1px solid transparent;text-decoration:none;font-weight:720;line-height:1.18;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer} .earn3f4b-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 22px color-mix(in srgb,var(--primary-dark) 14%,transparent)} .earn3f4b-outline{border-color:var(--accent-ink);color:var(--text);background:transparent} .earn3f4b-ghost{background:color-mix(in srgb,var(--text) 7%,transparent)} .earn3f4b-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.earn3f4b-stage form{display:grid;gap:.9rem} .earn3f4b-stage label{display:grid;gap:.38rem;font-weight:640;overflow-wrap:anywhere} .earn3f4b-stage input,.earn3f4b-stage textarea{width:100%;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:var(--control-radius);background:color-mix(in srgb,var(--bg) 88%,#fff);color:var(--text);padding:.85rem;font:inherit} .earn3f4b-stage textarea{min-height:9rem;resize:vertical} .earn3f4b-stage input:invalid:not(:placeholder-shown),.earn3f4b-stage textarea:invalid:not(:placeholder-shown){border-color:#e11d48} .earn3f4b-check{display:flex;align-items:flex-start;gap:.65rem} .earn3f4b-check input{width:auto;margin-top:.35rem}
.earn3f4b-footer{background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 82%,var(--primary-dark)));color:#f8fafc;padding-block:var(--section-gap)} .earn3f4b-footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem} .earn3f4b-footer a{color:inherit;overflow-wrap:anywhere} .earn3f4b-cookie{position:fixed;z-index:60;left:1rem;right:1rem;bottom:1rem;display:none;max-width:42rem;padding:1rem;background:var(--bg);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:var(--surface-radius);box-shadow:0 18px 80px #0004} .earn3f4b-cookie.open{display:block} .earn3f4b-cookie-settings{display:none;padding-top:.7rem} .earn3f4b-cookie-settings.open{display:grid;gap:.5rem} .earn3f4b-top{position:fixed;right:1rem;bottom:1rem;z-index:35;opacity:0;pointer-events:none} .earn3f4b-top.visible{opacity:1;pointer-events:auto}
.earn3f4b-pill{display:inline-flex;max-width:100%;padding:.3rem .8rem;border-radius:var(--pill-radius);font-size:.78rem;font-weight:640;line-height:1.2;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-ink);text-decoration:none;overflow-wrap:anywhere} .earn3f4b-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}
.earn3f4b-faq{display:grid;gap:.5rem} .earn3f4b-faq details{border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:var(--surface-radius);overflow:hidden;background:var(--surface)} .earn3f4b-faq summary{cursor:pointer;padding:.9rem 1rem;font-weight:720;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.8rem;overflow-wrap:anywhere} .earn3f4b-faq summary::after{content:'▾';transition:.2s;flex:0 0 auto} .earn3f4b-faq details[open] summary::after{transform:rotate(180deg)} .earn3f4b-faq-body{padding:0 1rem 1rem}
.earn3f4b-compare{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:var(--surface-radius);overflow:hidden} .earn3f4b-compare-head{background:var(--accent);color:var(--accent-contrast);padding:.8rem;font-weight:700;text-align:center} .earn3f4b-compare-cell{padding:.75rem;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);text-align:center;overflow-wrap:anywhere} .earn3f4b-compare-cell:nth-child(3n+2){background:color-mix(in srgb,var(--accent) 6%,transparent)}
.earn3f4b-trust-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0} .earn3f4b-badge{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;padding:.42rem .9rem;border:1px solid color-mix(in srgb,var(--accent-ink) 28%,transparent);border-radius:var(--pill-radius);font-size:.8rem;font-weight:640;line-height:1.2;color:var(--accent-ink);overflow-wrap:anywhere} 
.earn3f4b-disclaimer{margin:1.5rem 0;padding:1rem 1.2rem;background:color-mix(in srgb,var(--text) 4%,transparent);border-left:3px solid color-mix(in srgb,var(--text) 30%,transparent);border-radius:0 var(--surface-radius) var(--surface-radius) 0;font-size:.85rem;color:var(--text-muted)}
.earn3f4b-form-success{border-left:4px solid var(--accent);padding:clamp(1.2rem,2vw,2rem)} .earn3f4b-field-error{border-color:#e11d48 !important;outline:2px solid color-mix(in srgb,#e11d48 35%,transparent)} .earn3f4b-hp{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.earn3f4b-ingredient-strip{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem 0} .earn3f4b-ingredient{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.3rem .7rem;background:var(--bg-alt);color:var(--accent-ink);border-radius:var(--pill-radius);font-size:.82rem;line-height:1.2;overflow-wrap:anywhere}
.earn3f4b-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0%;z-index:100;transition:width .1s linear}
.earn3f4b-article-card{grid-column:span 4;display:flex;flex-direction:column} .earn3f4b-article-card .earn3f4b-article-media{aspect-ratio:16/10;height:auto;margin:0 0 .8rem;border-radius:var(--surface-radius);overflow:hidden;background:var(--bg-alt)} .earn3f4b-article-card .earn3f4b-article-media img,.earn3f4b-article-card .earn3f4b-article-media svg{width:100%;height:100%;object-fit:cover} .earn3f4b-readtime{font-size:.78rem;color:var(--text-muted);margin:.3rem 0 .5rem}
.earn3f4b-featured{grid-column:span 8;display:grid;grid-template-columns:1.2fr 1fr;gap:1.4rem;align-items:center} .earn3f4b-featured-media{min-width:0;aspect-ratio:16/10;height:auto;border-radius:var(--surface-radius);overflow:hidden;background:var(--bg-alt)} .earn3f4b-featured-media img,.earn3f4b-featured-media svg{width:100%;height:100%;object-fit:cover}