.stage-one { --stage-green:#087a58; --stage-ink:#153c31; --stage-muted:#64766f; --stage-line:#dfe8e3; margin:0; padding:0; color:var(--stage-ink); color-scheme:light; background:#fbfcfa; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-x:clip; }
.stage-one::before,.stage-one::after { content:none!important; }
.stage-one *, .stage-one *::before,.stage-one *::after { box-sizing:border-box; }
.stage-one a { color:inherit; }
.stage-one svg { width:22px; height:22px; flex-shrink:0; stroke:currentColor; stroke-width:1.7; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.stage-symbols { position:absolute; width:0!important; height:0!important; overflow:hidden; }
.stage-shell { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.stage-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.stage-skip { position:fixed; left:16px; top:-100px; z-index:100; padding:12px 18px; border-radius:8px; background:white; }
.stage-skip:focus { top:12px; }
.stage-one :is(a,button,input):focus-visible { outline:3px solid #087a58; outline-offset:4px; }
.stage-header { background:#fff; border-bottom:1px solid var(--stage-line); }
.stage-header-inner { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.stage-brand { display:inline-flex; align-items:center; gap:9px; text-decoration:none; white-space:nowrap; }
.stage-brand>span { font-size:23px; font-weight:800; letter-spacing:-.8px; }
.stage-brand>span>span { color:var(--stage-green); }
.stage-brand img { display:block; object-fit:contain; }
.stage-nav { display:flex; align-items:center; gap:7px; }
.stage-nav a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border-radius:9px; font-size:14px; font-weight:650; text-decoration:none; transition:background-color 160ms ease,color 160ms ease; }
.stage-nav a svg { display:none; }
.stage-nav a[aria-current] { color:var(--stage-green); background:#eaf5ef; }
.stage-account { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 14px; border:1px solid var(--stage-line); border-radius:9px; text-decoration:none; font-size:14px; font-weight:650; }
.stage-main { padding-top:20px; }
.stage-hero { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr); gap:54px; align-items:center; padding:8px 0 22px; border-bottom:1px solid var(--stage-line); }
.stage-eyebrow { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:650; color:var(--stage-green); letter-spacing:.15px; }
.stage-eyebrow>span { width:6px; height:6px; border-radius:50%; background:var(--stage-green); }
.stage-hero h1 { margin:11px 0 13px; font-size:clamp(38px,3.3vw,46px); line-height:1.08; letter-spacing:-1.9px; font-weight:760; max-width:none; }
.stage-hero h1 em { font-style:normal; color:var(--stage-green); }
.stage-hero-copy>p:not(.stage-trust) { margin:0 0 18px; max-width:610px; font-size:15px; line-height:1.55; color:var(--stage-muted); }
.stage-search { display:flex; gap:10px; align-items:center; padding:5px 5px 5px 17px; height:58px; border:1px solid #b9cec2; background:#fff; border-radius:12px; box-shadow:0 4px 12px #14392a06; }
.stage-search>svg { color:#799085; }
.stage-search input { flex:1; min-width:0; width:100%; height:44px; padding:0; border:0; border-radius:0; background:none; box-shadow:none; color:var(--stage-ink); font-size:16px; outline:none; }
.stage-search input::placeholder { color:#7a8c82; opacity:1; }
.stage-search:focus-within { outline:2px solid #087a58; outline-offset:2px; }
.stage-search input:focus-visible { outline:none; }
.stage-search button { display:flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:0 21px; background:var(--stage-green); border:0; border-radius:8px; color:#fff; font-size:14px; font-weight:650; transition:background-color 160ms ease,transform 140ms ease-out; }
.stage-search button svg { width:18px; }
.stage-trust { display:flex; align-items:center; gap:6px; margin:10px 0 0; font-size:12px; line-height:1.5; color:var(--stage-muted); }
.stage-trust svg { width:16px; height:16px; color:var(--stage-green); }
.stage-hero-art { position:relative; display:grid; place-items:center; min-height:262px; align-self:stretch; isolation:isolate; }
.stage-art-disc { width:250px; height:250px; background:#eaf3e6; border-radius:50%; position:absolute; z-index:-1; }
.stage-hero-art>img { width:258px; height:258px; object-fit:contain; transform:rotate(-3deg); }
.stage-art-label { position:absolute; bottom:4px; right:18px; display:flex; align-items:center; gap:7px; padding:9px 13px; border:1px solid #e0e8db; background:#fffef7; border-radius:9px; box-shadow:0 5px 14px #193b2410; color:#466140; font-size:11px; font-weight:600; transform:rotate(3deg); }
.stage-art-label svg { width:17px; height:17px; }
.stage-categories { margin:18px 0 22px; }
.stage-section-title { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.stage-section-title h2 { margin:0; font-size:21px; line-height:1.3; font-weight:730; letter-spacing:-.5px; }
.stage-section-title>div>.stage-eyebrow { margin-bottom:5px; }
.stage-section-title>a { display:inline-flex; align-items:center; gap:7px; min-height:44px; color:var(--stage-green); font-size:13px; font-weight:650; text-decoration:none; white-space:nowrap; }
.stage-section-title>a svg { width:18px; height:18px; }
.stage-category-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.stage-category-grid a { display:flex; align-items:center; justify-content:center; gap:11px; min-height:66px; padding:12px; border:1px solid var(--stage-line); border-radius:12px; background:#fff; color:var(--stage-ink); text-decoration:none; font-size:13px; font-weight:600; transition:border-color 160ms ease,background-color 160ms ease; }
.stage-category-grid svg { color:#3d7a60; width:25px; height:25px; }
.stage-featured { margin-bottom:48px; }
.stage-one .stage-featured .home-featured-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.stage-one .stage-featured .product-card { min-height:0; grid-template-columns:1fr; grid-template-rows:190px auto; padding:0; box-shadow:none; }
.stage-one .stage-featured .product-title { min-height:0; max-height:none; line-height:1.4; font-weight:700; -webkit-line-clamp:2; line-clamp:2; }
.stage-one .stage-featured .product-note { min-height:0; max-height:none; line-height:1.5; -webkit-line-clamp:2; line-clamp:2; }
.stage-one .stage-featured .product-body { height:auto; padding:16px; }
.stage-one .stage-featured .product-link,.stage-one .stage-featured .text-button { min-height:44px; box-shadow:none; }
.stage-catalog-link { display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; min-height:48px; padding:0 22px; margin:26px auto 0; border:1px solid #b8cebe; border-radius:10px; color:var(--stage-green)!important; background:white; text-decoration:none; font-size:14px; font-weight:650; }
.stage-how { padding:27px 30px 30px; background:#f0f5ef; border:1px solid #e4ebe0; border-radius:18px; margin-bottom:38px; }
.stage-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.stage-steps article>span { color:#748b72; font-size:12px; font-weight:650; }
.stage-steps h3 { margin:7px 0 6px; font-size:16px; letter-spacing:-.2px; }
.stage-steps p { margin:0; color:var(--stage-muted); font-size:13px; line-height:1.55; }
.stage-guides { margin-bottom:44px; }
.stage-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.stage-guide-grid>a { padding:25px; background:#fff; border:1px solid var(--stage-line); border-radius:14px; text-decoration:none; }
.stage-guide-grid>a>span:first-child { color:#798777; font-size:10px; font-weight:650; letter-spacing:1px; }
.stage-guide-grid h3 { margin:9px 0; font-size:20px; line-height:1.3; letter-spacing:-.4px; }
.stage-guide-grid p { margin:0 0 18px; color:var(--stage-muted); font-size:14px; line-height:1.5; }
.stage-guide-action { display:flex; align-items:center; gap:8px; color:var(--stage-green); font-size:13px; font-weight:650; }
.stage-guide-action svg { width:17px; }
.stage-footer { border-top:1px solid var(--stage-line); background:#fff; padding:28px 0; }
.stage-footer-inner { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.stage-footer .stage-brand>span { font-size:20px; }
.stage-footer p { margin:12px 0 0; max-width:530px; color:var(--stage-muted); font-size:12px; line-height:1.6; }
.stage-footer nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; max-width:370px; }
.stage-footer nav a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; font-size:12px; font-weight:600; }
@media (hover:hover) and (pointer:fine) { .stage-nav a:hover,.stage-account:hover { background:#edf5ef; } .stage-category-grid a:hover { border-color:#7da98e; background:#f0f7f1; } .stage-search button:hover { background:#076749; } .stage-section-title>a:hover,.stage-footer nav a:hover { text-decoration:underline; text-underline-offset:4px; } }
.stage-search button:active { transform:scale(.97); }
@media (max-width:1000px) { .stage-shell { width:calc(100% - 40px); } .stage-header-inner { gap:14px; } .stage-nav { gap:2px; } .stage-nav a { padding:10px 12px; } .stage-hero { gap:22px; grid-template-columns:1.6fr 1fr; } .stage-hero-art>img { width:225px; height:225px; } .stage-art-disc { width:218px; height:218px; } .stage-art-label { right:0; font-size:10px; } .stage-category-grid a { flex-direction:column; gap:7px; min-height:78px; } }
@media (max-width:760px) {
  .stage-one { padding:0 0 calc(74px + env(safe-area-inset-bottom)); }
  .stage-shell { width:calc(100% - 32px); }
  .stage-header-inner { min-height:66px; }
  .stage-brand img { width:38px; height:38px; }
  .stage-brand>span { font-size:22px; }
  .stage-account { min-width:44px; padding:0 11px; font-size:12px; }
  .stage-account svg { width:18px; height:18px; }
  .stage-nav { position:fixed; bottom:0; inset-inline:0; z-index:40; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; padding:7px 12px calc(7px + env(safe-area-inset-bottom)); border-top:1px solid var(--stage-line); background:#fffffff7; backdrop-filter:blur(10px); }
  .stage-nav a { flex-direction:column; gap:3px; min-height:50px; padding:5px; border-radius:10px; font-size:10px; }
  .stage-nav a svg { display:block; width:21px; height:21px; }
  .stage-main { padding-top:16px; }
  .stage-hero { display:block; padding:0 0 19px; }
  .stage-hero-art { display:none; }
  .stage-eyebrow { font-size:11px; }
  .stage-hero h1 { margin:9px 0 10px; font-size:32px; line-height:1.08; letter-spacing:-1.1px; }
  .stage-hero-copy>p:not(.stage-trust) { font-size:13px; line-height:1.5; margin:0 0 16px; max-width:380px; }
  .stage-search { gap:8px; height:54px; padding:4px 4px 4px 11px; border-radius:10px; }
  .stage-search>svg { width:18px; height:18px; }
  .stage-search input { font-size:16px; }
  .stage-search button { min-height:44px; padding:0 13px; font-size:13px; }
  .stage-search button svg { display:none; }
  .stage-trust { font-size:10px; margin-top:9px; gap:4px; }
  .stage-trust svg { width:13px; height:13px; }
  .stage-categories { margin:12px 0 18px; }
  .stage-section-title { gap:8px; margin-bottom:10px; }
  .stage-section-title h2 { font-size:18px; letter-spacing:-.4px; }
  .stage-section-title>a { font-size:11px; min-height:44px; gap:4px; }
  .stage-section-title>a svg { width:15px; height:15px; }
  .stage-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .stage-category-grid a { min-height:62px; padding:8px 5px; gap:5px; border-radius:10px; font-size:11px; }
  .stage-category-grid svg { width:23px; height:23px; }
  .stage-featured { margin-bottom:32px; }
  .stage-one .stage-featured .home-featured-grid { grid-template-columns:1fr; gap:16px; }
  .stage-one .stage-featured .product-card { grid-template-columns:92px minmax(0,1fr); grid-template-rows:auto; padding:10px; }
  .stage-one .stage-featured .product-image-link { min-height:140px; height:140px; padding:8px; align-self:start; }
  .stage-one .stage-featured .product-image { height:124px; max-height:124px; }
  .stage-one .stage-featured .product-body { padding:5px 5px 5px 12px; }
  .stage-catalog-link { font-size:13px; margin-top:20px; }
  .stage-how { padding:20px; margin-bottom:27px; border-radius:14px; }
  .stage-how .stage-section-title { align-items:flex-start; }
  .stage-how h2 { max-width:185px; }
  .stage-how .stage-section-title>a { font-size:10px; }
  .stage-steps { gap:17px; grid-template-columns:1fr; }
  .stage-steps article { position:relative; padding-left:32px; }
  .stage-steps article>span { position:absolute; left:0; top:7px; }
  .stage-steps h3 { font-size:14px; }
  .stage-steps p { font-size:12px; }
  .stage-guides { margin-bottom:30px; }
  .stage-guide-grid { grid-template-columns:1fr; gap:12px; }
  .stage-guide-grid>a { padding:20px; }
  .stage-guide-grid h3 { font-size:19px; }
  .stage-footer-inner { display:block; }
  .stage-footer nav { margin-top:15px; gap:3px 19px; }
}
@media (prefers-reduced-motion:reduce) { .stage-one *, .stage-one *::before, .stage-one *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }