:root{--font-main: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--font-display: "Helvetica Neue", "Helvetica", "Arial", sans-serif;--color-black: #000;--color-white: #fff;--color-accent: #f4f4f4;--spacing-section: 120px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-white);color:var(--color-black);-webkit-font-smoothing:antialiased;letter-spacing:-.02em}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1440px;margin:0 auto;padding:0 40px}.header{position:sticky;top:0;padding:20px 40px;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;justify-content:space-between;align-items:center}.nav-list{display:flex;gap:30px;text-transform:uppercase;font-size:.75rem;font-weight:400;letter-spacing:.1em}@media(max-width:768px){.container{padding:0 20px}:root{--spacing-section: 60px}.header{padding:15px 20px;height:60px}.header a{font-size:1.2rem!important}.nav-list{gap:15px;font-size:.65rem}.text-hero{font-size:3.5rem}.text-section{font-size:2rem}}@media(max-width:480px){.header{flex-direction:row;gap:0;justify-content:space-between}.nav-list{gap:10px;font-size:.6rem}}h1,h2,h3,h4{font-weight:400;text-transform:uppercase;line-height:.9}.text-hero{font-size:clamp(3rem,10vw,8rem);letter-spacing:-.04em;font-weight:300}.text-section{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.03em;margin-bottom:40px;font-weight:300}.text-body{font-size:1.1rem;line-height:1.5;color:#333;font-weight:300}.text-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:400;margin-bottom:1rem;display:block}.btn{display:inline-block;padding:1.2rem 3rem;background:var(--color-black);color:var(--color-white);text-transform:uppercase;font-size:.8rem;font-weight:400;letter-spacing:.1em;border:1px solid var(--color-black);transition:all .3s ease}.btn:hover{background:transparent;color:var(--color-black)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:60px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.border-top{border-top:1px solid #e5e5e5;padding-top:20px}@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr;gap:40px}}.section{padding:var(--spacing-section) 0}.section-gray{background-color:var(--color-accent)}.section-black{background-color:var(--color-black);color:var(--color-white)}.section-black .text-body{color:#ccc}.section-black .border-top{border-color:#333}
