
:root{--ink:#14221d;--night:#11241e;--night-2:#1b372e;--forest:#294b3d;--muted:#596860;--paper:#f8f6ef;--cream:#efeee5;--white:#fffdf7;--line:#d9dfd5;--lime:#d8e98a;--orange:#f4ab71;--radius:22px;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}a:hover{text-decoration-color:var(--forest)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d49d37;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.042em}h1{font-size:clamp(2.7rem,5.6vw,5.6rem)}h2{font-size:clamp(2rem,3.5vw,3.3rem)}h3{font-size:clamp(1.27rem,2vw,1.8rem)}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;z-index:99;transform:translateY(-200%);background:var(--lime);padding:12px 18px;color:var(--ink)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--night);color:#f1f3e9;position:relative;z-index:40}.header-strip{border-bottom:1px solid #355044;color:#d9e4ce;font-size:11px;text-transform:uppercase;letter-spacing:.18em}.strip-inner{height:33px;display:flex;align-items:center;justify-content:space-between}.strip-inner span:last-child{color:var(--lime)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}.wordmark{text-decoration:none;display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-mark{display:grid;place-items:center;border:1.5px solid var(--lime);border-radius:13px;width:40px;height:40px;color:var(--lime);font-weight:780;letter-spacing:-.08em;font-size:15px;transform:rotate(-7deg)}.logo-mark span{transform:rotate(7deg)}.logo-type{font-size:22px;font-weight:850;letter-spacing:-.055em}.logo-type span{color:var(--orange)}.desktop-nav{display:flex;align-items:center;gap:1px}.desktop-nav>.top-link,.nav-parent>.top-link{padding:13px 10px;color:#ecf1e8;text-decoration:none;white-space:nowrap;font-weight:590;font-size:12.5px;border-radius:8px}.desktop-nav .top-link:hover,.desktop-nav .top-link.active,.nav-parent:focus-within>.top-link{background:#264638}.nav-parent{position:relative;display:flex;align-items:center}.nav-caret{background:transparent;border:0;color:#e7eddc;padding:10px 4px 10px 0;font-size:12px}.nav-caret::before{content:'⌄'}.sub-menu{display:none;position:absolute;top:100%;left:0;min-width:235px;padding:9px;background:#fffdf8;border:1px solid #dce4d8;box-shadow:0 22px 45px #061d1435;border-radius:13px}.sub-menu a{display:block;padding:11px 13px;text-decoration:none;font-size:13px;color:#22392f;font-weight:600;border-radius:7px}.sub-menu a:hover,.sub-menu a:focus-visible{background:#e9f1e1}.nav-parent:hover .sub-menu,.nav-parent:focus-within .sub-menu{display:block}.mobile-nav{display:none;margin-left:auto;position:relative}.mobile-nav>summary{cursor:pointer;list-style:none;color:#f7f8ed;border:1px solid #436249;padding:10px 16px;border-radius:10px;font-weight:800;font-size:13px}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary:after{content:'☰';margin-left:12px;color:var(--lime)}.mobile-nav[open]>summary:after{content:'×';font-size:16px}.mobile-nav-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 35px));background:#fffdf8;color:#183328;border:1px solid #dce2d8;box-shadow:0 30px 70px #0c211948;border-radius:15px;padding:14px;max-height:75vh;overflow:auto}.mobile-nav-panel a{display:block;text-decoration:none;padding:10px 12px;font-size:14px;font-weight:700}.mobile-nav-panel a:hover{background:#e7eee5}.mobile-category{border-top:1px solid #ebefea}.mobile-category summary{font-size:14px;font-weight:800;cursor:pointer;padding:12px;list-style:none}.mobile-category summary:after{content:'+';float:right;color:#57735c}.mobile-category[open] summary:after{content:'−'}.mobile-category .sub-links{padding:0 0 8px 15px}.mobile-category a{font-size:13px}.site-footer{background:var(--night);color:#dbe7d9;padding:40px 0 33px}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:start}.footer-desc{font-size:13px;color:#aebfb0;margin-top:14px;max-width:410px}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:14px 22px}.footer-links a{font-size:13px;text-decoration:none;color:#dae8d7}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #365042;margin-top:27px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#a9bcae}.kicker{font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:#567f63;margin-bottom:18px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:100px;background:#e1ecdb;color:#2e613c;padding:6px 11px;font-size:11px;font-weight:750}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;padding:13px 22px;background:#183c2b;color:#f5fff4;font-weight:800;font-size:13px;text-decoration:none}.btn:hover{background:#2f6548;color:white}.btn-outline{background:transparent;color:#1c402e;border:1px solid #aec5b2}.btn-outline:hover{background:#e1ebd9;color:#1c402e}.section{padding:88px 0}.section-soft{background:#edf1e8;border-block:1px solid #dce6d9}.lead{color:#465e50;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.75}.small-copy{font-size:13px;color:#617264;line-height:1.8}.section-head{max-width:830px;margin-bottom:34px}.section-head p{color:#627666}.prose p{max-width:850px;color:#506757}.prose li{color:#51695a;margin-bottom:9px}.prose h2{margin-top:38px}.table-wrap{overflow-x:auto;border:1px solid #d7e2d7;border-radius:16px;background:#fffefa}.data-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:15px 16px;border-bottom:1px solid #e5eae3;vertical-align:top;font-size:13px}.data-table thead th{background:#1e3d2d;color:#f8faf4;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:800}.note{font-size:13px;color:#55705b;margin-top:16px}.simple-hero{background:linear-gradient(130deg,#eef1e8,#faf7ee);border-bottom:1px solid #d9e5d8;padding:80px 0 70px}.simple-hero .lead{max-width:800px}.breadcrumbs{font-size:12px;color:#667667;padding-top:20px}.breadcrumbs a{text-decoration:none}.breadcrumbs span{margin-inline:9px;color:#9cae9d}
@media(max-width:1120px){.desktop-nav>.top-link,.nav-parent>.top-link{padding-left:7px;padding-right:7px;font-size:12px}}@media(max-width:1000px){.desktop-nav{display:none}.mobile-nav{display:block}}@media(max-width:700px){.container{width:calc(100% - 36px)}.strip-inner{font-size:9px;letter-spacing:.08em}.strip-inner span:last-child{display:none}.nav-shell{min-height:70px}.logo-type{font-size:20px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.section{padding:62px 0}.simple-hero{padding:45px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


.home-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#10281e 0%,#173929 62%,#274c35 100%);color:#f3f9ee;padding:34px 0 78px}.home-hero .kicker{color:#cde3a1}.home-hero h1{max-width:990px;font-size:clamp(3.2rem,6.3vw,6.65rem);margin:0 0 24px;letter-spacing:-.065em}.home-hero h1 em{font-style:normal;color:#d8e98a}.home-hero .lead{color:#d0dfce;max-width:780px}.home-hero .lead strong{color:#f9fff5}.home-hero .btn{background:#d8e98a;color:#163120}.home-hero .btn-outline{border-color:#78947f;background:transparent;color:#f5f6ea}.home-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.home-visual{position:relative;display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;margin-top:49px;height:310px}.home-visual img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:19px;filter:saturate(.87)}.home-visual figure{margin:0;position:relative;overflow:hidden;border-radius:19px}.home-visual figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:32px 16px 16px;background:linear-gradient(transparent,#081b14d9);font-weight:800;font-size:13px}.home-visual figure:first-child img{object-position:center 55%}.home-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px;border-top:1px solid #45634c;padding-top:27px}.home-metrics b{color:#deedb5;font-size:28px;display:block;line-height:1.1}.home-metrics span{font-size:12px;color:#c9d8ca}.direct-answer{margin:0;padding:28px 30px;border-radius:20px;border:1px solid #d9e5d8;background:#fffefa;display:grid;grid-template-columns:1fr 2.3fr;gap:26px;align-items:start}.direct-answer strong{font-size:20px;line-height:1.3}.direct-answer p{margin:0;color:#4a6152}.direct-answer a{font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.category-card{grid-column:span 3;background:#fffefa;border:1px solid #dde7da;overflow:hidden;border-radius:19px;display:flex;flex-direction:column}.category-card.wide{grid-column:span 2}.category-image{height:236px;overflow:hidden;position:relative;background:#20332a}.category-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.category-card:hover img{transform:scale(1.035)}.category-copy{padding:24px 25px 26px;display:flex;flex:1;flex-direction:column}.category-copy h3{margin:8px 0 11px}.category-copy p{font-size:13px;color:#596e5f;flex:1;line-height:1.75}.category-copy .category-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid #e5eae3;padding-top:16px;margin-top:16px;font-weight:800;font-size:12px}.category-nav a{color:#275e3e;text-decoration:none}.category-nav a:hover{text-decoration:underline}.rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.rank-card{padding:27px;border-radius:17px;border:1px solid #d9e5d7;background:#fffefa;display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center}.rank-card figure{width:100px;height:108px;margin:0;border-radius:13px;overflow:hidden;background:#e9eee5}.rank-card figure img{width:100%;height:100%;object-fit:contain}.rank-card h3{font-size:20px;margin:8px 0}.rank-card p{font-size:12px;color:#597162;margin:0}.rank-card .rating{font-size:20px;font-weight:850;color:#244a31}.rank-card .rating small{font-size:11px;font-weight:700;color:#657a68}.rank-card .tag{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#507357}.rank-card a{font-size:12px;font-weight:850;display:inline-block;margin-top:12px;color:#275b3f}.buyer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.buyer-card{padding:28px;border-radius:18px;background:#ecf2e9;border:1px solid #d8e4d5}.buyer-card h3{font-size:22px;margin:10px 0 12px}.buyer-card p{font-size:13px;color:#536b59;line-height:1.8}.buyer-card a{font-size:12px;font-weight:850}.how-flex{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.how-flex p{color:#516658}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.method-card{border-radius:15px;padding:22px;background:#f7f9f3;border:1px solid #d7e4d6}.method-card b{color:#527e56;font-size:10px;letter-spacing:.12em}.method-card h3{font-size:19px;margin:10px 0}.method-card p{font-size:12px;color:#566e5d;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-grid article{border:1px solid #d9e5d7;background:#fffefa;border-radius:14px;padding:25px}.faq-grid h3{font-size:18px;margin-bottom:10px}.faq-grid p{font-size:13px;color:#5a7060;margin:0}.source-note{background:#f4f1e9;border-left:4px solid #b99c70;padding:18px 23px;font-size:13px;color:#665a46;line-height:1.8;border-radius:0 13px 13px 0}.zoomable{cursor:zoom-in}.home-lightbox{border:0;padding:0;max-width:min(95vw,1100px);width:95vw;background:#17251d;color:white;border-radius:18px;box-shadow:0 25px 80px #0009}.home-lightbox::backdrop{background:#07160edb}.home-lightbox img{width:100%;max-height:77vh;object-fit:contain;background:#182b20}.home-lightbox p{margin:0;padding:10px 18px 19px;font-size:13px}.lightbox-close{display:block;margin:12px 15px 12px auto;padding:9px 14px;border:1px solid #829280;background:#234332;color:#fff;border-radius:100px;cursor:pointer}.zoom-link{display:block;width:100%;height:100%}.zoom-link img{width:100%;height:100%}.image-caption{margin-top:12px;font-size:12px;color:#6b7c6e}
@media(max-width:1000px){.home-visual{grid-template-columns:1.2fr .9fr;height:310px}.home-visual figure:nth-child(3){display:none}.category-card.wide{grid-column:span 3}.how-flex{grid-template-columns:1fr;gap:20px}.rank-card{grid-template-columns:85px 1fr;gap:16px}.rank-card figure{width:85px;height:92px}}
@media(max-width:700px){.home-hero{padding:18px 0 52px}.home-hero h1{font-size:clamp(3rem,11vw,4rem)}.home-actions{flex-direction:column}.home-visual{height:265px;grid-template-columns:1fr}.home-visual figure:not(:first-child){display:none}.home-metrics{grid-template-columns:1fr 1fr;gap:24px 12px}.direct-answer{grid-template-columns:1fr;padding:23px;gap:8px}.category-grid,.rank-grid,.buyer-grid,.method-list,.faq-grid{grid-template-columns:1fr}.category-card,.category-card.wide{grid-column:auto}.category-image{height:210px}.rank-card{grid-template-columns:90px 1fr}.rank-card figure{width:90px;height:105px}}


.sg-page-hero{background:radial-gradient(ellipse at 88% 5%,#e2e9d8 0%,transparent 45%),linear-gradient(140deg,#f2f5ec,#faf8f1);padding:74px 0 64px;border-bottom:1px solid #d9dfd5}
.sg-page-hero .kicker{font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;color:#568061;margin-bottom:15px}
.sg-page-hero h1{font-size:clamp(2.7rem,5.3vw,5.1rem);max-width:940px;margin:0 0 22px}
.sg-page-hero p{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.7;color:#496357;max-width:840px}
.sg-page-body{padding:70px 0 95px}.sg-page-body h2{font-size:clamp(1.8rem,3.3vw,2.9rem);margin:43px 0 16px;max-width:1000px}
.sg-page-body h3{font-size:1.3rem;margin:24px 0 13px}.sg-page-body p{max-width:970px;line-height:1.78;color:#4a5c52}
.sg-page-body .intro{font-size:1.1rem;color:#274e37}
.sg-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:25px 0 38px}
.sg-card{background:#fffefa;border:1px solid #dbe5d9;border-radius:17px;padding:24px 26px;display:flex;flex-direction:column}
.sg-card img{width:100%;height:240px;object-fit:cover;border-radius:12px;margin-bottom:20px}
.sg-card h3{font-size:22px;margin:10px 0 12px}.sg-card p{font-size:13px;line-height:1.7;flex:1}
.sg-link{display:inline-block;margin-top:12px;font-weight:820;color:#26563a;text-decoration-thickness:1px;text-underline-offset:3px}
.sg-highlight{background:#eaf1e6;border-left:4px solid #79a078;padding:20px 25px;border-radius:0 13px 13px 0;margin:30px 0}
.sg-highlight p{margin:0}
.sg-info-table{border-collapse:collapse;width:100%;margin:26px 0 36px;background:#fffefa}
.sg-info-table th,.sg-info-table td{border:1px solid #d9e3d8;padding:14px 17px;vertical-align:top;text-align:left;font-size:14px}
.sg-info-table thead th{background:#e4ede1;color:#264b36}.sg-info-table th{font-weight:800}
.sg-two{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.sg-faq{border-bottom:1px solid #d9e3d8;padding:16px 0}
.sg-faq h3{margin:0 0 8px;font-size:18px}.sg-faq p{margin:0;font-size:14px}
.sg-last{background:#17392a;color:#f7fbf2;padding:40px 0}.sg-last h2{color:inherit;margin:0 0 13px}.sg-last p{color:#d3e5d4}
@media(max-width:850px){.sg-card-grid,.sg-two{grid-template-columns:1fr}.sg-page-hero{padding:52px 0 46px}}
@media(max-width:550px){.sg-page-body{padding:48px 0}.sg-card{padding:20px}.sg-info-table{display:block;overflow:auto}.sg-page-hero h1{font-size:2.65rem}}

@media(min-width:931px) and (max-width:1160px){.desktop-nav>.top-link,.nav-parent>.top-link{font-size:11px;padding:9px 6px}.nav-shell{gap:9px}.nav-caret{padding-right:2px}}
@media(min-width:931px) and (max-width:1020px){.logo-type{font-size:18px}.logo-mark{width:33px;height:33px}.desktop-nav>.top-link,.nav-parent>.top-link{font-size:10.5px}}
