*{box-sizing:border-box}html{scroll-behavior:smooth}#app{width:100%}a{color:inherit}.logo{width:auto;height:40px}body{color:#222;background:linear-gradient(#f7f5f0 0%,#eee9df 30%,#e7ebeb 60%,#f7f5f0 100%);margin:0;padding-left:clamp(20px,10vw,200px);padding-right:clamp(20px,10vw,200px);font-family:Inter,sans-serif;line-height:1.5}section{padding-bottom:50px}h1{font-size:clamp(1.5rem,4vw,2.5rem)}h1,h2{margin:0}h2{margin-bottom:25px}table{border-radius:8px;width:70%;max-width:700px;overflow:hidden}th,td{text-align:left}th{background-color:#e9e5dc}header{border-bottom:1px solid #ddd}nav{justify-content:space-between;padding:20px clamp(20px,6vw,75px);display:flex}nav div{gap:25px;display:flex;transform:translateY(10px)}nav a{color:#222;text-decoration:none}footer{border-top:1px solid #ddd;padding:40px clamp(20px,6vw,75px)}@media (width<=700px){.nav-links{gap:12px}.hero{min-height:60vh}section{padding:70px 0}.two-columns{grid-template-columns:1fr;gap:0}header{padding:12px 20px}nav{gap:12px;transform:translateY(5px)}.logo{height:25px}}