*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#050505;background:#e9e9e9;padding:45px;font-family:Ubuntu,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1280px;margin:0 auto}.header{justify-content:space-between;align-items:center;height:70px;display:flex}.brand,.nav a{letter-spacing:.08em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:800;transition:all .3s}.nav{gap:90px;display:flex}.brand:hover,.nav a:hover{color:#def71c;transform:translateY(-2px)}.menu-btn{cursor:pointer;background:0 0;border:none;font-size:2rem}.hero{color:#fff;background:#050505;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:720px;padding:55px;display:flex}.hero-top{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.hero h1{letter-spacing:.1rem;background:linear-gradient(90deg,#def71c 0%,#f4ff88 50%,#def71c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:70px;padding-right:60px;font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,13vw,10rem);line-height:.82}.hero h1 span{letter-spacing:0;-webkit-text-fill-color:#def71c;margin-left:12px;font-size:.25em;position:relative;top:-35px}.hero h1 small{text-align:right;letter-spacing:.02em;margin-top:10px;margin-left:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,4vw,2rem);display:block}.services-list{min-width:210px;margin-top:55px;font-size:1.1rem;line-height:1.8;list-style:none}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero-bottom p{max-width:430px;font-size:1rem;line-height:1.4}.cta{color:#000;background:#def71c;border-radius:30px;padding:14px 22px;font-family:Space Grotesk,sans-serif;font-weight:800;transition:all .3s;display:inline-block}.cta:hover{transform:scale(1.05)}.clients{margin-top:55px}.clients>p{margin-bottom:25px;font-family:Space Grotesk,sans-serif;font-weight:800}.service-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.service-cards div{text-align:center;background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:20px;font-family:Space Grotesk,sans-serif;font-weight:800;display:flex}.projects{justify-content:space-between;align-items:flex-start;gap:40px;margin-top:130px;display:flex}.projects span,.about span{font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:800}.projects h2,.about h2,.contact h2{font-family:Space Grotesk,sans-serif}.projects h2{letter-spacing:-4px;font-size:clamp(4rem,10vw,8rem);line-height:.9}.projects p{max-width:330px;font-size:.95rem;line-height:1.5}.about{justify-content:space-between;align-items:flex-start;gap:40px;margin-top:130px;display:flex}.about h2{letter-spacing:-4px;max-width:700px;font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.about p{max-width:360px;font-size:.95rem;line-height:1.5}.contact{color:#fff;background:#050505;border-radius:18px;justify-content:space-between;align-items:center;gap:40px;margin-top:120px;padding:55px;display:flex}.contact h2{letter-spacing:-3px;font-size:clamp(2.5rem,6vw,5rem);line-height:.9}.contact p{max-width:320px;margin-top:20px;line-height:1.5}@media (width<=1024px){body{padding:25px}.nav{gap:35px}.hero{min-height:650px;padding:40px}.service-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){body{padding:14px}.header{text-align:center;flex-direction:column;gap:22px;height:auto;margin-bottom:25px}.nav{flex-wrap:wrap;justify-content:center;gap:12px}.brand,.nav a{font-size:.9rem}.menu-btn{font-size:2.4rem}.hero{border-radius:18px;min-height:620px;padding:26px}.hero-top,.hero-bottom,.projects,.about,.contact{flex-direction:column;gap:35px}.hero h1{letter-spacing:.02em;margin-top:40px;padding-right:0;font-size:clamp(3.6rem,21vw,7rem);line-height:.82}.hero h1 span{margin-left:6px;font-size:.22em;top:-24px}.hero h1 small{text-align:left;letter-spacing:.02em;margin-top:16px;font-size:clamp(1.6rem,8vw,2.6rem)}.services-list{margin-top:10px;font-size:1.05rem}.hero-bottom{align-items:flex-start}.hero-bottom p{max-width:100%}.service-cards{grid-template-columns:1fr}.projects,.about{margin-top:90px}.projects h2,.about h2{letter-spacing:-2px}.contact{align-items:flex-start;margin-top:90px;padding:30px}}@media (width<=480px){.hero{padding:22px}.hero h1{letter-spacing:.02em;font-size:clamp(3.1rem,20vw,5.5rem)}.brand,.nav a{font-size:.85rem}.projects h2,.about h2{font-size:clamp(3rem,15vw,5rem)}}