:root{color-scheme:light;--paper:#f9faf7;--white:#fff;--ink:#19352b;--muted:#617269;--green:#26644b;--soft:#eaf1eb;--line:#dfe7df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #85b49a;outline-offset:4px}
.wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:-80px;left:16px;z-index:10;padding:12px 16px;border-radius:8px;background:var(--ink);color:white}
.skip-link:focus{top:12px}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.nav-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:28px;letter-spacing:-1.6px;line-height:1}
.brand-symbol{width:31px;height:31px;display:inline-block;flex:none;background:url("favicon.svg") center/contain no-repeat}
.brand-dot{color:var(--green)}
.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600;color:#40594c}
.site-header nav a{transition:color .2s}
.site-header nav a:hover{color:#000}
.hero{padding-top:106px;padding-bottom:116px}
.eyebrow{margin:0;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.5}
.small-dot{display:inline-block;width:7px;height:7px;background:#4c9976;border-radius:50%;vertical-align:middle;margin-right:7px}
.hero h1{margin:29px 0 26px;max-width:950px;font-size:clamp(58px,8vw,110px);letter-spacing:-.066em;line-height:1.04;font-weight:760}
.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.06em;color:var(--green)}
.hero-copy{max-width:510px;margin:0 0 34px;color:#576a60;font-size:19px;line-height:1.65}
.primary-link{display:inline-flex;gap:35px;align-items:center;background:var(--ink);color:#fff;padding:17px 22px 17px 24px;border-radius:10px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}
.primary-link:hover{background:#285e49;transform:translateY(-2px)}
.primary-link span{font-size:19px;line-height:1}
.guides-section{padding:78px 0 92px;border-top:1px solid var(--line);background:#f1f5f0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:31px}
.section-heading h2{margin:12px 0 0;font-size:clamp(29px,4vw,43px);letter-spacing:-.047em;line-height:1.18}
.section-heading>p{max-width:275px;margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.6}
.guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-card{min-height:198px;display:flex;flex-direction:column;position:relative;padding:30px 32px;background:#fff;border:1px solid #e0e9df;border-radius:15px;transition:transform .2s,border-color .2s,box-shadow .2s}
.guide-card:hover{transform:translateY(-3px);border-color:#b8d1bc;box-shadow:0 12px 30px #19352b0b}
.guide-category{font-size:11px;letter-spacing:.11em;font-weight:800;color:var(--green)}
.guide-arrow{position:absolute;right:29px;top:25px;font-size:20px;color:#668473;transition:transform .2s}
.guide-card:hover .guide-arrow{transform:translate(2px,-2px)}
.guide-card h3{max-width:370px;margin:24px 34px 11px 0;font-size:24px;line-height:1.2;letter-spacing:-.035em}
.guide-card p{max-width:410px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.finds-section{padding-top:80px;padding-bottom:80px}
.finds-section[hidden]{display:none}
.deals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.deal-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column}
.deal-image{height:210px;min-height:210px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f0f4ef;color:#7c9084;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.deal-image img{display:block;height:100%;width:100%;min-height:0;min-width:0;max-height:100%;max-width:100%;object-fit:contain;padding:15px}
.deal-body{padding:21px;display:flex;flex-direction:column;flex:1}
.deal-body .deal-category{color:var(--green);font-weight:800;font-size:11px;letter-spacing:.1em}
.deal-body h3{font-size:17px;line-height:1.38;letter-spacing:-.02em;margin:12px 0 13px}
.deal-summary{color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 16px}
.deal-price{display:flex;align-items:baseline;gap:10px;margin-top:auto;font-size:18px;font-weight:800}
.deal-price s{font-size:13px;font-weight:400;color:#8d9b92}
.deal-body .deal-visit{display:inline-flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--green);font-size:14px;font-weight:750}
.deal-meta,.feed-disclosure{font-size:12px;color:var(--muted);line-height:1.5}
.feed-disclosure{margin:20px 0 0}
.about-section{border-top:1px solid var(--line);padding-top:85px;padding-bottom:93px;display:grid;grid-template-columns:1fr 1fr;gap:70px}
.about-section h2{margin:14px 0 0;font-size:clamp(34px,4vw,48px);letter-spacing:-.05em}
.about-section>div:last-child>p:first-child{margin:0;color:#50645a;font-size:17px;line-height:1.8}
.about-note{margin:18px 0 0;color:var(--green);font-size:13px;font-weight:650;line-height:1.6}
.site-footer{background:#1b352b;color:#f3f7f2;padding:42px 0 28px}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}
.footer-brand{font-size:25px}
.footer-brand .brand-symbol{width:27px;height:27px;filter:brightness(0) invert(1)}
.footer-brand .brand-dot{color:#94cba7}
.footer-top nav{display:flex;flex-wrap:wrap;gap:26px;color:#e0e9e1;font-size:13px}
.footer-top nav a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;color:#c4d2c8;font-size:12px}
.footer-bottom p{margin:0}
.affiliate-disclosure{border-top:1px solid #ffffff26;margin:25px 0 0;padding-top:20px;color:#acbfb0;max-width:810px;font-size:12px;line-height:1.6}
@media(max-width:800px){.hero{padding-top:85px;padding-bottom:95px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading>p{max-width:none}.deals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{gap:35px}}
@media(max-width:600px){.wrap{width:min(100% - 36px,1100px)}.nav-inner{min-height:72px}.brand{font-size:25px}.brand-symbol{width:28px;height:28px}.site-header nav{gap:20px;font-size:13px}.hero{padding-top:78px;padding-bottom:90px}.hero h1{font-size:clamp(48px,11.8vw,71px);margin-top:23px}.hero-copy{font-size:16px;line-height:1.7}.guides-section{padding:58px 0 65px}.guides-grid,.deals-grid{grid-template-columns:1fr}.guide-card{min-height:177px;padding:27px}.guide-card h3{font-size:22px}.guide-arrow{right:25px}.about-section{grid-template-columns:1fr;gap:22px;padding-top:64px;padding-bottom:70px}.about-section>div:last-child>p:first-child{font-size:16px}.footer-top,.footer-bottom{align-items:start;flex-direction:column;gap:24px}.footer-top nav{gap:18px}.footer-bottom{gap:7px;margin-top:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card,.guide-arrow,.primary-link,.site-header nav a{transition:none}}
