*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7f2;color:#1f2d24;line-height:1.6}.site-header{background:#0f2a1c;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 8%;position:sticky;top:0;z-index:10}.site-header a{color:#fff;text-decoration:none;margin-left:18px}.brand{font-weight:700;font-size:22px}#hero{
min-height:0;
background:#f4f7f2;
padding:25px 8%;
text-align:center;
}
#hero::before{
content:"";
display:block;
width:100%;
max-width:1200px;
height:520px;
margin:0 auto;
background:url("assets/images/na%20main%20page.png") center/contain no-repeat;
}
#hero div{
display:none;
} }.content-section,.page-hero{background:#fff}.page-hero{text-align:center}.page-hero h1,.content-section h2,.legal-block h2{text-align:center;color:#0f2a1c}.hero-category-image{display:block;max-width:1000px;width:100%;margin:0 auto 30px;border-radius:18px}.card-grid{display:grid;gap:28px;max-width:1180px;margin:30px auto}.card-grid.three{grid-template-columns:repeat(3,1fr)}.category-card{background:#f1f6ef;border:2px solid #d8e8d4;border-radius:18px;padding:24px;box-shadow:0 8px 20px rgba(0,0,0,.08)}.featured-card{max-width:900px;margin:0 auto 28px}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1180px;margin:30px auto}.stack-card{grid-column:auto}.stack-card.center-left{grid-column:auto}.stack-card.center-right{grid-column:auto}.legal-block{background:#e7f1e7;border-top:4px solid #1d5b36;border-bottom:4px solid #1d5b36}.legal-block p{max-width:1100px;margin:0 auto 18px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1180px;margin:30px auto}.home-card{background:#f1f6ef;border:2px solid #d8e8d4;border-radius:18px;padding:12px;text-align:center;text-decoration:none;color:#0f2a1c;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.08)}.home-card img{width:100%;border-radius:12px;display:block;margin-bottom:12px}.button{display:inline-block;background:#1d5b36;color:#fff;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700}.center{text-align:center}footer{background:#0f2a1c;color:#fff;text-align:center;padding:35px 8%}footer a,footer span{color:#fff;text-decoration:none;display:inline-block;margin:10px 16px}@media(max-width:900px){.card-grid.three,.home-grid,.stack-grid{grid-template-columns:1fr}.stack-card,.stack-card.center-left,.stack-card.center-right{grid-column:auto}#hero h1{font-size:40px}}
 .content-section h3{
color:#0f2a1c;
font-size:24px;
margin-top:30px;
margin-bottom:10px;
}
.content-section hr{
border:none;
border-top:1px solid #d8e8d4;
margin:25px 0;
}
.content-section p{
max-width:1100px;
line-height:1.8;
} 
.age-gate {
position: fixed;
inset: 0;
background: rgba(15, 42, 28, 0.96);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.age-gate-box {
background: #ffffff;
color: #0f2a1c;
max-width: 560px;
width: 100%;
text-align: center;
border-radius: 18px;
padding: 36px;
box-shadow: 0 20px 60px rgba(0,0,0,.35);
}
.age-gate-check {
display: block;
text-align: left;
margin: 14px 0;
line-height: 1.5;
}
.age-gate-box button {
width: 100%;
margin-top: 14px;
padding: 14px;
border: none;
border-radius: 999px;
background: #1d5b36;
color: #fff;
font-weight: 700;
}
.age-gate-box button:disabled {
background: #999;
} 
 .home-action-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
max-width: 1180px;
margin: 30px auto 0;
}
.home-ad-tile,
.home-guide-tile {
position: relative;
min-height: 145px;
border-radius: 18px;
padding: 22px;
text-align: center;
text-decoration: none;
color: #0f2a1c;
border: 2px solid #d8e8d4;
box-shadow: 0 8px 20px rgba(0,0,0,.08);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ad-available {
background: #eaf5ff;
}
.ad-stock {
background: #f2ecff;
}
.home-guide-tile {
background: #dff3df;
} 
.ad-badge {
position: absolute;
top: 12px;
left: 14px;
font-size: 12px;
font-weight: 800;
color: #1d5b36;
border: 1px solid #1d5b36;
border-radius: 999px;
padding: 3px 8px;
}
.ad-icon {
font-size: 30px;
margin-bottom: 8px;
}
.home-ad-tile strong,
.home-guide-tile strong {
font-size: 22px;
letter-spacing: .5px;
}
.home-ad-tile small,
.home-guide-tile small {
margin-top: 8px;
font-size: 14px;
opacity: .8;
}
@media (max-width: 900px) {
.home-action-row {
grid-template-columns: 1fr;
}
}