
:root{--g:#1ed760;--ink:#0b0f0d;--paper:#f4fff7;--lime:#baffc9;--muted:#53605a;--card:#fff;--line:#ccebd5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 10% 0,#d9ffe4,transparent 32%),var(--paper);color:var(--ink);line-height:1.72}a{color:inherit}.wrap{width:min(1160px,92%);margin:auto}.top{background:#07100b;color:#fff;padding:12px 0;font-size:14px}.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;text-decoration:none}.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}.links{display:flex;gap:20px;flex-wrap:wrap}.links a{text-decoration:none;font-weight:750}.hero{padding:76px 0 42px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}.eyebrow{display:inline-block;background:#0b0f0d;color:#fff;padding:8px 13px;border-radius:999px;font-weight:800;font-size:13px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.95;letter-spacing:-3px;margin:18px 0}.hero h1 span{color:#11b84b}.lead{font-size:20px;color:#33423a;max-width:760px}.art{background:#0a0f0c;border-radius:36px;padding:34px;box-shadow:18px 18px 0 #1ed760;transform:rotate(1deg)}.art img{width:100%;display:block;border-radius:24px;background:#fff}.btn{display:inline-block;margin:12px 8px 0 0;padding:14px 20px;border-radius:14px;background:#0b0f0d;color:#fff;text-decoration:none;font-weight:850}.btn.alt{background:var(--g);color:#07100b}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.chip{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-weight:750}.section{padding:44px 0}.content{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,54px);box-shadow:0 18px 60px rgba(0,0,0,.06)}h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin-top:46px}h3{font-size:24px;margin-top:34px}.callout{background:#07100b;color:#fff;border-radius:20px;padding:22px 24px;margin:28px 0;border-left:8px solid var(--g)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:7px 7px 0 #c9f9d6}.card h3{margin-top:0}.toc{background:#effff3;border:1px dashed #6adf8c;padding:22px;border-radius:18px}.toc a{display:block;margin:7px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid var(--line);padding:13px;text-align:left}th{background:#e6ffed}.faq details{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;margin:10px 0}.faq summary{font-weight:850;cursor:pointer}.footer{margin-top:50px;background:#07100b;color:#d9e7de;padding:46px 0}.footer a{color:#fff}.note{font-size:14px;color:var(--muted)}@media(max-width:820px){.heroGrid,.grid{grid-template-columns:1fr}.links{display:none}.hero h1{letter-spacing:-2px}.art{box-shadow:10px 10px 0 #1ed760}}

/* Logo + guide image refinements */
.hero .art{max-width:360px;justify-self:center;padding:22px}
.hero .art img{max-height:300px;object-fit:contain}
.guide-thumb{width:100%;height:190px;object-fit:contain;background:linear-gradient(135deg,#07100b,#143b23);border-radius:16px;padding:26px;margin-bottom:16px}
.card{overflow:hidden}
.card .guide-thumb{transition:transform .25s ease}
.card:hover .guide-thumb{transform:scale(1.035)}
@media(max-width:820px){.hero .art{max-width:280px}.guide-thumb{height:170px}}

.article-hero-logo{width:150px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:7px 7px 0 #1ed760}


/* 2026 refinement: compact hero identity, stronger hierarchy, guide artwork */
.hero{padding:62px 0 46px}
.heroGrid{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:52px}
.hero .art{max-width:300px;width:100%;justify-self:center;padding:18px;border-radius:28px;box-shadow:12px 12px 0 #1ed760;transform:rotate(.4deg)}
.hero .art img{width:100%;max-height:235px;object-fit:contain;border-radius:18px}
.hero .btn{min-width:172px;text-align:center}
.content section{scroll-margin-top:92px}
.content section>h2{padding-bottom:10px;border-bottom:2px solid #e7f7eb}

.guide-art{position:relative;min-height:190px;border-radius:18px;margin-bottom:18px;padding:24px;overflow:hidden;background:linear-gradient(135deg,#07100b 0%,#123f24 70%,#1ed760 170%);color:#fff;display:flex;align-items:flex-end;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.guide-art:before{content:"";position:absolute;width:120px;height:120px;border-radius:999px;background:rgba(30,215,96,.18);right:-28px;top:-35px;box-shadow:-80px 85px 0 rgba(30,215,96,.08)}
.guide-art small{position:absolute;left:24px;top:22px;font-weight:900;letter-spacing:.12em;color:#8fffb1}
.guide-art strong{position:relative;z-index:1;font-size:25px;line-height:1.05;max-width:88%}
.card{transition:transform .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-4px);box-shadow:10px 12px 0 #c9f9d6}
.card h2{font-size:22px;line-height:1.25;margin:0 0 10px;border:0;padding:0}
.card h2 a{text-decoration:none}
.card h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

@media(max-width:820px){
 .hero{padding:46px 0 34px}.heroGrid{grid-template-columns:1fr;gap:30px}.hero .art{max-width:230px;padding:14px;box-shadow:8px 8px 0 #1ed760}.hero .art img{max-height:175px}.guide-art{min-height:160px}.guide-art strong{font-size:22px}
}


/* Final homepage and guide refinements */
.hero{padding:54px 0 34px;background:radial-gradient(circle at 85% 18%,rgba(30,215,96,.18),transparent 32%),linear-gradient(180deg,#f4fff7 0%,#effff3 100%)}
.heroGrid{align-items:center}
.hero .art{max-width:250px;width:100%;padding:0;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;transform:translateY(-18px)!important}
.hero .art img{width:100%;max-height:210px;object-fit:contain;background:transparent;border:0!important;border-radius:18px;box-shadow:none!important}
.hero .download-only{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:16px 28px;border-radius:16px;box-shadow:0 10px 24px rgba(30,215,96,.22);transition:transform .2s ease,box-shadow .2s ease}
.hero .download-only:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(30,215,96,.3)}
.site-url-link{display:inline-block;margin:4px 0 8px;font-weight:900;color:#0b8f38;text-decoration:none;border-bottom:2px solid rgba(11,143,56,.25)}
.site-url-link:hover{border-color:#0b8f38}
.home-features{padding:0 0 34px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mini-feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 10px 28px rgba(0,0,0,.045)}
.mini-feature span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#07100b;color:#1ed760;font-weight:950;margin-bottom:12px}
.mini-feature strong{display:block;font-size:17px}.mini-feature p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.content{background:linear-gradient(180deg,#fff 0%,#fbfffc 100%);box-shadow:0 22px 70px rgba(6,50,23,.08)}
.content section{padding:6px 0 10px}.content section>h2{margin-top:38px}.content section>p{max-width:820px;line-height:1.65;margin:12px 0;color:#26352d}
.callout{box-shadow:0 12px 28px rgba(7,16,11,.12)}
.toc{box-shadow:0 10px 26px rgba(30,215,96,.08)}

/* Guide card artwork: no logos, stronger editorial image look */
.grid{gap:24px}
.card{padding:16px;border-radius:24px;box-shadow:0 12px 30px rgba(0,0,0,.055);border:1px solid #d9efe0}
.guide-art{min-height:210px;padding:24px;border-radius:20px;isolation:isolate;background:linear-gradient(145deg,#08130d 0%,#0d2b18 58%,#1ed760 170%)}
.guide-art:before{content:"";position:absolute;inset:auto -30px -40px auto;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,rgba(30,215,96,.48),rgba(30,215,96,.04) 62%,transparent 64%);z-index:-1;box-shadow:none}
.guide-art:after{content:"";position:absolute;right:20px;top:26px;width:90px;height:44px;border-top:4px solid rgba(255,255,255,.2);border-bottom:4px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-13deg);z-index:-1}
.guide-symbol{position:absolute;right:24px;bottom:24px;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#1ed760;color:#07100b;font-size:34px;font-weight:950;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.guide-art small{font-size:12px;letter-spacing:.13em;color:#97ffb8}.guide-art strong{font-size:27px;max-width:72%;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.card:nth-child(2) .guide-art{background:linear-gradient(145deg,#101010,#17311f 60%,#74ff9a 170%)}
.card:nth-child(3) .guide-art{background:linear-gradient(145deg,#14203b,#263d73 60%,#1ed760 180%)}
.card:nth-child(4) .guide-art{background:linear-gradient(145deg,#351313,#5a2323 55%,#ff6b6b 160%)}
.card:nth-child(5) .guide-art{background:linear-gradient(145deg,#2f2610,#5b4b1f 55%,#ffd95a 170%)}
.card:nth-child(6) .guide-art{background:linear-gradient(145deg,#17122d,#32235d 55%,#a989ff 170%)}
.card:nth-child(7) .guide-art{background:linear-gradient(145deg,#0d2c2a,#155651 55%,#46e0d1 170%)}
.card:nth-child(8) .guide-art{background:linear-gradient(145deg,#201025,#4a1d53 55%,#e56dff 170%)}
.card h2{font-size:21px}.card p{color:#526058;line-height:1.55}

@media(max-width:980px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hero .art{max-width:190px;transform:translateY(-8px)!important}.hero .art img{max-height:160px}.hero .download-only{width:100%;max-width:300px}.guide-art{min-height:175px}.guide-art strong{font-size:23px}.guide-symbol{width:54px;height:54px;font-size:28px}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.hero h1{font-size:46px}.content{padding:22px}.guide-art strong{max-width:68%}}


/* User-requested final refinement: clean hero, one CTA, stronger guide cards */
.hero{padding-top:42px!important}
.hero .art{max-width:220px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;transform:translateY(-34px)!important}
.hero .art img{display:block!important;width:100%!important;height:auto!important;max-height:185px!important;object-fit:contain!important;background:transparent!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important}
.hero .download-only{min-width:290px!important;padding:17px 42px!important;margin-top:14px!important;border:0!important;border-radius:16px!important;background:#1ed760!important;color:#07100b!important;box-shadow:0 12px 28px rgba(30,215,96,.24)!important;font-size:18px!important;font-weight:900!important;text-align:center!important}
.hero .download-only:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(30,215,96,.32)!important}
.site-url-link,.home-features{display:none!important}

/* Cleaner homepage content */
.content section>p{font-size:16px;line-height:1.58;max-width:760px;margin:10px 0}
.content section>p a{color:#0b8f38;font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}
.internal-guide-links{margin:34px 0 14px;padding:26px;border:1px solid #cfe9d6;border-radius:24px;background:linear-gradient(145deg,#f8fff9,#ebfff0);box-shadow:0 16px 40px rgba(4,70,28,.08)}
.internal-guide-links h2{margin:0 0 10px!important;font-size:30px!important;border:0!important;padding:0!important}
.internal-guide-links>p{margin:0 0 18px;color:#4c5b52;max-width:780px}
.internal-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.internal-link-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #d4ecdb;text-decoration:none;font-weight:850;box-shadow:0 7px 18px rgba(0,0,0,.035)}
.internal-link-grid a:after{content:'→';color:#0b8f38;font-size:20px}
.internal-link-grid a:hover{border-color:#67d98a;transform:translateY(-1px)}

/* Premium CSS-only guide artwork; no image files added */
.guides-hero{background:linear-gradient(135deg,#07100b 0%,#10361f 55%,#0c2516 100%)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)}
.guides-hero .lead{color:#d8eadf!important}
.premium-guide-card{position:relative;padding:14px!important;border-radius:26px!important;background:#fff!important;border:1px solid #d7ecdd!important;box-shadow:0 16px 40px rgba(7,35,17,.08)!important;overflow:hidden}
.premium-guide-card:hover{transform:translateY(-6px)!important;box-shadow:0 24px 54px rgba(7,35,17,.14)!important}
.premium-guide-card .guide-art{min-height:225px!important;margin-bottom:18px!important;border-radius:20px!important;padding:26px!important;display:flex!important;align-items:flex-end!important;position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important}
.premium-guide-card .guide-art:before{content:attr(data-number)!important;position:absolute!important;right:18px!important;top:4px!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;box-shadow:none!important;font-size:82px!important;line-height:1!important;font-weight:950!important;color:rgba(255,255,255,.075)!important;letter-spacing:-5px!important}
.premium-guide-card .guide-art:after{content:''!important;position:absolute!important;left:-40px!important;bottom:-70px!important;width:180px!important;height:180px!important;border-radius:50%!important;border:28px solid rgba(255,255,255,.06)!important;transform:none!important}
.premium-guide-card .guide-art small{top:24px!important;left:26px!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#baffc9!important;font-size:11px!important}
.premium-guide-card .guide-art strong{font-size:28px!important;line-height:1.02!important;max-width:78%!important;letter-spacing:-.8px!important;text-shadow:0 2px 12px rgba(0,0,0,.22)!important}
.premium-guide-card .guide-symbol{right:22px!important;bottom:22px!important;width:58px!important;height:58px!important;border-radius:18px!important;background:rgba(30,215,96,.96)!important;box-shadow:0 14px 30px rgba(0,0,0,.22)!important}
.premium-guide-card h2{margin:4px 4px 10px!important;font-size:22px!important}
.premium-guide-card p{margin:0 4px 8px!important;font-size:15px!important;line-height:1.55!important}

@media(max-width:820px){
 .hero .art{max-width:175px!important;transform:translateY(-18px)!important}
 .hero .art img{max-height:145px!important}
 .hero .download-only{width:100%!important;max-width:340px!important;min-width:0!important}
 .internal-link-grid{grid-template-columns:1fr}
 .premium-guide-card .guide-art{min-height:185px!important}
 .premium-guide-card .guide-art strong{font-size:24px!important}
}

/* Final homepage polish — 2026-09-14 */
.hero{position:relative;overflow:hidden;padding:58px 0 46px!important;background:radial-gradient(circle at 86% 22%,rgba(30,215,96,.23),transparent 27%),radial-gradient(circle at 8% 10%,rgba(30,215,96,.12),transparent 24%),linear-gradient(180deg,#f7fff9 0%,#edfff2 100%)!important}
.hero:before{content:"";position:absolute;right:-90px;top:-120px;width:330px;height:330px;border:1px solid rgba(30,215,96,.24);border-radius:50%;box-shadow:0 0 0 55px rgba(30,215,96,.045),0 0 0 110px rgba(30,215,96,.025);pointer-events:none}
.heroGrid{position:relative;z-index:1}
.hero .art,.hero .art:hover,.hero .art:focus{max-width:220px!important;width:220px!important;padding:0!important;margin:0!important;background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;transform:translateY(-20px)!important;filter:none!important;overflow:visible!important}
.hero .art:before,.hero .art:after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
.hero .art img{display:block!important;width:220px!important;height:auto!important;max-width:220px!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:none!important}
.hero .lead{max-width:700px;font-size:19px;line-height:1.62;color:#314039}
.hero .download-only{min-width:330px!important;padding:18px 52px!important;border-radius:17px!important;letter-spacing:.1px}
.hero .chips{margin-top:24px}.hero .chip{box-shadow:0 7px 22px rgba(9,69,30,.06)}
.home-highlights{padding:0 0 28px;margin-top:-8px;background:linear-gradient(180deg,#edfff2 0%,transparent 100%)}
.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.highlight-grid a{position:relative;display:flex;flex-direction:column;gap:5px;padding:21px 20px;border-radius:19px;text-decoration:none;background:rgba(255,255,255,.9);border:1px solid #d3efdb;box-shadow:0 14px 35px rgba(6,49,22,.07);transition:.2s ease}
.highlight-grid a:hover{transform:translateY(-3px);border-color:#75dc93;box-shadow:0 18px 42px rgba(6,49,22,.1)}
.highlight-grid span{font-size:12px;font-weight:950;letter-spacing:.13em;color:#0c9d40}.highlight-grid strong{font-size:18px}.highlight-grid small{color:#607067;line-height:1.4}
.homepage-main{padding-top:20px!important}
.homepage-main .content{border:0!important;border-radius:30px!important;padding:clamp(24px,5vw,56px)!important;background:linear-gradient(180deg,#fff 0%,#fbfffc 100%)!important;box-shadow:0 24px 80px rgba(7,55,25,.09)!important}
.homepage-main .content>section{position:relative;margin:34px 0;padding:28px 30px!important;border:1px solid #dcefe2;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(5,48,20,.045)}
.homepage-main .content>section:nth-of-type(even){background:linear-gradient(135deg,#f8fffa 0%,#eefff3 100%)}
.homepage-main .content>section>h2{margin:0 0 15px!important;padding:0 0 13px!important;border-bottom:2px solid #e4f7e9!important;letter-spacing:-.5px}
.homepage-main .content>section>p{max-width:800px!important;margin:11px 0!important;font-size:16px!important;line-height:1.7!important;color:#2c3932!important}
.homepage-main .callout{border:0!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(4,42,17,.08)}
.homepage-main .quick-answer{background:linear-gradient(135deg,#07100b,#123d23)!important}
.homepage-main .download-box{background:linear-gradient(135deg,#e9fff0,#f8fffa)!important;color:#112018!important;border:1px solid #bfe9cc!important;border-left:6px solid #1ed760!important}
.homepage-main .toc{margin-top:26px;background:linear-gradient(135deg,#f5fff8,#eafff0)!important;border:1px solid #bee8ca!important;box-shadow:0 10px 30px rgba(8,63,28,.04)}
.homepage-main .toc b{display:block;font-size:20px;margin-bottom:11px}
.homepage-main .toc a{padding:6px 0;text-decoration:none;border-bottom:1px dashed #d6ecdc}.homepage-main .toc a:last-child{border-bottom:0}
.internal-guide-links{margin:40px 0 26px}.internal-link-grid{gap:12px!important}.internal-link-grid a{background:linear-gradient(180deg,#fff,#f7fff9)!important;border-color:#cae9d3!important;transition:.2s ease}.internal-link-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(6,58,25,.08)}
@media(max-width:900px){.highlight-grid{grid-template-columns:1fr 1fr}.hero .art{width:190px!important;max-width:190px!important;transform:translateY(-8px)!important}.hero .art img{width:190px!important;max-width:190px!important}}
@media(max-width:560px){.highlight-grid{grid-template-columns:1fr}.hero{padding-top:38px!important}.hero .art{width:170px!important;max-width:170px!important;margin:auto!important}.hero .art img{width:170px!important;max-width:170px!important}.hero .download-only{width:100%!important;min-width:0!important;max-width:100%!important}.homepage-main .content>section{padding:22px 20px!important}.homepage-main .content{padding:20px!important}}

/* 2026 feature + guide image upgrade */
.feature-showcase{margin:34px 0;padding:34px;border-radius:28px;background:linear-gradient(135deg,#07150d,#0b2517);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.12)}
.feature-intro{max-width:760px;margin-bottom:22px}.feature-intro h2{font-size:clamp(28px,4vw,46px);margin:8px 0}.feature-intro p{color:#d6e9dc}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:22px;border:1px solid rgba(74,222,128,.22);border-radius:20px;background:rgba(255,255,255,.055)}.feature-grid article>span{display:inline-grid;place-items:center;min-width:48px;height:48px;padding:0 10px;border-radius:14px;background:#1ed760;color:#07150d;font-weight:900}.feature-grid h2{font-size:20px;margin:14px 0 8px}.feature-grid p{margin:0;color:#cde0d2;line-height:1.6}
.guide-featured-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin-bottom:18px;box-shadow:0 16px 35px rgba(0,0,0,.16);transition:transform .25s ease,box-shadow .25s ease}.premium-guide-card:hover .guide-featured-image{transform:translateY(-4px);box-shadow:0 22px 45px rgba(0,0,0,.22)}
@media(max-width:850px){.feature-grid{grid-template-columns:1fr 1fr}.feature-showcase{padding:24px}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}}

/* quick polish 2026-09-14 */
.feature-showcase{position:relative;overflow:hidden;padding:38px!important;border-radius:30px!important;background:radial-gradient(circle at 92% 8%,rgba(30,215,96,.28),transparent 28%),linear-gradient(135deg,#07100b 0%,#0c2617 58%,#103a20 100%)!important}
.feature-showcase:after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:42px solid rgba(30,215,96,.08);pointer-events:none}
.feature-intro{position:relative;z-index:1}.feature-intro .eyebrow{background:#1ed760!important;color:#07100b!important}.feature-intro h2{color:#fff!important;letter-spacing:-1px}.feature-intro p{max-width:720px!important;color:#d6eadc!important;font-size:17px!important;line-height:1.6!important}
.feature-grid{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.feature-grid article{min-height:190px;padding:24px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045))!important;border:1px solid rgba(130,255,169,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .2s ease,border-color .2s ease}.feature-grid article:hover{transform:translateY(-4px);border-color:rgba(30,215,96,.55)!important}.feature-grid article>span{width:52px!important;height:52px!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(30,215,96,.18)}.feature-grid h2{color:#fff!important;font-size:21px!important;margin:16px 0 8px!important;padding:0!important;border:0!important}.feature-grid p{color:#cfe0d4!important;font-size:15px!important;line-height:1.55!important}
.guides-hero{padding:60px 0 42px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}.guide-card-v2{padding:14px 14px 20px!important;border-radius:26px!important}.guide-card-v2 .guide-featured-image{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;border-radius:18px!important;margin:0 0 18px!important;box-shadow:none!important}.guide-card-v2 h2{font-size:23px!important;line-height:1.22!important;margin:0 8px 10px!important}.guide-card-v2 p{margin:0 8px!important;color:#53605a!important;font-size:15px!important;line-height:1.58!important}.guide-card-v2:hover .guide-featured-image{transform:scale(1.012)!important}
.article-featured{margin:0 0 28px!important}.article-featured img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;box-shadow:0 18px 48px rgba(7,35,17,.14)}.article-featured figcaption{font-size:13px;color:#66736b;margin-top:8px;text-align:center}
@media(max-width:850px){.feature-grid{grid-template-columns:1fr 1fr!important}.grid{grid-template-columns:1fr!important}}@media(max-width:560px){.feature-showcase{padding:24px!important}.feature-grid{grid-template-columns:1fr!important}.feature-grid article{min-height:0}.guide-card-v2 h2{font-size:21px!important}}

/* Mobile navigation */
.menu-toggle{display:none;width:46px;height:42px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#07100b;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:23px;height:2px;border-radius:2px;background:#1ed760;transition:transform .2s ease,opacity .2s ease}
@media(max-width:820px){.navin{position:relative;padding:11px 0}.brand{font-size:18px}.brand img{width:42px;height:42px}.menu-toggle{display:flex;margin-left:auto}.links{display:none;position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:50;flex-direction:column;gap:4px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.links.is-open{display:flex}.links a{display:block;padding:12px 14px;border-radius:10px}.links a:hover,.links a:focus{background:#e6ffed;color:#087b32}.menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}

/* Keep the Guides page title black on every screen size. */
body .guides-hero h1{color:#000000!important;text-shadow:none!important}
