:root{--background: #f5f5f7;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--border: #d2d2d7;--accent: #0071e3}a,a:visited{color:var(--text-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}body{background:var(--background);color:var(--text-primary);line-height:1.47059;font-size:17px;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;margin:0}h1{font-size:46px;font-weight:500;line-height:1.08;letter-spacing:-.015em}h2{font-size:30px;font-weight:500;line-height:1.14;letter-spacing:-.011em}h3{font-size:22px;font-weight:500;line-height:1.22;letter-spacing:-.008em}p{font-size:17px;line-height:1.47059;letter-spacing:-.022em}.navbar{position:sticky;top:0;background:#f5f5f7b8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--border);z-index:1000}.nav-container{max-width:980px;margin:0 auto;padding:0 22px;height:48px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:600;color:var(--text-primary);text-decoration:none}.nav-menu{display:flex;gap:32px;list-style:none}.nav-link{font-size:12px;font-weight:400;color:var(--text-primary);text-decoration:none;opacity:.8;transition:opacity .3s ease}.nav-link:hover,.nav-link.active{opacity:1}.main-content{max-width:980px;margin:0 auto;padding:56px 22px 64px}.site-footer{border-top:1px solid var(--border);background:linear-gradient(to bottom,rgba(0,0,0,.04),rgba(0,0,0,.02) 40%,var(--background) 100%)}.footer-content{max-width:980px;margin:0 auto;padding:12px;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:24px}.footer-link{font-size:12px;color:var(--text-secondary);text-decoration:none}.footer-link:hover{color:var(--text-primary)}.copyright{font-size:12px;color:var(--text-secondary)}@media (max-width: 834px){.nav-container{padding:0 16px}.main-content{padding:66px 16px}.hero-section{margin-bottom:66px}.content-section{margin-bottom:44px}h1{font-size:40px}h2{font-size:28px}.hero-subtitle{font-size:19px}}@media (max-width: 480px){.nav-menu{gap:24px}.footer-content{flex-direction:column;gap:12px;text-align:center}h1{font-size:32px}}