:root{--ink: #0e1712;--ink-2: #16211b;--bone: #f5f4ee;--bone-alt: #ecebe2;--white: #ffffff;--green: #2f6b34;--green-deep: #1f4a24;--green-bright: #7cc34a;--green-soft: #e7f0e0;--text-dark: #14201a;--text-body: #475149;--text-light: #7d877f;--on-dark: #c3d2c6;--on-dark-dim: #87988b;--border: #e2e0d6;--border-dark: #25322a;--amber: #d98a2b;--font-sans: "DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Space Grotesk", "DM Sans", sans-serif;--maxw: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.6;color:var(--on-dark);background:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-light);font-weight:600;margin-bottom:1rem}.eyebrow-green{color:var(--green-bright)}.accent-link{color:var(--green);text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s,opacity .2s}.accent-link:hover{gap:.7rem;opacity:.8}.accent-link.on-dark{color:var(--green-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:.95rem 1.8rem;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s,background .2s,color .2s,box-shadow .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:var(--white)}.btn-primary:hover{background:var(--green-deep);box-shadow:0 8px 24px -10px #2f6b34b3}.btn-light{background:var(--white);color:var(--ink)}.btn-light:hover{background:var(--green-soft)}.btn-outline{background:transparent;border-color:currentColor;color:var(--text-dark)}.btn-outline.on-dark{color:var(--white)}.btn-outline:hover{background:#7cc34a1f}.btn-block{width:100%}.btn-lg{padding:1.1rem 2.2rem;font-size:1rem}.price{font-family:var(--font-display);font-weight:600;color:var(--text-dark);letter-spacing:-.5px}.price-compare{color:var(--text-light);text-decoration:line-through;font-weight:400}.badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}.badge-stock{background:#d98a2b26;color:var(--amber)}.badge-offer{background:var(--green);color:var(--white)}.container{max-width:var(--maxw);margin:0 auto;padding-left:2rem;padding-right:2rem}.promobar{background:var(--green-deep);color:#d7e7cd;text-align:center;font-size:.78rem;letter-spacing:.04em;padding:.5rem 1rem}.promobar strong{color:var(--green-bright);font-weight:600}header{position:sticky;top:0;z-index:100;background:#0e1712e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-dark)}header nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:var(--maxw);margin:0 auto}.logo{text-decoration:none;display:flex;align-items:center;gap:.6rem}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--green);color:var(--white)}.logo-mark svg{width:20px;height:20px}.logo-word{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--white);letter-spacing:-.3px}.logo-word span{color:var(--green-bright)}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links a{color:var(--on-dark);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--green-bright)}.nav-right{display:flex;align-items:center;gap:1.25rem}.cart-link{position:relative;display:inline-flex;align-items:center;color:var(--white);text-decoration:none}.cart-link svg{width:22px;height:22px}.cart-count{position:absolute;top:-8px;right:-10px;min-width:18px;height:18px;padding:0 4px;background:var(--green-bright);color:var(--ink);font-size:.68rem;font-weight:700;border-radius:999px;display:none;align-items:center;justify-content:center}.cart-count.show{display:inline-flex}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.4rem;flex-direction:column;gap:5px}.nav-toggle span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}.nav-toggle.open span:first-child{transform:rotate(45deg) translate(4px,4px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:last-child{transform:rotate(-45deg) translate(4px,-4px)}main{width:100%}.content-page{background:var(--bone);color:var(--text-dark);min-height:60vh}.content-container{max-width:760px;margin:0 auto;padding:3.5rem 2rem 5rem}.content-container-wide{max-width:var(--maxw);margin:0 auto;padding:3.5rem 2rem 5rem}.breadcrumb{font-size:.8rem;color:var(--text-light);margin-bottom:1.5rem}.breadcrumb a{color:var(--text-light);text-decoration:none}.breadcrumb a:hover{color:var(--green)}.page-header{margin-bottom:2.5rem}.page-header h1{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:600;color:var(--text-dark);line-height:1.1;letter-spacing:-1px}.page-header .subtitle{font-size:1.05rem;color:var(--text-body);line-height:1.65;margin-top:1rem;max-width:640px}.tag{display:inline-block;padding:.25rem .65rem;background:var(--green-soft);border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--green-deep);font-weight:600}.prose h2{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text-dark);margin:2.5rem 0 .9rem;letter-spacing:-.3px}.prose h3{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:1.75rem 0 .6rem}.prose p{color:var(--text-body);line-height:1.8;margin-bottom:1.1rem}.prose ul,.prose ol{margin:0 0 1.2rem 1.25rem;color:var(--text-body);line-height:1.8}.prose li{margin-bottom:.4rem}.prose li::marker{color:var(--green)}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.prose strong{color:var(--text-dark)}footer{background:var(--ink);color:var(--on-dark-dim);border-top:1px solid var(--border-dark)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:var(--maxw);margin:0 auto;padding:4.5rem 2rem 3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand p{font-size:.85rem;line-height:1.7;max-width:300px}.footer-col h4{color:var(--white);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;font-size:.88rem}.footer-col a,.footer-col li{color:var(--on-dark-dim);text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--green-bright)}.footer-bottom{border-top:1px solid var(--border-dark);max-width:var(--maxw);margin:0 auto;padding:1.5rem 2rem;font-size:.78rem;color:var(--on-dark-dim);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(120%);background:var(--ink-2);color:var(--white);border:1px solid var(--border-dark);border-radius:10px;padding:.9rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 16px 40px -12px #00000080;z-index:200;font-size:.9rem;transition:transform .35s cubic-bezier(.2,.8,.2,1);max-width:92vw}.toast.show{transform:translate(-50%) translateY(0)}.toast a{color:var(--green-bright);font-weight:600;text-decoration:none;white-space:nowrap}.toast .toast-check{color:var(--green-bright)}@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}[data-reveal].in{opacity:1;transform:none}}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}}@media(max-width:768px){header nav{padding:.9rem 1.25rem}.container{padding-left:1.25rem;padding-right:1.25rem}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0e1712fa;padding:1.25rem 1.5rem;gap:1.1rem;border-top:1px solid var(--border-dark);align-items:flex-start}.nav-links.open{display:flex}.content-container,.content-container-wide{padding:2.5rem 1.25rem 4rem}}@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}
