:root{--green:#173c2a;--green2:#285c3e;--lime:#8ebf45;--cream:#f6f5ef;--ink:#172018;--muted:#667069;--line:#dfe5dc;--white:#fff;--shadow:0 16px 45px rgba(18,45,28,.12);--radius:18px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}.topbar{background:var(--green);color:#dce8df;font-size:12px}.topbar .inner{min-height:34px;display:flex;align-items:center;justify-content:space-between}.top-links{display:flex;gap:20px}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,60,42,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;line-height:1.05;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--green);display:grid;place-items:center;color:#fff;font-size:21px}.brand span{font-size:14px}
.menu{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}.menu a{color:#2c342e}.menu a:hover{color:var(--green2)}.nav-actions{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0f2c1e;transform:translateY(-1px)}.btn-outline{border-color:#cdd7ce;background:#fff;color:var(--green)}
.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer}.burger{display:none}
.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#173c2a}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,26,16,.78),rgba(8,26,16,.25) 65%,rgba(8,26,16,.05))}.hero-content{position:relative;z-index:2;color:#fff;padding:90px 0 80px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#cde9b3;margin-bottom:14px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}h1{font-size:clamp(44px,6vw,76px);max-width:760px}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:20px}.hero p{max-width:690px;font-size:18px;color:#eef5ef;margin:0 0 28px}
.search-box{background:#fff;color:var(--ink);border-radius:20px;padding:14px;box-shadow:0 22px 60px rgba(0,0,0,.25);max-width:930px}.search-row{display:grid;grid-template-columns:1.7fr repeat(3,1fr) auto;gap:9px}.field{min-height:50px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 13px;display:flex;align-items:center}.field input,.field select{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}
.hero-pills{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px;font-size:13px;font-weight:800}.hero-pills span{display:flex;align-items:center;gap:7px}
.stats{background:#fff;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:28px 20px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat-icon{width:46px;height:46px;border:1px solid #b7c8ba;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:20px;flex:none}.stat strong{display:block;font-size:16px}.stat small{color:var(--muted)}
.section{padding:80px 0}.section.alt{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}.section-head p{max-width:680px;color:var(--muted);margin:0}
.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.trail-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;transition:.2s}.trail-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.trail-img{aspect-ratio:1.2/1;object-fit:cover;width:100%}.trail-body{padding:14px}.trail-body h3{font-size:15px;margin-bottom:7px}.meta{font-size:12px;color:var(--muted)}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf4e8;color:#3f6b30;font-weight:800;font-size:10px;margin-bottom:7px}
.diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.diff-card{min-height:150px;border-radius:16px;padding:25px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.diff-card:nth-child(1){background:#5f9233}.diff-card:nth-child(2){background:#dcae24}.diff-card:nth-child(3){background:#e77c22}.diff-card:nth-child(4){background:#d54d38}.diff-card p{font-size:13px;margin:0 0 15px;opacity:.94}
.scene-grid{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:16px;align-items:stretch}.scene-intro{padding:18px 0}.scene-card{position:relative;min-height:330px;border-radius:18px;overflow:hidden;color:#fff}.scene-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 65%)}.scene-content{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.scene-content p{font-size:13px;margin:0;color:#eef4ee}
.mountain-grid{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:start}.mountain-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature-panel{background:var(--green);color:#fff;border-radius:20px;padding:30px;min-height:280px}.feature-panel p{color:#dce8df}.feature-panel ul{padding-left:18px;color:#eaf1eb}
.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}.directory-card img{aspect-ratio:1.5/1;object-fit:cover;border-radius:12px;margin-bottom:14px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.blog-card img{aspect-ratio:1.35/1;object-fit:cover}.blog-card .body{padding:16px}.blog-card h3{font-size:17px}
.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:18px 0;border:0;background:transparent;text-align:left;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.faq-a{display:none;padding:0 0 18px;color:var(--muted);max-width:850px}.faq-item.open .faq-a{display:block}
.footer{background:#0f2b1d;color:#e8f0e9;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1.4fr;gap:35px}.footer h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.footer a,.footer p{color:#b9c9bd;font-size:13px}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:#9eb0a2}
.article-hero{padding:80px 0 45px;background:var(--cream)}.article-hero .wrap{max-width:900px}.article-hero h1{font-size:clamp(42px,5vw,64px);max-width:900px}.article-hero p{font-size:18px;color:var(--muted)}.article-cover{margin-top:30px;border-radius:24px;width:100%;max-height:580px;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:50px;padding:70px 0}.article-body h2{margin-top:42px}.article-body h3{margin-top:28px}.article-body p,.article-body li{color:#465149}.article-body ul{padding-left:22px}.sidebar{position:sticky;top:105px;height:max-content;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fafbf8}.sidebar a{display:block;padding:8px 0;font-size:14px;color:#516058}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:18px}
.mobile-menu{display:none}
@media(max-width:1050px){.menu{gap:16px;font-size:13px}.grid-6{grid-template-columns:repeat(3,1fr)}.mountain-list{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}}
@media(max-width:800px){.topbar{display:none}.nav{height:68px}.menu,.nav-actions .btn-primary{display:none}.burger{display:grid}.mobile-menu{position:fixed;inset:68px 0 0;background:#fff;z-index:60;padding:30px 20px;overflow:auto}.mobile-menu.active{display:block}.mobile-menu nav{display:grid;gap:4px}.mobile-menu a{padding:15px 5px;border-bottom:1px solid var(--line);font-size:18px;font-weight:800}.mobile-close{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mobile-close button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:25px;cursor:pointer}.hero{min-height:720px}.hero-content{padding:75px 0}.search-row{grid-template-columns:1fr 1fr}.search-row .btn{grid-column:1/-1}.stats-grid{grid-template-columns:1fr 1fr}.stat{border-bottom:1px solid var(--line)}.scene-grid,.mountain-grid,.info-grid{grid-template-columns:1fr}.directory{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:520px){.container{width:min(var(--container),calc(100% - 28px))}.hero{min-height:760px}h1{font-size:42px}.hero p{font-size:16px}.search-row{grid-template-columns:1fr}.stats-grid,.grid-6,.diff-grid,.directory,.blog-grid,.mountain-list{grid-template-columns:1fr}.section{padding:58px 0}.section-head{display:block}.section-head .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}

.menu a.is-active{color:var(--green);position:relative}
.menu a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--lime);border-radius:99px}
.mobile-menu a.is-active{color:var(--green);background:#f3f7f0;border-radius:10px;padding-left:12px}