:root{--ink: #182125; --muted: #677476; --line: #dce4df; --paper: #f5f7f6; --surface: #ffffff; --graphite: #20292c; --graphite-2: #2c393d; --green: #9be83c; --green-soft: #e9f8cb; --violet: #7167d9; --violet-soft: #ebe9ff; --red: #ff4b3e; --shadow: 0 24px 70px rgba(21, 35, 39, .12); --radius: 22px; --max: 1180px;}
header{position: sticky; top: 0; z-index: 10; background: rgba(245,247,246,.9); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(220,228,223,.8);}
.nav{min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 28px;}
.brand{display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 900; letter-spacing: -.06em; line-height: .92;}
.brand-mark{width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--green); color: var(--ink); font-size: 23px; transform: rotate(-7deg);}
.brand-name{font-size: 18px;}
nav{display: flex; align-items: center; gap: 20px; font-size: 13px; font-weight: 700; color: #526164;}
nav a{text-decoration: none; padding: 7px 0; position: relative;}
nav a.active{color: var(--ink);}
.nav-cta{border: 0; cursor: pointer; font: inherit; font-weight: 800;}
.nav-cta{text-decoration: none; color: var(--ink); background: var(--green); padding: 12px 16px; border-radius: 10px; white-space: nowrap;}
.menu{display: none; background: none; font-size: 24px; padding: 7px;}
.address{padding: 16px 20px; margin: 35px 0; background: rgba(255,255,255,.62); border-radius: 14px;}
.address strong{font-size: 20px;}
.address p{margin: 7px 0 0; color: var(--muted);}
footer{background: var(--graphite); color: #d7e0dc; padding: 54px 0 28px;}
.footer-grid{display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 38px;}
footer .brand{color: white;}
footer p,footer a{color: #98a8a5; font-size: 13px;}
footer a:hover{color: var(--green);}
.footer-title{color: white; font-weight: 800; margin-bottom: 12px;}
.footer-links{display: grid; gap: 7px;}
@media (max-width: 900px){nav{gap: 12px;}
.nav-cta{display: none;}}
@media (max-width: 680px){header{position: relative;}
.nav{min-height: 70px;}
.menu{display: block;}
nav{display: none; position: absolute; left: 14px; right: 14px; top: 70px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: var(--shadow); flex-direction: column; align-items: stretch;}
nav.open{display: flex;}
nav a{padding: 10px;}
.footer-grid{grid-template-columns: 1fr;}}
.nav-cta{font-weight: 400;}
.socials{display:flex;align-items:center;gap:8px}
.social-link{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;text-decoration:none;font-size:15px;font-weight:900;color:#fff;transition:transform .2s,opacity .2s}
.social-link:hover{transform:translateY(-2px);opacity:.86}
.tiktok{background:#182125}
.youtube{background:#ff4b3e}
@media(max-width:680px){.socials{margin-left:auto;margin-right:4px}
.social-link{width:32px;height:32px}}
.brand-name{letter-spacing:-.025em!important}