@import url("https://fonts.googleapis.com/css2?family=Average&family=Lato:wght@300;400;700&display=swap"); :root {
--green:       #214A20;
--green-dark:  #1a3a19;
--green-mid:   #2d6a2c;
--green-pale:  #e8f0e8;
--brown:       #70503C;
--brown-light: #8a6a54;
--cream:       #f5f0e8;
--cream-dark:  #ede5d8;
--white:       #ffffff;
--text:        #1a1a1a;
--text-muted:  #5a5a5a;
--border:      rgba(33, 74, 32, 0.15);
--shadow:      0 4px 24px rgba(33, 74, 32, 0.10);
--radius:      6px;
--radius-lg:   10px;
--font-serif:  'Average', Georgia, 'Times New Roman', serif;
--font-sans:   'Lato', 'Helvetica Neue', Arial, sans-serif;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
font-family: var(--font-sans);
font-weight: 400;
color: var(--text);
background: var(--white);
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--green); text-decoration: none; transition: color .2s; }
a:hover { color: var(--green-mid); }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-serif);
font-weight: 400;
line-height: 1.2;
color: var(--green);
}
p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; } .mh-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 2rem;
}
.mh-container--wide {
max-width: 1300px;
margin: 0 auto;
padding: 0 2rem;
} #mh-header {
background: var(--white);
border-bottom: 3px solid var(--green);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.mh-header-inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 2rem;
max-width: 1300px;
margin: 0 auto;
min-height: 80px;
} .mh-logo {
display: flex;
align-items: center;
gap: 14px;
text-decoration: none;
}
.mh-logo-image img {
height: 60px;
width: auto;
}
.mh-logo-text .mh-logo-name {
font-family: var(--font-serif);
font-size: 26px;
font-weight: 400;
color: var(--green);
display: block;
line-height: 1;
}
.mh-logo-text .mh-logo-sub {
font-size: 11px;
color: var(--brown);
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 300;
margin-top: 2px;
display: block;
} #mh-nav ul {
display: flex;
align-items: center;
gap: 0;
}
#mh-nav ul li a {
display: block;
padding: 28px 16px;
font-size: 14px;
font-weight: 400;
color: var(--text);
letter-spacing: 0.3px;
transition: color .2s, background .2s;
white-space: nowrap;
}
#mh-nav ul li a:hover,
#mh-nav ul li.current-menu-item > a,
#mh-nav ul li.current-page-ancestor > a {
color: var(--green);
background: var(--green-pale);
} #mh-nav ul li {
position: relative;
}
#mh-nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: var(--white);
min-width: 220px;
border: 1px solid var(--border);
border-top: 3px solid var(--green);
box-shadow: var(--shadow);
flex-direction: column;
z-index: 100;
}
#mh-nav ul li:hover > ul { display: flex; }
#mh-nav ul li ul li a {
padding: 10px 16px;
font-size: 13px;
border-bottom: 1px solid var(--green-pale);
}
#mh-nav ul li ul li:last-child a { border-bottom: none; } .mh-menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
flex-direction: column;
gap: 5px;
padding: 8px;
}
.mh-menu-toggle span {
display: block;
width: 24px;
height: 2px;
background: var(--green);
transition: all .3s;
} .mh-hero {
background: linear-gradient(160deg, var(--green) 0%, var(--green-dark) 55%, #2a5028 100%);
color: var(--white);
padding: 6rem 2rem 5rem;
text-align: center;
position: relative;
overflow: hidden;
}
.mh-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 20% 80%, rgba(255,255,255,0.03) 0%, transparent 60%),
radial-gradient(ellipse at 80% 20%, rgba(255,255,255,0.03) 0%, transparent 60%);
pointer-events: none;
}
.mh-hero-badge {
display: inline-block;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.28);
color: rgba(255,255,255,0.92);
font-size: 11px;
letter-spacing: 2.5px;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 24px;
margin-bottom: 1.75rem;
font-weight: 300;
}
.mh-hero h1 {
font-family: var(--font-serif);
font-size: clamp(40px, 6vw, 68px);
font-weight: 400;
color: var(--white);
line-height: 1.05;
margin-bottom: 1.25rem;
position: relative;
}
.mh-hero p {
font-size: 17px;
opacity: 0.82;
max-width: 560px;
margin: 0 auto 2.5rem;
line-height: 1.75;
font-weight: 300;
}
.mh-hero-btns {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
} .mh-btn {
display: inline-block;
padding: 13px 32px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
border-radius: var(--radius);
cursor: pointer;
transition: all .2s;
text-decoration: none;
border: 2px solid transparent;
}
.mh-btn--primary {
background: var(--white);
color: var(--green);
border-color: var(--white);
}
.mh-btn--primary:hover {
background: var(--green-pale);
border-color: var(--green-pale);
color: var(--green-dark);
transform: translateY(-2px);
}
.mh-btn--outline {
background: transparent;
color: var(--white);
border-color: rgba(255,255,255,0.55);
}
.mh-btn--outline:hover {
background: rgba(255,255,255,0.12);
border-color: var(--white);
color: var(--white);
}
.mh-btn--green {
background: var(--green);
color: var(--white);
border-color: var(--green);
}
.mh-btn--green:hover {
background: var(--green-mid);
border-color: var(--green-mid);
color: var(--white);
transform: translateY(-2px);
} .mh-stats {
background: var(--brown);
color: var(--white);
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.mh-stat {
padding: 1.75rem 1.5rem;
text-align: center;
border-right: 1px solid rgba(255,255,255,0.12);
}
.mh-stat:last-child { border-right: none; }
.mh-stat-num {
font-family: var(--font-serif);
font-size: 38px;
font-weight: 400;
line-height: 1;
display: block;
color: var(--white);
}
.mh-stat-label {
font-size: 11px;
opacity: 0.72;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 6px;
font-weight: 300;
display: block;
} .mh-section {
padding: 5rem 2rem;
}
.mh-section--alt {
background: var(--cream);
}
.mh-section--green {
background: var(--green);
color: var(--white);
}
.mh-section-header {
text-align: center;
margin-bottom: 3.5rem;
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.mh-section-tag {
display: inline-block;
font-size: 11px;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--brown);
font-weight: 700;
margin-bottom: 0.75rem;
}
.mh-section--green .mh-section-tag { color: rgba(255,255,255,0.65); }
.mh-section-header h2 {
font-size: clamp(26px, 4vw, 38px);
color: var(--green);
margin-bottom: 0.75rem;
}
.mh-section--green .mh-section-header h2 { color: var(--white); }
.mh-section-header p {
font-size: 16px;
color: var(--text-muted);
line-height: 1.75;
}
.mh-section--green .mh-section-header p { color: rgba(255,255,255,0.78); } .mh-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5rem;
max-width: 980px;
margin: 0 auto;
}
.mh-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 2.25rem 1.75rem;
text-align: center;
text-decoration: none;
display: block;
color: var(--text);
transition: border-color .25s, transform .2s, box-shadow .25s;
}
.mh-card:hover {
border-color: var(--green);
transform: translateY(-4px);
box-shadow: 0 8px 28px rgba(33,74,32,0.12);
color: var(--text);
}
.mh-card-icon {
width: 62px;
height: 62px;
background: var(--green-pale);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.25rem;
font-size: 26px;
}
.mh-card h3 {
font-size: 18px;
color: var(--green);
margin-bottom: 0.6rem;
}
.mh-card p {
font-size: 14px;
color: var(--text-muted);
line-height: 1.65;
margin: 0;
} .mh-timeline {
max-width: 740px;
margin: 0 auto;
position: relative;
padding-left: 2.5rem;
}
.mh-timeline::before {
content: '';
position: absolute;
left: 0;
top: 10px;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, var(--green) 0%, var(--brown) 100%);
}
.mh-timeline-item {
position: relative;
padding: 0 0 2.75rem 1.75rem;
}
.mh-timeline-dot {
position: absolute;
left: -2.5rem;
top: 10px;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--green);
border: 2.5px solid var(--white);
box-shadow: 0 0 0 2px var(--green);
transform: translateX(1px);
}
.mh-timeline-year {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--brown);
font-weight: 700;
margin-bottom: 5px;
}
.mh-timeline-item h3 {
font-size: 19px;
color: var(--green);
margin-bottom: 8px;
}
.mh-timeline-item p {
font-size: 15px;
color: var(--text-muted);
line-height: 1.75;
margin: 0;
} .mh-pension-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
max-width: 980px;
margin: 0 auto;
}
.mh-pension-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 1.75rem;
}
.mh-pension-card h3 {
font-size: 18px;
color: var(--green);
padding-bottom: 0.85rem;
border-bottom: 2px solid var(--green-pale);
margin-bottom: 1.25rem;
}
.mh-pension-list {
display: flex;
flex-direction: column;
gap: 9px;
}
.mh-pension-list li {
font-size: 14px;
color: var(--text-muted);
display: flex;
gap: 10px;
align-items: flex-start;
line-height: 1.55;
}
.mh-pension-list li::before {
content: '✓';
color: var(--green);
font-weight: 700;
flex-shrink: 0;
margin-top: 1px;
} .mh-faq-wrap {
max-width: 780px;
margin: 0 auto;
}
.mh-faq-cat {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--brown);
font-weight: 700;
margin: 2.25rem 0 0.85rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--green-pale);
}
.mh-faq-cat:first-child { margin-top: 0; }
.mh-faq-item {
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 10px;
overflow: hidden;
transition: border-color .2s;
}
.mh-faq-item.open { border-color: var(--green); }
.mh-faq-question {
width: 100%;
background: var(--white);
border: none;
padding: 1.2rem 1.5rem;
text-align: left;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 15px;
font-weight: 400;
color: var(--text);
font-family: var(--font-sans);
transition: background .2s, color .2s;
gap: 1rem;
}
.mh-faq-question:hover,
.mh-faq-item.open .mh-faq-question {
background: var(--green-pale);
color: var(--green);
}
.mh-faq-icon {
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--green);
color: var(--white);
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
transition: transform .28s;
line-height: 1;
}
.mh-faq-item.open .mh-faq-icon {
transform: rotate(45deg);
}
.mh-faq-answer {
display: none;
padding: 1rem 1.5rem 1.25rem;
font-size: 14px;
color: var(--text-muted);
line-height: 1.8;
border-top: 1px solid var(--border);
background: #fafaf8;
}
.mh-faq-item.open .mh-faq-answer { display: block; }
.mh-faq-cta {
text-align: center;
margin-top: 3rem;
padding: 2.25rem;
background: var(--cream);
border-radius: var(--radius-lg);
border: 1px solid var(--cream-dark);
}
.mh-faq-cta p {
font-size: 16px;
color: var(--text-muted);
margin-bottom: 1.25rem;
} .mh-contact-layout {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 3.5rem;
max-width: 940px;
margin: 0 auto;
align-items: start;
}
.mh-contact-info h3 {
font-size: 24px;
color: var(--green);
margin-bottom: 1.5rem;
}
.mh-contact-detail {
display: flex;
gap: 14px;
margin-bottom: 1.25rem;
align-items: flex-start;
}
.mh-contact-icon {
width: 40px;
height: 40px;
background: var(--green-pale);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
flex-shrink: 0;
}
.mh-contact-text {
font-size: 14px;
color: var(--text-muted);
line-height: 1.65;
padding-top: 4px;
}
.mh-contact-text strong {
display: block;
color: var(--text);
font-weight: 700;
font-size: 13px;
letter-spacing: 0.3px;
margin-bottom: 3px;
}
.mh-contact-hint {
margin-top: 1.75rem;
padding: 1.25rem;
background: var(--green-pale);
border-radius: var(--radius);
border-left: 3px solid var(--green);
font-size: 13px;
color: var(--text-muted);
line-height: 1.65;
}
.mh-contact-hint strong {
color: var(--green);
display: block;
margin-bottom: 4px;
font-size: 13px;
} .mh-form-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 2.25rem;
box-shadow: var(--shadow);
}
.mh-form-card h3 {
font-size: 22px;
color: var(--green);
margin-bottom: 1.75rem;
padding-bottom: 1rem;
border-bottom: 2px solid var(--green-pale);
}
.mh-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.mh-form-group {
margin-bottom: 1.25rem;
}
.mh-form-group label {
display: block;
font-size: 12px;
font-weight: 700;
color: var(--text-muted);
letter-spacing: 0.5px;
text-transform: uppercase;
margin-bottom: 7px;
}
.mh-form-group input,
.mh-form-group select,
.mh-form-group textarea {
width: 100%;
border: 1.5px solid rgba(0,0,0,0.13);
border-radius: var(--radius);
padding: 11px 15px;
font-size: 14px;
font-family: var(--font-sans);
color: var(--text);
background: var(--white);
transition: border-color .2s, box-shadow .2s;
-webkit-appearance: none;
}
.mh-form-group input:focus,
.mh-form-group select:focus,
.mh-form-group textarea:focus {
outline: none;
border-color: var(--green);
box-shadow: 0 0 0 3px rgba(33,74,32,0.09);
}
.mh-form-group textarea {
min-height: 110px;
resize: vertical;
}
.mh-form-submit {
width: 100%;
background: var(--green);
color: var(--white);
border: none;
padding: 14px;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.4px;
cursor: pointer;
border-radius: var(--radius);
transition: background .2s, transform .15s;
font-family: var(--font-sans);
margin-top: 0.5rem;
}
.mh-form-submit:hover {
background: var(--green-mid);
transform: translateY(-1px);
}
.mh-form-success {
display: none;
text-align: center;
padding: 2.5rem 1rem;
}
.mh-form-success .mh-success-icon {
width: 64px;
height: 64px;
background: var(--green-pale);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.25rem;
font-size: 28px;
color: var(--green);
}
.mh-form-success h4 {
font-size: 20px;
color: var(--green);
margin-bottom: 0.5rem;
}
.mh-form-success p {
font-size: 14px;
color: var(--text-muted);
} .mh-chat-fab {
position: fixed;
bottom: 28px;
right: 28px;
width: 56px;
height: 56px;
background: var(--green);
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
box-shadow: 0 4px 20px rgba(33,74,32,0.45);
transition: transform .2s, box-shadow .2s;
z-index: 9000;
color: var(--white);
}
.mh-chat-fab:hover {
transform: scale(1.08);
box-shadow: 0 6px 28px rgba(33,74,32,0.55);
}
.mh-chat-window {
position: fixed;
bottom: 96px;
right: 28px;
width: 360px;
background: var(--white);
border-radius: 14px;
border: 1px solid var(--border);
box-shadow: 0 16px 48px rgba(0,0,0,0.14);
display: none;
flex-direction: column;
max-height: 500px;
z-index: 9000;
overflow: hidden;
}
.mh-chat-window.open { display: flex; }
.mh-chat-header {
background: var(--green);
color: var(--white);
padding: 14px 16px;
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.mh-chat-avatar {
width: 36px;
height: 36px;
background: rgba(255,255,255,0.18);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.mh-chat-header-info h4 {
font-size: 14px;
font-weight: 700;
color: var(--white);
font-family: var(--font-sans);
margin: 0;
}
.mh-chat-header-info p {
font-size: 11px;
opacity: 0.72;
margin: 0;
}
.mh-chat-close {
margin-left: auto;
background: none;
border: none;
color: var(--white);
cursor: pointer;
font-size: 20px;
opacity: 0.75;
padding: 4px;
transition: opacity .2s;
}
.mh-chat-close:hover { opacity: 1; }
.mh-chat-messages {
flex: 1;
overflow-y: auto;
padding: 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
.mh-msg {
max-width: 87%;
padding: 9px 13px;
border-radius: 12px;
font-size: 13px;
line-height: 1.55;
}
.mh-msg--bot {
background: var(--green-pale);
color: var(--text);
align-self: flex-start;
border-bottom-left-radius: 3px;
}
.mh-msg--user {
background: var(--green);
color: var(--white);
align-self: flex-end;
border-bottom-right-radius: 3px;
}
.mh-msg--loading {
display: flex;
gap: 5px;
align-items: center;
padding: 12px 16px;
background: var(--green-pale);
align-self: flex-start;
border-radius: 12px;
border-bottom-left-radius: 3px;
}
.mh-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--green);
animation: mhDotPulse 1.2s ease-in-out infinite;
}
.mh-dot:nth-child(2) { animation-delay: 0.2s; }
.mh-dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes mhDotPulse {
0%, 80%, 100% { transform: scale(0.65); opacity: 0.35; }
40% { transform: scale(1); opacity: 1; }
}
.mh-chat-quick {
padding: 8px 14px 4px;
display: flex;
flex-wrap: wrap;
gap: 6px;
border-top: 1px solid var(--green-pale);
flex-shrink: 0;
}
.mh-quick-btn {
background: var(--green-pale);
border: 1px solid rgba(33,74,32,0.2);
color: var(--green);
padding: 5px 11px;
font-size: 11px;
cursor: pointer;
border-radius: 20px;
transition: background .2s;
font-family: var(--font-sans);
}
.mh-quick-btn:hover { background: #d0e0d0; }
.mh-chat-input {
display: flex;
padding: 10px 12px;
gap: 8px;
border-top: 1px solid var(--border);
flex-shrink: 0;
}
.mh-chat-input input {
flex: 1;
border: 1.5px solid rgba(0,0,0,0.12);
border-radius: 22px;
padding: 9px 15px;
font-size: 13px;
font-family: var(--font-sans);
outline: none;
transition: border-color .2s;
}
.mh-chat-input input:focus { border-color: var(--green); }
.mh-chat-send {
width: 36px;
height: 36px;
background: var(--green);
border: none;
border-radius: 50%;
color: var(--white);
font-size: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background .2s;
}
.mh-chat-send:hover { background: var(--green-mid); } .mh-page-header {
background: linear-gradient(135deg, var(--green) 0%, var(--green-dark) 100%);
color: var(--white);
padding: 3.5rem 2rem;
text-align: center;
}
.mh-page-header h1 {
font-size: clamp(28px, 4vw, 42px);
color: var(--white);
font-weight: 400;
margin-bottom: 0.5rem;
}
.mh-page-header p {
font-size: 16px;
opacity: 0.75;
font-weight: 300;
margin: 0;
} .mh-nature-grid {
max-width: 720px;
margin: 0 auto;
background: var(--white);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
padding: 2.25rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
text-align: center;
}
.mh-nature-item-emoji {
font-size: 32px;
margin-bottom: 8px;
}
.mh-nature-item-label {
font-size: 14px;
color: var(--text-muted);
} #mh-footer {
background: var(--green);
color: var(--white);
padding: 3.5rem 2rem 1.75rem;
}
.mh-footer-grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
gap: 2.5rem;
max-width: 980px;
margin: 0 auto 2.5rem;
}
.mh-footer-brand h3 {
font-size: 22px;
color: var(--white);
font-weight: 400;
margin-bottom: 0.6rem;
}
.mh-footer-brand p {
font-size: 13px;
opacity: 0.65;
line-height: 1.75;
font-weight: 300;
margin: 0;
}
.mh-footer-col h4 {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
opacity: 0.55;
margin-bottom: 1.1rem;
font-weight: 400;
font-family: var(--font-sans);
color: var(--white);
}
.mh-footer-col a,
.mh-footer-col span {
display: block;
color: rgba(255,255,255,0.75);
text-decoration: none;
font-size: 13px;
margin-bottom: 8px;
font-weight: 300;
transition: color .2s;
}
.mh-footer-col a:hover { color: var(--white); }
.mh-footer-bottom {
max-width: 980px;
margin: 0 auto;
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 1.5rem;
text-align: center;
font-size: 12px;
opacity: 0.45;
font-weight: 300;
}
.mh-footer-bottom a {
color: inherit;
text-decoration: underline;
opacity: 0.7;
} .mh-content-wrap {
max-width: 820px;
margin: 0 auto;
padding: 3.5rem 2rem;
}
.mh-content-wrap h1,
.mh-content-wrap h2,
.mh-content-wrap h3 {
color: var(--green);
margin-bottom: 1rem;
margin-top: 2rem;
}
.mh-content-wrap h1:first-child,
.mh-content-wrap h2:first-child { margin-top: 0; }
.mh-content-wrap p { color: var(--text-muted); line-height: 1.8; }
.mh-content-wrap ul, .mh-content-wrap ol {
list-style: disc;
padding-left: 1.5rem;
color: var(--text-muted);
margin-bottom: 1rem;
}
.mh-content-wrap ul li, .mh-content-wrap ol li {
margin-bottom: 0.4rem;
line-height: 1.7;
} @media (max-width: 900px) {
.mh-stats { grid-template-columns: repeat(2, 1fr); }
.mh-contact-layout { grid-template-columns: 1fr; gap: 2rem; }
.mh-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
#mh-nav { display: none; }
#mh-nav.open { display: block; }
#mh-nav.open ul {
flex-direction: column;
background: var(--white);
border-top: 1px solid var(--border);
position: absolute;
top: 100%;
left: 0;
right: 0;
box-shadow: var(--shadow);
z-index: 999;
}
#mh-nav.open ul li a { padding: 14px 1.5rem; border-bottom: 1px solid var(--green-pale); }
#mh-nav ul li ul { position: static; box-shadow: none; border: none; background: var(--green-pale); }
.mh-menu-toggle { display: flex; }
.mh-hero h1 { font-size: 36px; }
.mh-hero p { font-size: 15px; }
.mh-form-row { grid-template-columns: 1fr; }
.mh-nature-grid { grid-template-columns: 1fr; }
.mh-footer-grid { grid-template-columns: 1fr; gap: 2rem; }
.mh-chat-window { width: calc(100vw - 2rem); right: 1rem; }
.mh-header-inner { padding: 0 1.25rem; }
.mh-hero { padding: 4rem 1.25rem 3.5rem; }
.mh-section { padding: 3.5rem 1.25rem; }
}
@media (max-width: 480px) {
.mh-stats { grid-template-columns: 1fr 1fr; }
.mh-stat { padding: 1.25rem 1rem; }
.mh-stat-num { font-size: 30px; }
.mh-cards-grid { grid-template-columns: 1fr; }
.mh-pension-grid { grid-template-columns: 1fr; }
}