:root{--green:#19733a;--bright:#4fc06a;--dark:#07150d;--ink:#102018;--muted:#66736b;--cream:#f4f6f2;--white:#fff;--line:#dfe6df;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}.topbar{min-height:calc(72px + var(--safe-top));background:rgba(7,21,13,.96);display:flex;align-items:center;justify-content:space-between;padding:calc(8px + var(--safe-top)) max(18px,env(safe-area-inset-left)) 8px max(18px,env(safe-area-inset-right));position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;color:#fff;background:none;border:0;padding:0;text-align:left;cursor:pointer}.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}.brand span{font-size:14px;line-height:1.03;letter-spacing:.02em;text-transform:uppercase}.brand strong{font-size:18px;letter-spacing:.055em}.instagram{width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center}.instagram svg{width:21px;fill:none;stroke:#fff;stroke-width:1.8}.view{display:none;min-height:calc(100dvh - 72px - var(--safe-top));padding-bottom:calc(94px + var(--safe-bottom))}.view.active{display:block}.hero{background:var(--dark);color:#fff}.hero-photo{position:relative;height:42vh;min-height:320px;max-height:490px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 20%,rgba(7,21,13,.98) 100%)}.hero-copy{margin-top:-130px;position:relative;padding:0 22px 34px;max-width:760px}.eyebrow{display:block;color:#8ce49d;font-weight:800;font-size:12px;letter-spacing:.19em;margin-bottom:9px}.eyebrow.green{color:var(--green)}h1,h2{font-family:Georgia,"Times New Roman",serif}.hero h1{font-size:clamp(39px,10vw,72px);line-height:.99;letter-spacing:-.04em;margin:0 0 16px}.hero h1 em{color:#7bd58c;font-weight:400}.hero p{font-size:17px;line-height:1.55;color:#d6ded8;margin:0 0 22px;max-width:560px}.primary,.wide-action{border:0;background:var(--bright);color:#07150d;font-weight:800;border-radius:13px;padding:16px 19px;display:flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;cursor:pointer;min-height:54px}.primary span,.wide-action span{font-size:22px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 16px}.quick-card{border:0;background:#fff;border-radius:16px;box-shadow:0 4px 18px rgba(23,48,31,.08);padding:17px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;color:var(--ink)}.quick-icon{font-size:24px}.quick-card strong{display:block;font-size:15px}.quick-card small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.25}.quick-card b{font-size:26px;color:var(--green)}.content-block,.preview-strip{padding:38px 21px}.intro h2,.section-heading h2{font-size:32px;line-height:1.1;margin:0 0 13px;letter-spacing:-.025em}.intro p{font-size:17px;line-height:1.65;color:#4c5b52;margin:0}.preview-strip{padding-top:8px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.section-heading .eyebrow{margin-bottom:6px}.text-button,.product-jump{border:0;background:none;color:var(--green);font-weight:800;padding:8px 0;white-space:nowrap}.photo-row{display:flex;gap:12px;overflow:auto;margin:18px -21px 0;padding:0 21px 8px;scroll-snap-type:x mandatory}.photo-row img{width:75vw;max-width:350px;aspect-ratio:4/3;object-fit:cover;border-radius:16px;scroll-snap-align:center}.page-head{padding:38px 22px 26px;background:var(--dark);color:#fff}.page-head h1{font-size:47px;line-height:1;margin:0 0 12px;letter-spacing:-.035em}.page-head p{margin:0;color:#cbd6ce;font-size:16px;line-height:1.5;max-width:650px}.guide-list{padding:18px 15px;display:grid;gap:13px;max-width:900px;margin:auto}.guide-card{background:#fff;border-radius:18px;padding:19px;display:grid;grid-template-columns:44px 1fr;gap:12px;border:1px solid var(--line)}.guide-card .number{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e9f5eb;color:var(--green);font-size:13px;font-weight:900}.guide-card h2{font-size:25px;margin:4px 0 8px}.guide-card p{font-size:16px;line-height:1.55;color:#536158;margin:0}.guide-card ul{padding-left:19px;color:#45534a;line-height:1.55}.guide-card li+li{margin-top:5px}.guide-card.feature{border-color:#9bcda5;background:#f5fbf6}.guide-card.warning{border-left:5px solid #ca8732}.wide-action{margin:8px 16px 30px;width:calc(100% - 32px);background:var(--green);color:#fff}.affiliate-note{margin:16px;background:#eef6ef;border:1px solid #cae0ce;border-radius:14px;padding:13px 15px;display:flex;flex-direction:column;gap:3px}.affiliate-note strong{font-size:14px}.affiliate-note span{font-size:13px;color:#5a695f;line-height:1.4}.shop-list{padding:0 15px 30px;display:grid;gap:10px;max-width:900px;margin:auto}.shop-item{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.shop-item.highlight{border-color:#73be82;background:#f3fbf4}.shop-emoji{width:42px;height:42px;background:#eef4ef;border-radius:12px;display:grid;place-items:center;font-size:21px}.shop-item strong{display:block;font-size:15px}.shop-item small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.shop-item b{color:var(--green);font-size:12px}.gallery-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.gallery-grid button{border:0;padding:0;border-radius:12px;overflow:hidden;background:#d8ded9;aspect-ratio:1;cursor:pointer}.gallery-grid img{width:100%;height:100%;object-fit:cover;display:block}.story-card{margin:16px;background:#fff;border-radius:20px;padding:22px;border:1px solid var(--line)}.story-card img{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 16px}.story-card h2{font-size:29px;line-height:1.1;margin:0 0 12px}.story-card p{font-size:16px;color:#526057;line-height:1.6;margin:0}.contact-card{margin:16px;background:var(--dark);border-radius:20px;padding:25px;color:#fff}.contact-card>span{color:#8ce49d;font-size:13px;font-weight:800}.contact-card h2{font-size:34px;margin:7px 0 20px}.contact-card .primary,.contact-card .secondary{margin-top:10px}.secondary{display:block;text-align:center;padding:14px;color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.25);border-radius:13px}.legal-links{display:flex;justify-content:center;gap:16px;padding:12px 20px 30px}.legal-links button{border:0;background:none;text-decoration:underline;color:#526057}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #d9e0da;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 7px calc(7px + var(--safe-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.07)}.bottom-nav button{border:0;background:none;color:#758078;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;font-size:11px;font-weight:700}.bottom-nav button.active{color:var(--green)}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.bottom-nav button:first-child svg{fill:currentColor;stroke:none}dialog{border:0;border-radius:18px;padding:24px;max-width:680px;width:calc(100% - 28px);max-height:86vh;color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(3,10,6,.82);backdrop-filter:blur(4px)}dialog h2{font-size:30px;margin:8px 35px 18px 0}dialog h3{font-size:17px;margin:22px 0 6px}dialog p{line-height:1.55;color:#4f5c54}.dialog-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:#edf1ed;font-size:28px}#lightbox{padding:7px;background:#050806;max-width:min(920px,96vw);width:auto}#lightbox img{display:block;max-width:90vw;max-height:82vh;border-radius:12px}#lightbox .dialog-close{z-index:2;background:rgba(255,255,255,.85)}.shop-item.flash{animation:flash 1.2s ease}@keyframes flash{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 5px rgba(79,192,106,.35)}}
@media(min-width:760px){.topbar{min-height:72px;padding:8px 28px}.view{min-height:calc(100dvh - 72px)}.hero{display:grid;grid-template-columns:55% 45%;min-height:560px}.hero-photo{height:100%;max-height:none;grid-column:2;order:2}.hero-shade{background:linear-gradient(90deg,var(--dark),transparent 55%)}.hero-copy{grid-column:1;grid-row:1;margin:0;align-self:center;padding:65px 30px 65px max(6vw,50px)}.quick-grid{max-width:900px;margin:-36px auto 0;position:relative}.content-block,.preview-strip{max-width:1000px;margin:auto}.gallery-grid{grid-template-columns:repeat(3,1fr);max-width:1050px;margin:auto}.guide-list{grid-template-columns:1fr 1fr}.wide-action{max-width:868px;margin:10px auto 35px;display:flex}.story-card{max-width:850px;margin:22px auto;display:grid;grid-template-columns:200px 1fr;align-items:center}.contact-card{max-width:850px;margin:22px auto}.bottom-nav{width:520px;left:50%;right:auto;transform:translateX(-50%);border:1px solid #d9e0da;border-bottom:0;border-radius:20px 20px 0 0}}
@media(prefers-reduced-motion:no-preference){.view.active{animation:fade .22s ease}@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}
.brand img{width:52px;height:52px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 2px 4px #000)}
.story-card img{display:block;width:min(180px,65vw);height:auto;object-fit:contain;margin:0 auto 16px;border-radius:16px}