*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f0e4;color:#172016;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}.nav{height:70px;background:#121b10;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:50;border-bottom:1px solid #33412f}.logo{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:900}.logo span{color:#a5d34e}.nav nav{display:flex;gap:25px}.nav nav a{color:#dce5d8;text-decoration:none;font-weight:700}.nav nav a:hover{color:#a5d34e}.menu{display:none;background:none;border:0;color:white;font-size:1.5rem}.hero{min-height:610px;background:radial-gradient(circle at 80% 20%,#527c38,#2b4625 45%,#172416 100%);color:white;padding:90px 9%;display:flex;align-items:center;justify-content:space-between}.heroText{max-width:760px}.tag,.eyebrow{font-size:.76rem;letter-spacing:.16em;font-weight:900;color:#68922e;margin-bottom:10px}.hero .tag{color:#bfe383}.hero h1{font-size:clamp(3.2rem,7vw,6.5rem);line-height:.94;letter-spacing:-.07em;margin:0 0 28px}.hero h1 em{font-style:normal;color:#a8da59}.hero p{font-size:1.15rem;color:#d6e0d1;max-width:680px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:13px 21px;border-radius:10px;text-decoration:none;font-weight:900}.green{background:#a6d957;color:#15200f}.outline{border:1px solid #91a789;color:white}.pixelHero{font-size:11rem;transform:rotate(-9deg);filter:drop-shadow(0 25px 25px #091008)}.pixelHero small{display:block;font-size:.8rem;letter-spacing:.2em;transform:rotate(9deg);text-align:center;color:#a8c58e}.quick{display:grid;grid-template-columns:repeat(4,1fr);background:white;border-bottom:1px solid #ddd8ca;padding:25px 8%}.quick div{display:grid;grid-template-columns:45px 1fr;padding:8px 20px;border-right:1px solid #e1ded3}.quick div:last-child{border:0}.quick b{grid-row:span 2;font-size:1.7rem}.quick strong{font-size:.95rem}.quick span{font-size:.82rem;color:#697164}.section{max-width:1250px;margin:auto;padding:82px 7%}.section h2{font-size:clamp(2.1rem,4vw,3.5rem);letter-spacing:-.06em;line-height:1.05;margin:0 0 10px}.sub{color:#687165}.path{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.path article{background:white;border:1px solid #ded9cb;border-radius:16px;padding:25px;box-shadow:0 8px 25px #1c28130b}.path span{font-weight:900;color:#6b942f}.path h3{margin:8px 0 4px}.path p{color:#697266}.path a,.guide button{color:#527b24;font-weight:900;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font-size:inherit}.dark{max-width:none;background:#192417;color:#fff}.dark .eyebrow{color:#b8dd78}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:32px;max-width:1150px}.guide{background:#263620;border:1px solid #3b4d34;border-radius:16px;padding:23px}.guide i{font-style:normal;font-size:2rem}.guide h3{margin:8px 0 4px}.guide p{color:#c7d1c2;font-size:.92rem}.guide button{color:#b3db70}.searchSection input{width:100%;padding:17px 20px;border-radius:12px;border:1px solid #cfcabb;background:white;font-size:1rem;outline:none}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.result{background:white;padding:16px;border-radius:12px;border:1px solid #ddd8ca}.article{background:#fff9ea;border-radius:22px;margin-top:35px;margin-bottom:35px}.article ol,.article ul{padding-left:25px}.article li{padding:6px 0}.note{background:#edf5df;border:1px solid #c7dfa0;padding:17px;border-radius:12px;margin-top:22px}.checkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.checkgrid span{background:white;border:1px solid #ddd7c8;border-radius:10px;padding:12px}.ore{display:grid;grid-template-columns:1fr 2fr;gap:1px;margin-top:20px;background:#d9d4c7;border:1px solid #d9d4c7}.ore>*{background:white;padding:11px}.recipeSection{max-width:none}.recipeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1100px;margin-top:30px}.recipeGrid div{background:#263620;padding:20px;border-radius:12px;border:1px solid #3b4d34}.small{font-size:.82rem;color:#9daa97}.tiplist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}.tiplist p{background:white;margin:0;padding:13px 16px;border-radius:10px;border-left:4px solid #86b542}.faq details{background:white;border:1px solid #ddd8cb;border-radius:12px;padding:16px 20px;margin:10px 0}.faq summary{font-weight:900;cursor:pointer}.faq details p{color:#687164}.modal{display:none;position:fixed;inset:0;background:#071006c9;z-index:100;padding:6vh 5%;overflow:auto}.modal.show{display:block}.modalBox{max-width:750px;background:#fff9ea;border-radius:20px;padding:35px;margin:auto;position:relative}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:2rem;cursor:pointer}footer{background:#10180e;color:#bfc9ba;text-align:center;padding:45px 20px}footer small{color:#778171}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.path{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.checkgrid,.recipeGrid{grid-template-columns:repeat(2,1fr)}.tiplist,.results{grid-template-columns:1fr 1fr}}@media(max-width:650px){.nav{padding:0 5%}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#121b10;padding:18px 6%;flex-direction:column}.nav nav.open{display:flex}.hero{padding:65px 7%;min-height:560px}.pixelHero{display:none}.path,.grid,.quick,.checkgrid,.recipeGrid,.tiplist,.results{grid-template-columns:1fr}.quick div{border-right:0;border-bottom:1px solid #e1ded3}.section{padding:60px 6%}.hero h1{font-size:3.5rem}.ore{grid-template-columns:1fr}.ore>*{padding:9px}}